/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15 Mar, 2019, 3:32:36 PM
    Author     : Easysoft
*/


@media(min-width:566px){
    
    .top-cap p {font-size: 30px;}
    
    
}


@media(max-width:1199px){


    .products-categ{       
        padding-left: 2%;
        width: 103%;}
    .loader-section img{ transform: scale(0.9)}
    .l1-inside{display: none;top:5%;left: 10%;}
.l2-inside{display: none;top: 13%;left: 2%;}
.l3-inside{display: none;top: 29%; left: 11%;}
.l4-inside{display: none;top: 50%; left: 4.6%;}
.l5-inside{display: none;top: 65%; left: 4.6%;}
.l6-inside{display: none;top: 3%;  right: 4%;}
.l7-inside{display: none;top: 12%; right: 9%;}
.l8-inside{display: none; top: 43%; right: 4%;}
.l9-inside{display: none;top: 59%;right: 3%;}
.l11-inside{display: none;    top: 20%; right: 8%;}
.l10-inside{display: none; top: 75%; right: 1%;}
}


@media(max-width:991px){
  .loader-section img{ transform: scale(0.9)}
    .w-banner li{    width: 32%;    padding: 0 6px;}
    .second-gall {
    margin-top: -60px;
}
.third-gall {
    margin-top: -120px;
}
.fourth-gall {
    margin-top: -180px;
}
.edu-wrap{    top: -65px;}
.fact-wapp{    top: -125px;}
.hotel-wrap{    top: -183px;}
}



@media(max-width:767px){
    
    .owl-dots{
        top: 111px;
    }
    
    .top-positioned {

    margin-top: 191px;
    }
    
    .gallery-btn {

    margin-top: -39px;
    margin-left: 82px;
}
    
    .the-med-media {

    height: 170px;
    margin-right: -17px;
    margin-left: -110px;
    padding-top: 15px;
    }
    
        .text-center {

    text-align: center !important;
    font-size: 14px;

}
    
    
    

.inside-new{
    margin-bottom: -34px;
}
    
.walls-coat ul{    margin-left: -120px;
    position: relative;
    top: -17px;}
.walls-coat a{    font-size: 14px;}
    .the-width {
        width: 150px;
        top:8px;
    }
    .rotate-degree {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .products-categ{    padding-left: 0%;}
    .w-banner{    transform: skew(0deg,-0deg);padding-left: 0px;
                  padding-right: 0;    margin-bottom: 50px;}
    .w-banner li{    padding: 10px;    width: 100%;}
    .inside-outer{transform: skew(0deg,0deg);
                  -ms-transform: skew(0deg,0deg);
                  -webkit-transform: skew(0deg,0deg);}
    .max-width-wrapper li{vertical-align: text-bottom;}
    .max-width-wrapper {
        padding-top: 28px;
    }
    .inside-outer h2{    font-size: 15px;}
    .interior-decor{    transform: skew(0deg,0deg);    padding: 10px 0 0;}
    .img-wrapper {
     transform: skew(0deg,0deg); 
     margin-top: 0; 
    padding: 0 15px;
}
.interior-decor{text-align: center}
.interior-decor h3:after{width: 0;height: 0}
.exterior-wrapper{text-align: center!important}
.the-contact-fort{    clip-path: none;-webkit-clip-path:none}
.the-contact-fort iframe{padding-right: 0}
.true-coat-contact {
    padding: 30px 40px 0;
}
.the-top-bottom {
    padding: 0 0 30px;
}
.w-banner{
        margin-top: 50px;
}
.walls-coat p{font-size: 14px;}
.the-collapsed-wrapper img {
    width: 130px;
}
.true-coat{    padding: 16px 0 0;   }
.third-gall,.second-gall,.fourth-gall{margin-top: 0}
.edu-wrap,.fact-wapp,.hotel-wrap{top: 0;}
.pdts-cat{font-size: 14px;}
.interior-decor p{    padding: 0;}
.w-banner h3{font-size: 17px}
.w-banner p {
    font-size: 13px;
}



.loader-section img {
    transform: scale(0.5);
}
.l1-inside {
  
    top: 7%;
    left: 21%;
}
.l2-inside {
    top: 4%;
    left: -7%;
}
.l6-inside {
     top: -10%;
    right: 13%;
}
.l7-inside {

    top: 9%;
    right: 4%;
}
.l4-inside {
  
    top: 33%;
     left: -0.6%;
}
.l8-inside {
     top: 29%;
    right: -6%;
}
.l5-inside {
    top: 57%;
    right: -9%;
}
.l10-inside {
      top: 0%;
     right: -4%;
}
.l3-inside {
    top: 45%;
    left: 53%;
}

.l12-inside {
    display: none;
    top: 17%;
    left: 22%;
}
.l14-inside {  top: 18%;  left: 0;}
.l13-inside {
    top: 283px;
    right: 220px;
}
.l16-inside {
    top: 324px;
    left: 237px;
}
.l17-inside {
    top: 183px;
    right: 83px;
}
.content-modal{    margin-top: 25px;}
.close-color{    right: -7px;}

.newly-added-class-fort {
    position: relative;
    top: -194px;
    padding-left: 144px;
    padding-right: 0;
}
}

@media(max-width:575px){
    
      .top-positioned {

    margin-top: 191px;
    }
    
    .gallery-btn {

    margin-top: -39px;
    margin-left: 82px;
}
    
    .text-center {

    text-align: center !important;
    font-size: 14px;

}
    


.inside-new{
    margin-bottom: -34px;
}
    
    .l4-inside {
    top: 33%;
      left: -11.6%;
}

.top-cap{top:30%}
.the-blocked{display: block}
.the-blocked img{width: 200px}
.owl-carousel .owl-item img {
    width: 90px;
    margin: 0 auto;
}



}





@media(max-width:499px){
    
      .top-positioned {

    margin-top: 191px;
    }
    
    .gallery-btn {

    margin-top: -39px;
    margin-left: 82px;
}
    
 .the-med-media {

    height: 170px;
    margin-right: -17px;
    margin-left: -110px;
    padding-top: 15px;
    }
    
    
    
        .text-center {

    text-align: center !important;
    font-size: 14px;

}
    
    


.inside-new{
    margin-bottom: -34px;
}
    .walls-coat li{display: block;
        margin-left: 16px;
        margin-bottom: 14px;
    }
    

    .the-width img {
        display: none;
    }
    .walls-coat p {
    font-size: 12px;
}
.the-collapsed-wrapper img{width: 100px}
.the-collapsed-wrapper .navbar-brand {margin-left: 0!important}
.true-coat{    padding: 10px 0 0;   }
.paints-for{    margin-right: 64px;}
.wrapped-text{    font-size: 27px;}
.inside-outer h2 {
    font-size: 12px;
}
.max-width-wrapper li{    width: 23%;}
.true-coat-contact h3{    font-size: 23px;}
.newly-added-class-fort {
    position: relative;
    top: -172px;
    padding-left: 110px;
    padding-right: 0;
}
.walls-coat a {
    font-size: 12px;
}
}
@media(max-width:399px){
    
      .top-positioned {

    margin-top: 191px;
    }
    
    .gallery-btn {

    margin-top: -39px;
    margin-left: 82px;
}
    
    
  .the-med-media {

    height: 170px;
    margin-right: -17px;
    margin-left: -110px;
    padding-top: 15px;
    }
    
    
    
        .text-center {

    text-align: center !important;
    font-size: 14px;

}
    
    


.inside-new{
    margin-bottom: -34px;
}
    
    
    .newly-added-class-fort {
    position: relative;
    top: -118px;
    padding-left: 110px;
    padding-right: 0;
}
    
    .walls-coat a {
    font-size: 10px;
}
.walls-coat ul {
    margin-left: -99px;
    position: relative;
    top: -17px;
}
    .the-width {
    width: 94px;    top: 18px;
}






}