@media only screen and (min-width:1441px) and (max-width:1920px)
{

}


@media only screen and (min-width:1367px) and (max-width:1440px)
{

}
@media only screen and (min-width:1131px) and (max-width:1366px)
{

}
@media only screen and (min-width:1025px) and (max-width:1130px){



}
@media only screen and (min-width:1003px) and (max-width:1024px)
{

    #main-menu ul li a{padding: 10px 24px;}
    #branch-offices .item .name{font-size: 130%; padding: 15px;}
    #sidebar{width: auto;}
    #main-menu ul li.last-menu ul{right: 0; left: auto;}
    #main-menu ul li ul li ul{left: -220px;}
    #main-menu ul li ul li:hover > ul{left: -200px;}
}
@media only screen and (min-width:768px) and (max-width:1002px)
{

    header{ height:80px; width: 100%; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); position: fixed; left: 0; right: 0; top: 0; z-index: 99; background: #fff;}
    header .header-top #logo{margin: 20px 0; width:280px;}
    header .header-bottom{display: none;}

    #mobile-menu.active #top-menu, #mobile-menu.active #main-menu {display: block !important;}
    #wrapper {width:100%; position:relative; box-shadow:0 0 10px 10px rgba(0,0,0,.2); z-index:10; background:#fff;}
    #mobile-menu{position: fixed; width: 250px; top: 0; padding-top: 70px; height:100%; z-index:2; overflow-y: scroll; background-color:#ffffff; right: -250px; display: block;}
    #mobile-menu.active{right:-250px;}
    #mobile-menu-icon {display: block; top:27px; }

    .country-list{width: auto;}
    .location-menu{margin: 0 45px 0 0;}
    .map-info{padding:16px 43px 15px 35px; font-size: 90%;}
    .map-info .flag-icon{top: 15px;}
    .map-info .fa{top: 23px;}

    .logo-container{margin-top:11px; }
    .logo-container ul li{margin: 0 4px;}
    .dropdown-item{padding: 0 15px;}
    .dropdown-item .map-info .flag-icon{top: 15px;}
    .dropdown-item .map-info{padding: 15px 25px 15px 35px;}

    #banner{max-width:100%; height:500px; padding-top: 60px;}
    #banner .bx-wrapper .bx-controls .bx-pager{right: 30px;}
    #banner ul.slides li{height: 430px; background-size: cover;}
    #banner .banner-title{top:150px; }
    #banner ul.slides li .banner-title .title{font-size: 180%;}
    #banner ul.slides li .banner-title p{font-size: 100%;}

    h2{font-size: 180%;}
    #welcome-note{padding-top: 50px;}
    #feature-project{padding: 30px 0;}
    #feature-project .info{padding: 0 0 35px}
    #feature-project .block{text-align: center;}

    #branch-offices .item .name{font-size: 115%; padding: 10px;}

    #banner-inner{margin-top: 70px; height: auto; padding: 30px 0;}
    #banner-inner h1{margin:0 0 15px; font-size: 200%; }
    .breadcrumb li, .breadcrumb li a{font-size: 100%;}

    #sidebar{width: auto;}
    #sidebar .panel-heading a{padding: 15px 60px 15px 10px; font-size: 90%; font-weight: 500;}
    #sidebar .panel-heading .panel-title.active .icon{top: 25px;}
    #sidebar .panel-heading .icon{top: 16px;}
    #sidebar .panel-body{padding:20px 30px; }
    #sidebar .panel-body ul li{margin-bottom: 15px;}

    h2.title{font-size: 110%;}

    footer #top{padding:30px 0 30px;}    
    footer .copyright{padding: 10px 0;}
    footer .copyright p{font-size: 100%;}

    form .has-captcha .input-group .form-control{width:130px; margin-right: 0;}
    form .btn{float: left; margin: 0;}

    .enquiry-btn{float: none; margin: 0 auto;}


}

@media only screen and (min-width:320px) and (max-width:767px)
{
    header .header-top{ height:105px; width: 100%; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); position: fixed; left: 0; right: 0; top: 0; z-index: 99; background: #fff;}

    #mobile-menu-icon {display: block; top:22px;}
    #menu-icon{display: none;}
    #home header .header-top{position: fixed;}
    #mobile-menu.active #top-menu, #mobile-menu.active #main-menu {display: block !important;}
    #wrapper {width:100%; position:relative; box-shadow:0 0 10px 10px rgba(0,0,0,.2); z-index:10; background:#fff;}
    #mobile-menu{position: fixed; width: 250px; top:0; padding-top:105px; height:100%; z-index:2; overflow-y: scroll; background-color:#ffffff; right: -250px; display: block;}
    #mobile-menu.active{right:-250px;}
    #mobile-menu ul li i {display: none;}

    header .header-top #logo{margin: 10px auto;}
    #home header .header-top #logo{ width: 120px; display: block;}
    #logo {width: 280px;}

    .country-list{width: auto;}
    .location-menu{margin: 0 40px 0 0;}
    .map-info{padding:9px 35px 9px 20px; font-size:70%; margin: 0;}
    .map-info .flag-icon{top: 15px;max-width:18px; }
    .map-info .flag-icon img{max-width: 100%;}
    .map-info .fa{top: 18px;}

    .dropdown-item{padding: 0 15px;}
    .dropdown-item .map-info .flag-icon{top: 15px;left: -8px; max-width:18px; }
    .dropdown-item .map-info .flag-icon img{max-width:100%; }
    .dropdown-item .map-info{padding:9px 12px 9px 12px;}

    #banner{max-width:100%; height:470px; padding-top: 105px;}
    #banner .bx-wrapper .bx-controls .bx-pager{right: 30px;}
    #banner ul.slides li{height: 380px; background-size: cover; background-position: 70% top;}
    #banner ul.slides li .banner-title{top: 0; margin: 20px 0;}
    #banner ul.slides li .banner-title .title{font-size: 140%;}
    #banner ul.slides li .banner-title p{font-size: 90%;}

    h2{font-size: 140%; padding-bottom: 30px;}
    #welcome-note{padding-top: 30px;}
    #feature-project{padding: 30px 0;}
    #feature-project .info{padding: 0 0 35px}
    #feature-project .block{text-align: center;}
    #feature-project .info p{font-size: 105%;}

    .brand-logo{margin:40px 0;}
    .brand-logo li{margin:20px;}
    .brand-logo li img{max-width: 80%;}
    .brand-logo .owl-controls .owl-dot{ display:inline-block; margin: 0 5px; }
    .brand-logo .owl-controls .owl-dot span{background:#6e6f71; width: 15px; height: 15px; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%; }
    .brand-logo .owl-controls .owl-dot.active span{background: #00abb5;}
    
    #branch-offices .item .name{font-size: 100%; padding: 10px;}
    
    #banner-inner{margin-top:100px; height: auto; padding: 30px 0;}
    #banner-inner h1{margin:0 0 15px; font-size: 150%; }
    .breadcrumb li, .breadcrumb li a{font-size: 90%;}
    
    #page{padding: 15px;}
    #feature-project h2{padding:0 0 30px 0; margin: 0 0 20px 0;}
    h2.title{margin: 0 0 20px -15px; padding:12px; text-transform: none;  }
    
    footer #top{padding:30px 0 10px;}    
    footer #top .block{margin: 0;}
    footer #top .block h5{padding: 9px 0; margin:0 0 20px; cursor: pointer; border-bottom:1px solid #d0d0d0}
    footer #top .block h5 .plus-icon{display: inline-block;}
    footer #top ul{display: none; margin: 0 0 10px 20px;}
    footer #top .first-block{text-align: center;}
    footer #top .first-block img{max-width:110px;}
    footer #top .info{margin: 20px 0;}
    footer .copyright{padding: 10px 0;}
    footer .copyright p{font-size: 100%;}

    .enquiry-btn{float: none; margin: 0 auto;}

    form .has-captcha .input-group .form-control{margin:0 10px 15px 0;}

}


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

}

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

}

@media only screen and (min-width:320px) and (max-width:480px)
{
    #page.contact-page .row [class^="col-"]{width: 100%;}
    .address-block{min-height: auto;}
    .dropdown-item .map-info{padding:13px 15px 13px 14px;}
    .map-info{ font-size:70%; margin: 0; padding:9px 35px 9px 20px;}
    .map-info .flag-icon{width: 15px;}
    .map-info .flag-icon img{max-width: 100%;}
    footer .copyright p span{display: block;}
    
}