@media only screen and (min-width: 320px) and (max-width: 499px){
header#myHeader {display: none;}
section#mobile-menu {display: block;}
span.tagline {font-size: 12px;margin-top: -3px;position: absolute;color:#fff;}
h5.logos {font-size: 36px;padding: 0;margin-top: -10px;margin-bottom: 0;font-weight: 800;color: #fff;}
.mobile-navbar .bg-lights {background: #ffffff;}
.mobile-navbar .navbar {padding: 0px 12px;}
.mobile-navbar .navbar-nav {margin-top: 20px;background: #e2e2e2;padding: 0px 8px;}
.mobile-navbar .navbar-light .navbar-brand img { width:55px;}
.fixed {position: fixed;top:0; left:0;width: 100%; z-index:9999}
.mobile-navbar .navbar-light .navbar-toggler {background: #fff;}
.banner .carousel-inner {position: relative;width: 100%;overflow: hidden;height: 140px;}
#myCarousel h4 {font-size: 22px;margin-bottom: 15px;color: #FFF;line-height: 100%;letter-spacing: 0.5px;font-weight: 600;}
#myCarousel p {font-size: 12px;margin-bottom: 15px;color: #d5d5d5;}
#myCarousel .carousel-item .mask img {-webkit-animation-name: slideInRight;animation-name: slideInRight;display: block;height: auto;max-width: 100%;}
#myCarousel .carousel-item a {padding: 4px 12px;font-size:10px;}
.carousel-control-next, .carousel-control-prev {top: 50%;height: 30px;width: 30px;}
.see-btn {padding: 10px 96px;}
.mobile-navbar .dropdown-item {padding: 3px 8px;}
.navbar-light .navbar-nav .nav-link {color: #000;padding: 4px 0px;}
.contact-form { width: 100%;}
section#top-header {text-align: center;}
.top-contact ul {padding:0}
.top-contact ul li {font-size: 15px;}
.top-location {margin-top: -13px;}
.top-location h5 {color: #fff;font-size: 15px;}
section#about {padding: 0px;background: #F3F3F3;margin-top: 15px;}
section#service {padding: 0px;margin-top: 42px;}
section#expert {padding: 0px;margin-top: 42px;}
.about-content h1 {font-size: 24px;}
.about-content p {font-size: 14px;text-align: justify;    margin-bottom: 8px;}
.service-box h1 {font-size: 24px;}
.service-box p { font-size: 14px;    text-align: justify;}
.service-content h1 {font-size: 24px;}
.expert-heading h1 {font-size: 24px;}
.expert-box {margin-bottom: 15px;}
.service-btn {text-align: center;margin-top: 8px;margin-bottom: 25px;}
.about-content a.more-btn {font-size: 11px;padding: 2px 10px 2px 10px;float:left;margin-bottom:10px}
.provide ul li {font-size: 14px;}
section#widget-wrap {padding: 19px 0px;}
.widget i {font-size: 24px;height: 50px;width: 50px;line-height: 50px;}
.widget h5 {font-size: 25px;}
.widget p {font-size: 14px;}
section#contact { padding: 0px 0px;}
.contact-heading h1 {font-size: 22px;line-height: 22px;margin-bottom: 1px;}
.contact-form .bg-info h3 {font-size: 16px;}
.thanku-box {width: 100%;margin: 0 auto;padding:50px 0px;}
.thanku-box h3 {font-size: 21px;}
.thanku-box p {font-size: 12px;}



}

@media only screen and (min-width: 379px) {

}

@media only screen and (min-width: 500px)and (max-width: 560px) {
.social {z-index: 9999;top: 58%; display:none;}
}

@media only screen and (min-width: 500px)and (max-width: 767px) {
header#myHeader {display: none;}
section#mobile-menu {display: block;}
.fixed {position: fixed;top:0; left:0;width: 100%; z-index:9999}
.mobile-navbar .bg-lights { background: #fff ;}
.mobile-navbar .navbar-light .navbar-brand img {width: 55px;}
.banner .carousel-inner {position: relative;width: 100%;overflow: hidden;height: 170px;}
section#top-header {text-align: center;}
.top-contact ul {padding:0}
.top-contact ul li {font-size: 15px;}
.top-location {margin-top: -13px;}
.top-location h5 {color: #fff;font-size: 15px;}
section#about {padding: 0px;background: #F3F3F3;margin-top: 15px;}
section#service {padding: 0px;margin-top: 42px;}
section#expert {padding: 0px;margin-top: 42px;}
.about-content h1 {font-size: 24px;}
.about-content p {font-size: 14px;text-align: justify;    margin-bottom: 8px;}
.service-box h1 {font-size: 24px;}
.service-box p { font-size: 14px;    text-align: justify;}
.service-content h1 {font-size: 24px;}
.expert-heading h1 {font-size: 24px;}
.expert-box {margin-bottom: 15px;}
.service-btn {text-align: center;margin-top: 8px;margin-bottom: 25px;}
.about-content a.more-btn {font-size: 11px;padding: 2px 10px 2px 10px;float:left;margin-bottom:10px}
.provide ul li {font-size: 14px;}
section#widget-wrap {padding: 19px 0px;}
.widget i {font-size: 24px;height: 50px;width: 50px;line-height: 50px;}
.widget h5 {font-size: 25px;}
.widget p {font-size: 14px;}
section#contact { padding: 0px 0px;}
.contact-heading h1 {font-size: 22px;line-height: 22px;margin-bottom: 1px;}
.contact-form .bg-info h3 {font-size: 16px;}
.contact-form {width: 75%;margin: 0 auto;}
.thanku-box { width: 100%; margin: 0 auto; padding: 50px 0px;}
.thanku-box h3 {font-size: 23px;}
.thanku-box p {font-size: 12px;}







}

@media only screen and (min-width: 768px)and (max-width: 990px) {
.banner .carousel-inner {position: relative;width: 100%;overflow: hidden;height: 250px;}
ul.menu {margin-top: 0px;padding:0;}
.top-location {margin-top: 17px;}
.top-contact ul {padding:0px;}
.top-contact ul li {margin-right: 11px;font-size: 12px;}
.top-location h5 {;font-size: 12px;}
section#about {padding: 22px 0px;background: #F3F3F3;}
.about-content h1 { font-size: 23px;line-height: 23px;}
.about-content p {font-size: 13px;}
.about-content a.more-btn {font-size: 11px;padding: 5px 12px 5px 13px;}
section#service {padding: 22px 0px;}
.service-box h1 {font-size: 25px;line-height: 25px;}
.expert-box {padding: 35px 15px 15px 15px;min-height: 160px;text-align: center;}
.expert-box i { margin-bottom: 15px;font-size: 25px;}
.expert-box p {font-size: 11px;}
section#widget-wrap {padding: 50px 0px;}
.widget i {font-size: 26px; height: 60px;width: 60px;line-height: 60px;}
.widget h5 {font-size: 22px;color: #fff;}
.widget p {color: #fff;font-size: 12px;}
.thanku-box {width: 100%;margin: 0 auto; padding: 50px 0px;}
.thanku-box p {font-size: 17px;}







}

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