@media only screen and (min-width:1441px) and (max-width:1920px)
{   
    .padding80{padding: 80px 0;}
    .gallery .image-container{height: 357px;}
    
}


@media only screen and (min-width:1367px) and (max-width:1440px)
{
    .padding80{padding: 60px 0;}
    .creative-content .desc{font-size: 180%;}
    .image-wrap .banner-logo{max-width:180px; bottom:30px; }

}
@media only screen and (min-width:1131px) and (max-width:1366px)
{
    .padding80{padding: 50px 0;}
    .gallery .image-container .title{font-size:215%; }
    #career-info{padding-top: 120px;}
    
    
    .creative-content .desc{font-size: 160%;}
    .creative-content a{font-size: 140%; margin-top: 20px;}
    .image-wrap .banner-logo{max-width:140px; bottom:30px; }
    .image-wrap .info span{font-size:100%;padding:5px 10px;}
}
@media only screen and (min-width:1025px) and (max-width:1130px)
{
    .padding80{padding: 40px 0;}


}
@media only screen and (min-width:1003px) and (max-width:1024px)
{
    .padding80{padding: 30px 0;}
    .gallery-item a{height: 100px;}
    
}
@media only screen and (min-width:768px) and (max-width:1024px)
{
    #logo{margin:15px 0 0 0;}
    #top-right{margin: 20px 0 0 0;}
    #logo a{width:120px; }
    .creative-block{margin-bottom: 30px;}
    .creative-block:first-child{margin-top:30px;}
    .creative-content{margin: 0;}
    .creative-content .title{font-size: 150%; margin-bottom: 10px;}
    .creative-content .desc{font-size:110%; }
    .creative-content a{font-size: 110%; margin-top: 10px;}
    .image-wrap,.video-wrap{margin:0;}
    .image-wrap .banner-logo{width: 50px; bottom:10px;}
    .image-wrap .info{right: 10px; bottom: 10px;}
    .image-wrap .info span{font-size: 70%; padding: 5px;}
    .image-wrap .play-icon{border-top: 15px solid transparent; border-bottom: 15px solid transparent;  border-left: 30px solid rgba(255,255,255,0.8);}
    .padding80{padding: 30px 0;}
    footer #top .block .title{font-size:300%; }
    footer #top .block .desc{font-size:130%; margin-bottom: 30px; }
    footer #top .address-info .number{font-size: 200%;}
    footer #top .address-info .email{font-size:170%; }
}

@media only screen and (min-width:320px) and (max-width:767px)
{
    
     #logo{margin:10px 0;}
     #logo a{ width: 70px;}
    #top-right{margin:10px 0 0; right:0; position: relative;}
    #top-right a.search-icon{width: 15px; height: 15px; background-size: cover; margin-top:10px; }
    #top-right a.brand-logo{width: 100px; margin:14px 0 0 15px; }
    
    #banner .owl-dots{display: none;}
    #banner .banner-title{bottom: 10px;}
    #banner .banner-title{ text-align: left; }
    #banner .banner-title .title{font-size:140%;}
    #banner .banner-title .sub-title{font-size: 100%;}
    
    .padding80{padding: 30px 0;}
    .image-wrap,.video-wrap{margin:0;}
    .image-wrap .banner-logo{width: 70px; bottom: 15px; left: 15px; right: auto;}
    .image-wrap .play-icon{border-top-width: 15px; border-bottom-width: 15px; border-left-width: 25px;}
    .image-wrap .info{right: 10px; bottom: 10px;}
    .image-wrap .info span{font-size: 90%; line-height: 90%;}
    
    .creative-block{display: block; width:auto; margin-bottom: 0;}
    .creative-block [class^="col-"]{display: block; float: left;}
    .creative-content{padding: 0; margin: 10px 0 20px 0;}
    .creative-block:first-child{margin-top: 20px;margin-bottom: 20px;}
    .creative-content .title{font-size: 150%; margin-bottom: 10px;}
    .creative-content .desc{font-size:120%; }
    .creative-content a{margin-top: 10px; font-size: 120%;}
    
    .gallery-outer .gallery a{height: auto;}
    .gallery-outer .items [class^="col-"]{display: block;}
    
    footer #top .address-info{margin-bottom: 30px;}
    footer #top .block .title{font-size: 210%;}
    footer #top .block .desc{font-size: 100%; margin-bottom: 30px;}
    footer #top .address-info .number{font-size: 160%;}
    footer #top .address-info .email{font-size: 130%;}
    footer #top .address-info .location{font-size:120%; margin: 20px 0; }
    footer #top .address-info .map{font-size: 110%;}
    
    .form-group{width: 100%; float: none !important;}
    .control-label,.normal-label{font-size: 110%;}
    
    footer #bottom .copyright,footer #bottom .info{text-align: center;}
    
    
    #search-overlay .search-content .content-inner{width: 90%;}
    #search-overlay .search-content h2{font-size:130%; }
    #search-box .btn-secondary{width: 100%; border: none;}
    #search-box .input-group-btn{width: 100%; display: block; }
    #search-box .form-control{width: 85%;}
    #search-box .input-group-addon{border: none; width: 15%;}
    #search-box .input-group{display: block;}
    #search-box .input-group-addon button{width: 100%;}
    #search-box .dropdown-menu{right: 0; top:101%; }
    
    .menu-icon{top: 20px; right: 20px;}
}


@media only screen and (max-width:767px) and (orientation:portrait) {

}

@media only screen and (max-width:767px) and (orientation:landscape){

}

@media only screen and (max-width:640px)
{


}
@media only screen and (min-width:320px) and (max-width:480px)
{
   
    
}
@media only screen and (max-width:320px)
{
    
}