@media (max-width: 1200px) {
    *{}
    /* common */
    .main-menu li{margin-top: 20px;}
    .main-menu a{font-size: 1.2rem;}
    
    /* HOME */
    .main-banner h2{font-size: 2.6rem;}
    .main-banner h3{font-size: 1.6rem;}
    
}

@media (max-width: 990px) {
    *{}
    /* common*/    
    .request-form{margin-top: 0;}  
    .request-form .form-group{margin-top: 20px;}
    h2.sub-title{margin-bottom: 0.8rem; font-size: 1.2rem;}
    
    /* home */
    .main-banner h3{font-size: 1.4rem;}
    .main-banner h2{font-size: 2.2rem;}
    .listing.projects .title{font-size: 1.1rem;}
    
    /* about */
    .glance-holder .title{font-size: 1.6rem; margin-bottom: 40px;}
    
    /* portfolio */
    .project-details .title{font-size: 1.4rem;} 
    .listing.portfolio .title{font-size: 1rem;}
    
        
    /* share */
    .listing.we-share .title{font-size: 1rem; margin-bottom: 8px}
    
    /*contact */
    .contact-info{margin-top: 36px;}
    
}

@media (max-width: 768px) {
    *{}
    /* common */
    .bg-pattern:after{display: none;}
    .sub-banner .back:after{background: rgba(0,0,0,0.5) ;}
    .footer .col-md-3{border: 0;}
    .footer .input{margin-bottom: 20px;}
    .footer .social-links{margin-bottom: 10px;}
    
    /* home */
    .main-banner {height: auto!important;}    
    .main-banner h3{font-size: 1.2rem;}
    .main-banner h2{font-size: 1.6rem; margin-bottom: 0.6rem;}    
    .main-banner .holder{position: relative; background: #333;}
    .main-banner .container{height: auto;}
    .main-banner .details{top: auto;-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding: 20px 0;}
    .main-banner .details:before{display: none;}
    .main-banner .flex-control-nav{display: none;}
    .main-banner .slides li:after{background: rgba(0,0,0,0.5) ;}
    
    .featured-services{margin: 1.5rem 0 2rem; padding-bottom: 0;}
    .services-tabs{margin-bottom: 1.2rem;}
    .services-tabs li{width: auto; height: auto; border: 0; min-height: 34px;}
    .services-tabs li a{ width: auto; height: auto; position: relative; top: auto; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding: 8px 15px; line-height: normal; font-size: 0.9rem;}
    .services-tabs li a.selected{font-size: 0.9rem;}
    .service-details{margin-bottom: 1.2rem;}
    
    .listing.clients .row div:nth-child(1n) .holder:after{display: block;}
    .listing.clients .row div:nth-child(2n) .holder:after{display: none;}
    
    .listing.projects ul{height: auto;}
    .listing.projects li{position: relative; width: 100%;}
    .listing.projects .holder{border: 0; margin: 0; -webkit-transform: none!important; -moz-transform: none!important; -ms-transform: none!important; -o-transform: none!important; transform: none!important;}
    .listing.projects .photo img{width: 100%!important; height: auto;}
    .listing.projects .content{ width: auto; right: 0; left: 0; bottom: 0; top: auto; opacity:1;}
    .listing.projects .details{position: relative; padding: 1rem 3rem; bottom: 0; left: 0; right: 0;}
    .listing.projects .summary{margin-bottom: 14px;}
    .listing.projects .btns .btn-link:first-child{display: none;}
    .listing.projects .title{display: none;}
    .listing.projects .details .title{display: block;}
    
    /* about */
    .glance-holder .title{font-size: 1.3rem; margin-bottom: 20px;}
    
    .side-nav li{margin-bottom: 14px; padding-bottom: 14px;}
    .side-nav li a{margin-top: 0; font-size: 1.1rem;}
    .side-nav li a:before{background: #eee; opacity:1; top: -14px!important;}
    .side-nav li:first-child a:before{display: none;}
    
    /* portfolio */
    .btn-toggle-details{width: 70px;}   
    .project-details{padding: 30px 0;}
    .project-details .content{max-width: none; margin-right: 80px;}
    .listing.portfolio .title{font-size: 1rem;}
    
    /* contact */
    .half-white:after{display: none;}
    .contact-info{margin-top: 0;}

    
    /* services */
    .listing.services .title{font-size: 1rem; margin-bottom: 8px;}
      
    /* details */
    .details-holder .title{font-size: 1rem;}   
        
}


@media (max-width: 576px) {
    *{}
    /* common */
    .main-menu{margin-top: 0;}
    .header .btn-nav{left: 0;}
    .social-links{right: 0;}
    .header .social-links{display: none;}
    .header .main-logo{float: right;}
    .header .container{padding: 0;}
    .footer{padding-bottom: 1.6rem;}
    .footer .col-md-3{border: 0;}
    .footer .input{margin-bottom: 20px;}
    .footer .nav li{width: auto; margin-right: 10px;}
    .footer .nav.full li{width: auto; margin-right: 10px}
    
    .popup .container{position: relative; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding-top: 120px; padding-bottom: 40px;}

    /* home */
    .main-banner h3{font-size: 1rem;}
    .main-banner h2{font-size: 1.4rem;}

    .services-tabs li{float: none; margin-bottom: 1px; width: 100%; border-bottom: 1px solid #aac843;}
    .services-tabs li a{padding: 8px 10px; font-size: 0.8rem;}
    
    .listing.projects li{border-bottom: 10px solid #fff;}
    .listing.projects .content{position: relative; background: #000;}
    
    .listing.clients .row div:nth-child(1n) .holder:after{display: none;}
    
    /* postfolio */
    .project-details{max-width: 100%; min-width: 0; width: 100%;}
    .project-details .title{font-size: 1rem; padding-bottom: 10px; margin-bottom: 10px;}
    .project-details .info{margin-bottom: 16px;}    
    .project-details .content{margin-left: 40px;}

    /* share */
    .listing.we-share.full .photo{float: none; margin: 0 0 10px; width: auto;}

    /* services */
    .listing.services .photo{float: none; margin: 0 0 10px; width: auto;}

}




@media (min-width: 576px) and (max-width: 1199px) {
    *{}
    .container{max-width: none;}
}


.ios .back{
     background-attachment: scroll!important;
}