@media (min-width : 320px) and (max-width: 480px) {
.navbar-toggle { margin-right: 0; }
.navbar-header { width: 100%; }
#owl-hero .item .caption h1 { font-size: 20px; line-height: 40px; }
#owl-hero .item .caption h1 span { font-size: 30px; padding: 5px 20px }
#owl-hero .item .caption h1 { margin-bottom: 0; }
#owl-hero .item .caption { margin-top: -100px; }
a.dropdown-item { font-size: 10px; }
footer .logo-ft { max-width: none; height: auto; text-align:center}
.logo-ft img { height: auto; width:56%; }
.banner_inner { padding-top: 0; min-height: 10vh;}
}

@media (min-width: 480px) and (max-width: 599px) {
#owl-hero .item .caption h1 { font-size: 20px; line-height: 40px; }
#owl-hero .item .caption h1 span { font-size: 30px; padding: 5px 20px }
#owl-hero .item .caption h1 { margin-bottom: 0; }
#owl-hero .item .caption { margin-top: -100px; }
}

@media (min-width: 600px) and (max-width: 767px) {
#owl-hero .item .caption h1 { font-size: 30px; line-height: 80px; }
#owl-hero .item .caption h1 span { font-size: 40px; padding: 10px 40px }
}

@media (max-width: 767px) {
.navbar-nav { float: right; width: 100%; background: #8b262bf0; z-index: 99999; position: relative; }
/*.who-we { background: url(../img/who-bg.png) no-repeat; background-size: 100%; min-height: 100vh; background-position: fixed; }*/
h1, h1.text-left { text-align: center !important; font-size: 25px; min-height: 40px;}
h2 { font-size: 20px !important; text-align: left }
h2 span { font-size: 14px !important; }
p { text-align: left; font-size: 14px; }
.banner_caption { position: absolute; top: 40%; left: 0%; text-align: center; width: 100%; }
.banner_caption h1 { font-size: 12px; min-height:40px; }
button.navbar-toggler { top: 30PX; }
.join { margin-top: 15px; }
.footer-bottom p { width: 100%; text-align: left !important; }
a.navbar-brand { max-width: 175px; margin-top: 8px; }
.headertop { position: relative; }
.headertop.fixed-header{ position: fixed; }
.fixed-header #cssmenu.small-screen { margin: -84px 0 0 0;}
.fixed-header img { width: 89%;}
.banner_caption {top: 28%;}
.client-area img {width:100%;}
.who-we img { margin-bottom: 10px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
#owl-hero .item .caption h1 { font-size: 30px; line-height: 80px; }
#owl-hero .item .caption h1 span { font-size: 40px; padding: 10px 40px }
.innerbanner { height: 200px; overflow: hidden; }
.gall_box { width: 48%; margin-left: 10px; }
.content_area { padding-top: 20px; }
.cont_address { float: left; width: 100%; }
.cont_map { float: left; margin-top: 20px; }
.curtainbox img { width: 100%; }
button.navbar-toggler { position: absolute; left: 300%; z-index: 9999; color: #fff; top: 30px; background: #ffffffa8; }
.navbar-nav { float: right; width: 100%; background: #000000b8; margin-top: 30px; }
.waves.white { margin-top: -80px; }
.inner-banner img { margin-top: 0; }
.banner_caption h1, .banner_caption h1.text-left { font-size: 25px; padding: 30px; }
section#partners h1, #get-touch h1 { padding-top: 10vh }
footer .quick-link li { padding: 4px 10px; }
ul.service-icon.pl-0 li { width: 25%; }
button.navbar-toggler { background: #87161926; position: relative !important; z-index: 9999; border: 2px solid #871619; left: 220px; color: #fff !important; top: 0 !important; }
.banner_caption { position: absolute; top: 40%; left: 0%; text-align: center; width: 100%; }
.headertop { position: relative; }
.headertop.fixed-header{ position: fixed; }
.banner_inner {min-height:170px; padding:0;}
.imagebox h4 {top: 24%;}
footer .logo-ft img {width:30%;}
.banner_inner h1 {line-height:34px;}
.client-area img {width: 96%;}
.fixed-header #cssmenu ul ul { top: 4px;}
}

@media only screen and (min-width: 1023px) and (max-width: 1100px) {
#owl-hero .item .caption h1 { font-size: 45px; line-height: 80px; }
#owl-hero .item .caption h1 span { font-size: 60px; }
.curtainbox img { width: 100%; }
.navbar-light .navbar-nav .nav-link { font-size: 14px; padding: 20px 10px; color: #000; }
#cssmenu > ul > li > a {padding: 10px 7px;}
.headertop.fixed-header{ position: fixed; }
.contact-detail .textwidget { padding-right: 5px;}
.contact-detail ul li {font-size: 13px;}
.social_icon {top: 21vh;}
}

@media only screen and (min-width:1101px) and (max-width:1155px) {
}

@media (min-width: 977px) {
nav { display: block !important; }
div#navbarNavDropdown { display: flex !important; }
a.navbar-brand { float: left; }
}

@media (min-width: 1200px) and (max-width: 1280px) {
#owl-hero .item .caption h1 { font-size: 30px; line-height: 55px; }
#owl-hero .item .caption h1 span { font-size: 45px; padding-left: 0; }
#owl-hero .item .caption h1 { margin-top: 70px; margin-bottom: 10px; }
/*.social_icon { left: 50px; }*/
}

@media (min-width: 1300px) and (max-width: 1366px) {
}

@media (min-width: 1368px) and (max-width: 1450px) {
.content_section img { width: 100%; }
.arrowdown { right: 70px; }
}

@media (min-width: 1600px) and (max-width: 1680px) {
}

@media (min-width: 1900px) and (max-width: 1920px) {
.get-touch h1.text-white.text-center.full-width { margin-top: 90px; margin-bottom: -90px; }
}

@media (min-width: 320px) and (max-width: 976px) {
div#navbarNavDropdown { display: none !important; }
div#navbarNavDropdown.show { display: block !important; width: 100%; }
button.navbar-toggler { background: #87161926; position: absolute; z-index: 9999; border: 2px solid #871619; right: 0; color: #fff !important; }
.dropdown-item { padding: 10px 25px; text-align: center; border-bottom: 1px solid #e4acac; background: #f7b4b430; top: 30px }
.navbar-light .navbar-nav .nav-link { color: #fff !important }
}