/*** 1440px - 1660px ***/  
@media only screen and (max-width: 1660px) {
    *{}
    .bottles-listing .shelf:first-child .carousel-center{max-width:924px;}  
    .bottles-listing .shelf .carousel-center{max-width:396px}
    
    .private-listing li{width:16.66%}
    .private-listing li .description{-webkit-line-clamp: 5; max-height: 80px}
    
}     

/*** 1280px - 1439px ***/  
@media only screen and (max-width: 1439px) {
   *{}
   
   /** Brands **/
   .fmcg-list li:nth-child(n){width:22%; margin:0 4% 20px 0;}
   .fmcg-list li:nth-child(4n){margin-right:0;}
   /*.shelf .carousel-center{max-width:792px;} */
   .bottles-listing .shelf .carousel-center{max-width:396px}
   .bottles-listing .shelf:first-child .carousel-center{max-width:792px;}
   
   
   /** News **/
   .main-news .right-column .photo{width:48%; padding-bottom:27%; height:auto; margin-right:2%;}
   .main-news .right-column .photo img{width:100%; height:100%; position: absolute; left:0; top:0; right:0; bottom:0;  }
   .main-news .right-column .news-box:first-child{margin-bottom:10px\9;}
   .private-listing li .date{font-size:12px;}
   .private-listing li .title{font-size:14px; line-height:18px; max-height: 36px; margin-bottom:10px;}
   .private-listing li .description{-webkit-line-clamp: 4; max-height: 64px}
    
}


/*** 1024px - 1279px ***/  
@media only screen and (max-width: 1279px) {
    *{}
    header{padding:0 20px;}
    header nav{right:20px;}
    header .sub-menu.full li{width: 22%; margin: 0 0 0 4%;}
    
        
    /* Home */
    .featured-about h3{font-size: 17px; line-height: 24px;}
    .featured-about h2{font-size: 29px; line-height: 40px;}
    .featured-news-holder{padding-left:20px;}
    .home-footer .center{padding:10px 20px;}
    .home-footer .social-media{right:20px;}
    
    
    /* Sub */
    .sub-nav{padding: 20px;}
    .main-content{padding: 30px 20px;}
    footer{padding: 20px;}
    footer .social-media{right:20px;}
    .search-box{right:20px;}
    .top-msg{right:30px;}
    h2.sub-title{font-size:22px; line-height:28px; margin: 0 0 14px 0;}
    .left-nav li a{font-size:14px; padding:18px 28px 18px 0;}
    
    
   /* Who We are */
   .timeline li .date{font-size:18px;}
   .timeline li .title{font-size:16px; line-height: 20px;}
   
   .content-sub-nav a{font-size: 14px; padding: 0 7px;}
   .partners-holder .listing{margin-top:0;}
   
   
   /** Brands **/
   .fmcg-list li:nth-child(n){width:31%; margin:0 3.5% 20px 0;}
   .fmcg-list li:nth-child(3n){margin-right:0;}
   .spirits-details .brand-logo{margin:0 20px 20px 0;}
   .spirits-details .products-list{clear:both;}
   .spirits-details .clearNone{display:none;}
   .shelf .scroll-left{left: 60px;}
   .shelf .scroll-right{right: 60px;}
   /*.shelf .carousel-center{max-width:660px;}*/
   
   .bottles-listing .shelf .carousel-center{max-width:264px}
   .bottles-listing .shelf:first-child .carousel-center{max-width:660px;}
   .sub-nav .backbtn{right:20px;}
   
   
   /** News **/
   .news-holder .listing li:nth-child(n){width:22%; margin-right:4%;}
   .news-holder .listing li:nth-child(4n){margin-right:0;}
   .private-listing li{width:25%} 
   .private-listing li .description{-webkit-line-clamp: 6; max-height: 96px}
   .user-area{position: relative; margin: 20px 0 20px 0; clear: both; min-height: 34px; float: right; height:auto; right:0;}

}


/*** 960px - 1023px ***/  
@media only screen and (max-width: 1023px) {
    *{}
    h2.sub-title{font-size:20px; line-height:26px; margin: 0 0 12px 0;}
    
    .main-content{padding:20px;}    
    header .main-logo{max-width: 180px;}

    /* Our Services*/
    .real-estate .left-nav{width:28%;}
    .real-estate .right-area{width:68%;}
    .news-holder .article{padding-right:0; display:block;}
       
       
}


/*** 768px - 959px ***/ 
@media only screen and (max-width: 959px) {
    *{}                           
    header ul li a{font-size:12px; padding:33px 10px 34px;}
    header .sub-menu{min-width:100px;}
    header .sub-menu ul li a{font-size:12px; line-height: 18px;}
    h2.sub-title{font-size:18px; line-height:24px;}
    header .main-logo{max-width: 130px;}
    
    /** Who We Are **/
    .timeline ul{background:url(../images/bg-timeline.png) left top repeat-y;}
    .timeline li, .timeline li.even{width:100%; float:none; margin:0 0 20px 0;}
    .timeline li .content, .timeline li.even .content{margin:0 0 0 20px; text-align: left;} 
    .timeline li .dot, .timeline li.even .dot{left: -28px;}
    .timeline li .content .arrow, .timeline li.even .content .arrow{background:url(../images/arrow-timeline-right.png) center no-repeat; left: -6px;} 
    .article .content{display:block;}
    
    .partners-holder{width:100%; float:none; clear:both;}
    .references-list{width:100%; float:none; clear:both;}
    
    .left-nav, .real-estate .left-nav{width:34%;}    
    .right-area, .career-details, .office-details, .contact-form, .real-estate .right-area{width:62%;}
    
    
    /** News **/
    .search-box{position:relative; right:0; top:0; float:right; margin:30px 0 0 0 ;}
    .news-holder .listing li:nth-child(n){width:31%; margin-right:3.5%;}
    .news-holder .listing li:nth-child(3n){margin-right:0;}    
    .private-listing li{width:33.33%}     
   
   
   /** Brands **/   
   .bottles-listing .shelf, .bottles-listing .shelf:first-child{width:100%; float:none;}
   .bottles-listing .shelf:first-child{background-size: 90% 120px;}
   .bottles-listing .shelf .carousel-center, .bottles-listing .shelf:first-child .carousel-center{max-width:396px;}
   .bottles-listing .category-name{font-size:14px;}
        
    
}


/*** 640px - 767px ***/ 
@media only screen and (max-width: 767px) {
    *{}
    
    header .main-logo{margin:0 auto; text-align:center; padding:20px; float:none;max-width: 250px;}
    header nav{float:none; text-align:center; right:0; position:relative; height:auto; z-index:999;}
    header ul li a{padding:20px 10px;}    
    header .sub-menu{display:none!important;}
    
    /** Who we are **/
    .mission-columns .column, .mission-columns .column:first-child{float:none; clear:both; width:100%; margin: 0 0 30px 0;}
    .content-sub-nav a{font-size:12px; padding:0 5px;}  
    
    .left-nav, .real-estate .left-nav{width:38%;}    
    .right-area, .career-details, .office-details, .contact-form, .real-estate .right-area{width:58%;}
    
    .photo-gallery{width:100%; float:none; margin-bottom: 40px}
    
    
    /** News **/
    .atss{left: 0!important; right: 0!important; bottom: 0!important; width: 100%!important; top: auto!important; height:48px;}
    .atss.atss-right a{width:25%!important;}
    .atss a:hover{width:25%!important;}
    
    .main-news{display:block;}
    .main-news .left-column, .main-news .right-column{width: 100%; clear: both; float: none; margin: 0; display:block;}
    .main-news .left-column{margin-bottom:20px;}
    .main-news .right-column .news-box{position:relative;}
    .main-news .right-column .news-box:first-child{margin-bottom:20px;}
    .private-listing li .description{-webkit-line-clamp: 4; max-height: 64px}
    .private-listing li .title{font-size:13px; margin-bottom:8px;}
    
    
    /** Brands **/
   .fmcg-list li:nth-child(n){width:48%; margin:0 4% 20px 0;}
   .fmcg-list li:nth-child(2n){margin-right:0;}  
   .top-msg{display:none;}
   
   .bottles-listing .shelf .carousel-center, .bottles-listing .shelf:first-child .carousel-center{max-width:396px}  
   .shelf .scroll-left{left: 40px;}
   .shelf .scroll-right{right: 40px;}
   .bottles-listing .category-name{white-space: nowrap; font-size:12px;}
      
   
   /** contact **/
   .office-details .map, .office-details .address{width:100%; float:none;} 

}


/*** 480px - 639px ***/ 
@media only screen and (max-width: 639px) {
     *{}
     #smallMenuBtn {display: block; }
     header nav {padding: 0; min-height:30px; margin-bottom: 20px;}
     header nav ul{height: 0; overflow: hidden; padding-top: 30px; display: block; margin: 0; background: #fff; width: 100%; position: absolute; min-height:0;} 
     header nav li{display: block; width: auto; height: 30px; float: none; border-bottom: 1px solid #1b214d; margin: 0;}
     header nav li a{ padding: 0; height: 30px; line-height: 30px; font-size:14px ; display: block;  color: #1b214d; }
     header nav li a:hover{color:#1b214d;}
     header ul li:after{display:none;}
     header nav li.selected {position: absolute; top: 0; left: 0; width: 100%; display: block;} 
     header nav li.selected a{font-weight: normal; color:#fff; background: #1b214d;}    
     header .sub-menu{display:none!important;} 
     
     footer{text-align:center;}       
     footer .social-media{width:100%; text-align:center; position:relative; right:0; top:0; margin: 10px 0 0 0;}
     footer .social-media li{float:none; display: inline-block; margin:0 5px;}
     
     
     /** Home **/
     .home-footer{position:relative; margin-top:40px;}
     .home-footer .center{text-align:center; line-height:normal;}
     .home-footer .social-media{position:relative; right:0; width:100%; top:0; margin: 10px 0;}
     .home-footer .social-media li{float:none; display:inline-block;}
     .featured-news-holder{padding:20px;}
     .featured-about{float:none; margin-bottom:20px;}     
     .featured-news{position:relative; right:0!important;}   
     .featured-news .trigger{display:none;} 
     .featured-news .content{padding:20px 20px 0 20px; height:auto;}
     .featured-news .content ul{height:auto;}
     .featured-news .content li{width:100%; float:none; display:block; margin:0 0 20px 0;}
         
         
     /** Who We are **/
     .timeline{float:none; clear:both; width:100%;}
     .timeline ul{margin:0; padding-top:10px;}
     .who-we-are .article{float:none; clear:both; width:100%; margin-bottom:20px;}
     .content-sub-nav{width:100%; text-align:center;}
     .content-sub-nav li{float:none; width:auto;}
     .content-sub-nav a{padding:0 14px;}
     .partners-holder .listing li{padding:0 10px; margin-bottom:20px; width:50%}
     .sub-nav ul{float:none; display: inline-block; margin-top: 10px; width: 100%; clear: both;}
     .sub-nav li a{padding:0 10px;}
     .sub-nav li a:after{bottom:-25px;}
     .sub-nav li:first-child a{padding-left:0;}
     .photo-gallery{margin-right:20px;}
     
     .left-nav, .real-estate .left-nav{width:100%; float:none; clear:both; margin-bottom:20px;}
     .left-nav li a{padding:10px 28px 10px 0; }
     .right-area, .career-details, .office-details, .contact-form, .real-estate .right-area{width:100%; float:none; clear:both;}
     
     h2.sub-title{font-size:16px; line-height:22px;}
     .article h2.sub-title{clear:both;}
     
     /** Brands **/
     .fmcg-list li:nth-child(n){width:100%; margin:0 0 20px 0;}
     .bottles-listing .shelf .carousel-center, .bottles-listing .shelf:first-child .carousel-center{max-width:264px;}
     .social-links, .social-links ul{height:24px;}
     .social-links li, .social-links img{width:24px; height:24px; }
   
   
       /** News **/
     .news-holder .listing li:nth-child(n){width:48%; margin-right:4%;}
     .news-holder .listing li:nth-child(2n){margin-right:0;}
     .main-news{margin-bottom:30px;}
     .main-news .right-column .photo{margin-right:4%;}
     .main-news .right-column .details{display:block;}
     .main-news .right-column .title{font-size:14px;}
     .private-listing li{width:50%}     
     .logout-btn, .reset-btn{margin: 0 0 0 10px;}     
     
     /** Services ***/
     .left-nav.with-thumb li img{width:119px; height:67px;}
     .left-nav.with-thumb li .info{left:130px; bottom:0; top:0;}
         
         
}


/*** 360px - 479px ***/ 
@media only screen and (max-width: 479px) {
    *{}
    
    .sub-nav li, .sub-nav li:first-child{float:none; display:block; margin:0 0 2px 0;}
    .sub-nav li a, .sub-nav li:first-child a{border: 1px solid #1b214d; padding: 2px 10px;}
    .sub-nav li a:after{display:none;}
    .sub-nav li a.selected{background: #1b214d; color:#fff;}  
    
    /** News **/
    .main-news .right-column .photo{width:100%; padding-bottom:65.25%; margin-right:0; margin-bottom:8px;}
    .news-holder .listing li:nth-child(n){width:100%; margin-right:0;}
    .search-box{width:auto; margin-top:10px;}
    .private-listing li{width:100%}     
    .private-listing li .details{position:relative; margin-bottom:22px; bottom:0; left:0; right:0; top:0; display:block;}
    .private-listing .download{position:relative; left:0; right:0; bottom:0; display:block;}
    .private-listing li .back{display:none;}
    .user-area{margin-top:0; float:none;}
    .logout-btn, .reset-btn{margin: 0 0 5px 0; float:none; max-width:50%;}  
    
    
    /** careers **/
    .form input, .form select, .form .custom-upload{float: none; width:100%;}
    .form .separator{display:none;}
    .apply-internship{width:100%; float:none;}
    
    
    /** Who we are **/
    .content-sub-nav li{display:block;}
    
    
    /** Brands **/
    .bottles-listing .shelf .carousel-center, .bottles-listing .shelf:first-child .carousel-center{max-width:132px;}
    
        
}


/*** < 359px ***/ 
@media only screen and (max-width: 359px) {
    *{}
      
}
 

/*** Portrait ***/
@media only screen and (orientation: portrait) {
    
    /* Home */
    .main-slider{bottom:0!important; right:auto!important; height: 100%!important;}
    .main-slider .slides{height:100%!important;}
    .main-slider .slides > li{height: 100%!important; margin: 0!important; width: auto!important; position:absolute!important;}
    .main-slider .slides img{width:auto!important; height: 100%!important;}
    
    
}