/*** 1024px - 1279px ***/  
@media only screen and (max-width: 1279px) {
    *{}
    header nav li{margin-left: 20px;}
    
    /* Home */
    .featured-holder{margin-bottom: 20px;}
    .main-slider .title{font-size: 26px; line-height: 30px;}
    .request-consultation h2{font-size: 18px; line-height: 24px; margin-bottom: 12px;}    
    h2.sub-title{font-size: 26px;}
    
    .parallax .title{font-size: 34px;}
    .featured-holder .welcome-text .details{padding: 20px 30px; font-size: 14px;}
    .request-consultation .holder{padding: 30px;}
    .featured-holder .welcome-text h2.sub-title{font-size: 22px;}
    
    .listing.team h2{font-size: 22px;}
    
    .consultation-form .center{padding: 30px 40px;}
    .consultation-form .form{margin-top: 20px;}
    .consultation-form .custom-btn{margin-top: 10px;}
    .consultation-form .sub-title{margin-bottom: 14px;}
    .consultation-form .close-btn{top: 30px; right: 40px;}

}


/*** 960px - 1023px ***/  
@media only screen and (max-width: 1023px) {
    *{}
    header{padding-left: 20px; padding-right: 20px;}
    header nav li{margin-left: 15px;}
    header nav li a{font-size: 14px;}
    .main-content{padding-left: 20px; padding-right: 20px;}
    .practice-areas{padding-left: 20px; padding-right: 20px;}
    .parallax .holder{padding-left: 20px; padding-right: 20px;}
    .links-holder{padding-left: 20px; padding-right: 20px;}
    .links-holder .bloc h5{margin-bottom: 10px;}
    footer{padding-left: 20px; padding-right: 20px;}
    h3.sub-title{font-size: 20px;}
    .consultation-form .center{padding: 20px;}
    .consultation-form .form{margin-top: 10px;}
    .consultation-form .custom-btn{margin-top: 0;}
    .consultation-form .sub-title{margin-bottom: 8px;}
    .consultation-form .close-btn{top: 20px; right: 20px;}
    .consultation-form input, .consultation-form select{height: 34px; line-height: 34px;}
    .consultation-form .custom-btn{line-height: 32px;}
    .consultation-form textarea{min-height: 80px;}
    
    /* Home */
    .main-slider .details{padding: 20px 20px 46px;}
    .main-slider .title{font-size: 24px; line-height: 28px;}
    .flex-control-nav{bottom: 8px; left: 20px; }
    .featured-holder .welcome-text .details{padding: 20px;}

    
    .featured-articles .details{padding: 20px 20px 46px;}
    .featured-articles .title{font-size: 16px; line-height: 20px; max-height: 80px;}
    .featured-articles .flex-control-nav{bottom: 18px; left: 20px;}
    .featured-holder .listing.articles .details{padding-bottom: 46px; padding-top: 14px;}
    
    .request-consultation .holder{padding: 20px;}
    .request-consultation h2{font-size: 16px; line-height: 22px;}
    
    h2.sub-title{font-size: 24px;}
    .main-content .left-area{float: none; width: auto; clear: both; margin-bottom: 30px}
    .main-content .right-area{float: none; width: auto; clear: both; margin-bottom: 20px}
    
    .listing.areas li:nth-child(n){margin: 0 4% 24px 0;}
    .listing.areas li:nth-child(2n){margin: 0 0 24px 0;}
    .listing.areas .title{margin-bottom: 12px;}
    
    .parallax .title{font-size: 26px; line-height: normal;}
        
    .listing.team li .title{font-size: 16px; line-height: 20px;}
    
    /* Articles */
    .listing.articles .details{padding: 14px 20px;}
    .listing.articles .title{font-size: 16px; line-height: 20px; max-height: 60px; -webkit-line-clamp: 3;}
    .listing.articles .date, .listing.articles .category{font-size: 14px; line-height: 16px;}
    .article-details .custom-btn{position: relative; left: 0; margin-right: 10px; width: auto; padding: 0 20px;}
    .article-details .title{font-size: 20px;}    
    
    /* About */
    .page-banner .content{padding: 20px;}
    .page-banner h2{font-size: 18px;}
    
    
    /* Auttorneys */
    .attorneys-details{margin-bottom: 20px; padding-bottom: 10px;}
    .attorneys-details .details li strong{font-size: 22px;}
    
    

}


/*** 768px - 959px ***/ 
@media only screen and (max-width: 959px) {
    *{}
    body{font-size: 13px;}
    header nav li a{text-transform: capitalize;}
    .lang-menu{margin-right: 60px;}

    #mobileNavBtn{display: block; z-index: 1000;}
    header nav{border-left: 1px solid #fff; border-top:1px solid #fff; position: fixed; width: 320px; top: 79px; right: -320px; bottom: 0; z-index: 999; background: #000; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out;}
    header nav ul{padding: 0}
    header nav li:first-child{display: block;}
    header nav li{display: block; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); float: none; margin: 0;}
    header nav li a{display: block; padding: 0 20px; position: relative; display: block; z-index: 1;}
    header nav li a:before{content:""; position: absolute; left: 0; top: 0; bottom: 0; width: 0;background: #b19e66;-webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; z-index: -1;}
    header nav li a:hover:before, header nav li a.selected:before{width: 100%;}
    header nav li a:hover, header nav li a.selected{color:#fff;}
    header nav.selected{right: 0;}
    
    .custom-btn{line-height: 30px; padding: 0 20px;}
    
    h3.sub-title{font-size: 18px; line-height: normal;}
    
    /* Home */
    .main-slider .title{font-size: 20px; line-height: 24px;}
    .request-consultation h2{font-size: 14px; line-height: 20px;}
    .request-consultation .custom-btn{line-height: 30px;}
    h2.sub-title{font-size: 20px;}
    .listing.areas .title{font-size: 16px;}
    .featured-holder .welcome-text h2.sub-title{font-size: 16px; margin-bottom: 4px;}
    .featured-holder .welcome-text .details{font-size: 13px; line-height: 1.2;}
    
    
    .parallax .title{font-size: 20px;}
    .listing.team h2{font-size: 16px;}
    
    /* Auttorneys */
    .attorneys-details .details li strong{font-size: 20px;}
    .attorneys-details .details li{font-size: 14px;}
    
    /* contact */
    .map iframe{height: 300px;}
    
    /* Articles */
    .article-details .title{font-size: 18px;}
    .article-details .date{font-size: 14px;}
    
}


/*** 640px - 767px ***/ 
@media only screen and (max-width: 767px) {
    *{}
    body.panel-on header nav{overflow-y: scroll;}
    
    /* Home */
    .featured-holder{background: #000; margin-bottom: 0;}
    .main-slider{float: none; width: 100%; border-bottom: 20px solid #fff; clear: both;}
    
    h2.sub-title{font-size: 18px;}    
    
    .listing.team li:nth-child(n){width: 48%; margin-right: 4%;}
    .listing.team li:nth-child(2n){margin-right: 0; clear: right;}
    .listing.team h2{font-size: 18px; }
    
    .featured-holder .welcome-text{float: none; width: auto; margin-bottom: 20px;}
    .featured-holder .welcome-text .blank{display: none;}
    .featured-holder .welcome-text .details{position: relative;}
    
    .request-consultation{width: auto; float: none; position: relative;}
    .request-consultation h2{text-transform: capitalize; margin-bottom: 10px;}
    .request-consultation .filler{display: none;}
    .request-consultation .holder{padding: 20px; position: relative;}
    
    /* About */
    .page-banner h2{font-size: 16px;}
    
    /* Auttorneys */
    .attorneys-details .details li strong{font-size: 18px;}
    
    /* Links */
    .listing.links li:nth-child(1n){width: 48%; margin-right: 4%;}
    .listing.links li:nth-child(2n){margin-right: 0;}

    /* Articles */
    .article-details .title{font-size: 16px;}
    
}


/*** 480px - 639px ***/ 
@media only screen and (max-width: 639px) {
     *{}
     footer{text-align: center;}
     footer .center{padding: 20px 0;}
     .social-links{position: relative; display: inline-block; top: 0; margin: 10px 0 0;}
     .social-links li{display: inline-block; float: none; margin: 0 10px;}
     h3.sub-title{font-size: 16px;}
     .consultation-form .close-btn{width: 30px; height: 30px; line-height: 30px;}
     
     /* Home */
     .featured-holder{margin-bottom: 0; background: transparent;}
     .featured-holder .listing.articles{width: 100%; float: none; margin-bottom: 20px;}     
     .listing.areas li:nth-child(n){width: auto; float: none; margin: 0 0 30px;}
     
     h2.sub-title{font-size: 16px;}   
     .parallax .title{font-size: 16px;} 
     
     .links-holder .bloc.contact{float: right; width: 48%;}  
     .links-holder .bloc.links{display: none;}
     .links-holder .bloc.menu{width: 48%; margin-right: 4%;}
     
     .listing.team h2{ font-size: 16px;}
     
     /* About */
     .page-banner .content{max-width: none; right: 0;}
     
     /* Auttorneys */
    .attorneys-details .details li strong{font-size: 16px;}
    .listing.team li .title{font-size: 14px; padding: 10px 0;}
    
    /* Articles */
    .listing.articles li:nth-child(1n){float: none; width: auto; clear: both; margin: 0 0 20px;}
    
    /* contact */
    .contact-info{float: none; width: auto; margin-bottom: 20px;}
    .contact-form{float: none; width: auto; margin: 0 0 20px;}
         
}


/*** 360px - 479px ***/ 
@media only screen and (max-width: 479px) {
    *{}
    .lang-menu{margin: 25px 8px 0 0;}
    .main-logo{max-width: 160px; }
    
    /* Home */
    .main-slider .title{font-size: 18px; line-height: 22px;-height: 88px;position: relative;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
    .parallax{display: none;}
    
    .listing.team li:nth-child(n){width: 100%; float: none; margin-right: 0;}
    .listing.team li .filler{display: none;}
    .listing.team li .custom-btn{position: relative;}
    .listing.team h2{position: relative;}
    
    /* About */
    .page-banner h2{display: none;}
    
    /* Auttorneys */
    .attorneys-details .details li strong{font-size: 14px;}
    
    /* articles */
    .listing.articles .title{font-size: 15px; font-weight: 400; }
    
        
}


/*** < 359px ***/ 
@media only screen and (max-width: 359px) {
    *{}
    header nav{right: -260px; width: 260px;}
    
    .links-holder .bloc.contact{float: none; width: auto;}  
    .links-holder .bloc.menu{float: none; margin-right: 0; width: auto; margin-bottom: 20px;}
     
     .page-banner .custom-btn .fa{display: none;}
     
    /* home */
    .main-slider .title{font-size: 16px; line-height: 20px;max-height: 60px; -webkit-line-clamp: 3;}
    .featured-articles .title{font-size: 15px; max-height: 60px;-webkit-line-clamp: 3;}

    /* articles */
    .listing.articles .title{max-height: 40px; -webkit-line-clamp: 2;}
    
    /* Links */
    .listing.links li:nth-child(1n){width: 100%; float: none; margin: 0 0 20px;}
    .listing.links li .title{overflow: visible; height: auto; -webkit-line-clamp: initial;}
    
    /* contact */
    .contact-form input, .contact-form select{width: 100%; float: none; margin: 0 0 10px; clear: both;}
    .contact-form .separator{display: none;}
          
}