@media (min-width: 1601px) and (max-width: 1920px) {
.about-listing-img {height: 614px;}
.craftsmanship_listing {width: 82%;}
.craftsmanship_listing ul li {padding: 10px 0px 10px 30px; background-position: left top 20px; font-size: 20px;}
ul.menu-top li {margin:0 20px;}
.inner-banner {min-height: 700px;}
/*.page-id-588 #we-are-experts .practice-image img {margin-top: -430px;}*/
}
@media (min-width: 1440px) and (max-width: 1600px) {
.about-listing-img {height: 512px;}
/* ul.menu-top li {padding: 0px 25px;} */
/*.page-id-588 #we-are-experts .practice-image img {margin-top: -430px;}*/
}
@media (min-width: 1366px) and (max-width: 1439px) {
.box-outer h2 {font-size: 23px;}
.practicemain {padding: 0 40px;}
.practicelist > a {font-size: 23px;}
/*.page-id-588 #we-are-experts .practice-image img {margin-top: -430px;}*/
}

@media (min-width: 1200px) and (max-width: 1297px) {
.Job_Openings hr {width: 30px;}	
.Job_Openings a {font-size: 16px;}
.menu-top li a, .craftsmanship_listing ul li {font-size: 14px;}
}
@media (min-width: 1035px) and (max-width: 1199px) {
}
@media (min-width: 1024px) and (max-width: 1199px) {
#top-bannet {height: 650px; position: relative;}
.practice-image-top {height: 650px;}
.box-outer h2 {font-size: 19px; line-height: 30px;}
.box-outer p {font-size: 15px; line-height: 25px;}
.Job_Openings hr {width: 20px;}
ul.menu-top li {padding: 0 10px;}
.menu-top li a {font-size: 14px;}
.Job_Openings a {font-size: 16px;}
ui.menu-top li .sub-menu li a {font-size: 12px;}
.practicemain {padding: 0 40px;}
.practicelist > a {padding: 20px 50px; font-size: 16px;}
.footerc1 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
#footer {padding: 40px 0 0px;}	
.footer-about {padding-right: 40px; margin-top: 15px;}
.logoinner, .footer-top-nav, .footer-bottom-text {margin-bottom: 40px;}
.certification__text svg {width: 30px; height: 38px;}
.inner-content p br {display: none;}
.listing-bg-outer{padding:30px;}
.listing-bg-outer ul li {font-size: 18px; padding: 10px 20px 10px 30px;}
.craftsmanship_listing h3 br{display:none;}
.craftsmanship_listing {padding: 30px;}
#middle-section-content.inner-content .about-listing ul li {background-position: left top 20px;}
.about-listing-img {height: 580px;}
.safet-responsvie-spacing:after {right:6px;}
#safet-section-content.inner-content .about-listing ul li br{display:none;}
.main {padding: 20px 0;}
#we-are-experts .no-padding {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.listing-bg-outer {padding: 20px; width: 90%; margin: 30px auto; position: static;}
.safet-page-section .craftsmanship_listing {padding: 20px 0;}
}
@media (min-width: 768px) and (max-width: 1023px) {
.safet-page-section .craftsmanship_listing {padding: 20px 0;}	
.about-listing-img {margin-top: 120px;}	
#safet-section-content.inner-content .about-listing ul li br{display:none;}	
.safet-responsvie-spacing:after {right:6px;}	
.listing-bg-outer {padding: 20px; width: 90%; margin: 30px auto; position: static;}
#we-are-experts .no-padding {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.listing-bg-outer ul li {font-size: 15px; padding: 5px 15px 5px 30px;}
#footer {padding: 40px 0 0px;}	
.footer-about {padding-right: 40px; margin-top: 15px;}
.logoinner, .footer-top-nav, .footer-bottom-text {margin-bottom: 40px;}
.certification__text svg {width: 30px; height: 38px;}
#top-bannet {height: 600px; position: relative;}
.practice-image-top {height: 600px;}
#OurRecentWork .about-content {padding: 50px 30px;}
#OurRecentWork .about-content p {line-height: 30px; font-size: 15px;}
.box-outer h2 {font-size: 15px; line-height: 20px;}
.box-outer p {font-size: 14px; line-height: 20px;}
.box-outer a {font-size: 14px; padding: 5px 30px;}
.practicelist > a {padding: 40px 50px; font-size: 11px; line-height: 20px;}
.ptitleInner {font-size: 22px; line-height: 30px;}
.practiceInner p {line-height: 30px; font-size: 15px;}
.practiceInner {margin-bottom: 40px;}
.Job_Openings hr, ul.sub-menu:after {display: none;}
.Job_Openings {padding-right: 60px;}
.sub-menu li ul.sub-menu {position: relative; top: 0!important; left: 0;}
.menu-sidebar .menu-bar-wrapper li .sub-menu .sidebar-menu-arrow::after {padding: 0px;}
.top-logo a {width: 80px; display: block; margin: 0 auto;}
.small-header .top-logo a {width: 40px;}
.inner-content p br {display: none;}
#craftsmanship-section .no-padding {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
#middle-section-content {padding-bottom: 70px;}
#middle-section-content.inner-content .about-listing ul li {background-position: left top 20px;}
.main {padding: 20px 0;}
}
@media (min-width: 992px) and (max-width: 1044px) {
.Job_Openings {padding-right: 0px;}
.Job_Openings a {font-size: 16px;}
ul.menu-top li {padding: 0 8px;}
.menu-top li a {font-size: 14px;}
.top-logo a {width: 90px; display: block; margin:0 auto;}
}
@media (max-width: 991px) {
.menu-top {display: none;}
.Job_Openings {padding-right: 0; position: fixed; top: 20px; left: 0; right: 0; text-align: center; display: flex; justify-content: center;}
}
@media (max-width: 767px) {
.portfolio-custom .modal-dialog {max-width: 80%; margin:50px auto;}	
.portfolio-custom .custom-buttom {left: -40px;}
.portfolio-custom .custom-buttom.btn-next {right: -40px;}
.we_are_experts_outer {display: block; float: none; margin-top: 30px;}
.safet-responsvie-spacing:after {right: 5px; top: 60px;}
#header .top-logo {text-align: left !important;}	
.sub-menu li ul.sub-menu {position: relative; top: 0!important; left: 0;}
.menu-sidebar .menu-bar-wrapper li .sub-menu .sidebar-menu-arrow::after {padding: 0px;}
#footer {padding: 40px 0 0px;}
.footer-about {padding-right: 0px; margin-top: 15px;}
.logoinner, .footer-top-nav, .footer-bottom-text {margin-bottom: 40px;}
#top-bannet{display:none;}
.mobile-slider{display:block; margin: 0px !important;}
.mobile-slider .box-hover {height: auto; visibility: visible;}
.mobile-slider .slick-slide {height: 450px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 30px 15px;}
.mobile-slider .slick-dots {bottom: 15px;}
.mobile-slider .slick-dots li button {width: 15px; height: 15px; padding: 0; border-radius: 50px; margin: auto; background:#fff;}
.mobile-slider .slick-dots li.slick-active button {background: #6a6f08;}
.mobile-slider .slick-dots li {margin: 0 2px;}
#aboutus {padding-top: 30px;}
.banner-bottom-text, .banner-bottom-text .row {height: auto;}	
#top-bannet:after, #top-bannet .left-line, #top-bannet .right-line{display:none;} 
.Job_Openings hr, ul.sub-menu:after {display: none;}
.footer-top-nav ul, .address-info, .practice {display: block;}
.certification__text svg {width: 30px; height: 30px;}
.practiceInner {margin-bottom: 40px;}
.practice-image-top {height: 500px;}
.top-logo img {padding: 10px 0; width: 70px;}
.box-outer {position: static;}
.box-outer h2 {font-size: 20px;}
.box-outer p {font-size: 15px; line-height: 25px;}
.aboutImg {margin: 30px 0 0;}
#OurRecentWork{background:none !important; padding-top: 0;}
#OurRecentWork .about-content {padding: 30px 29px 50px;}
.no-padding-right {padding-right: 15px;}
#OurRecentWork .about-content .title {font-size: 25px;}
#OurRecentWork .about-content p {font-size: 16px; line-height: 25px;}
.practicelist {flex: 0 0 100% !important; max-width: 100% !important;}
.practicelist.active a {transform: scale(1);}
.ptitleInner-img {margin: 50px 0 30px;}
.practice-image .row {flex-direction: column-reverse;}
.practice {margin: -30px 0 30px;}
.inner-content p br {display: none;}
.inner-content p {line-height: 35px;}
.banner-title {font-size: 30px; line-height: 35px;}
.inner-banner {min-height: 300px;}
.listing-bg-outer {position: relative; right: 0px; margin: 40px auto; padding: 20px; left: 0px;}
.listing-bg-outer ul li {font-size: 15px; padding: 10px 30px;}
#middle-section-content {padding-bottom: 0;}
.responsvie-spacing {text-align: center; margin: 40px 0;}
.craftsmanship_listing {padding: 20px;}
.craftsmanship_listing h3 br, #safet-section-content.inner-content .about-listing ul li br{display:none;}
#safet-section-content {background-position: right bottom !important;}
.safet-responsvie-spacing {margin-top: 30px;}
#roofing-building {padding: 20px 0;}
.main {padding: 20px 0;}
.listing-bg-outer{width:90%;}
.safet-page-section .craftsmanship_listing {padding: 20px;}
.safet-page-section:after {width: 100%;}
.safet-page-section .safet-responsvie-spacing {margin: 30px 0; text-align: center;}
.business-content-single {padding: 0 0px;}
.gc_details .white-bg {
    width: 90%;
    max-height: 300px;
    overflow-y: auto;
	padding: 15px;
}
.white-bg {padding: 20px;}
#we-are-experts .practice-image {height: auto;}
button.custom-buttom.btn-prev.slick-arrow, 
button.custom-buttom.btn-next.slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: auto;
    font-size: 50px;
    color: #000;
    margin: auto;
    border: none;
    cursor: pointer;
    z-index: 9;
}
button.custom-buttom.btn-prev.slick-arrow {
    left: -15px;
}
button.custom-buttom.btn-next.slick-arrow {
    right: -15px;
}
button.custom-buttom.btn-prev.slick-arrow, 
button.custom-buttom.btn-next.slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: auto;
    font-size: 50px;
    color: #000;
    margin: auto;
    border: none;
    cursor: pointer;
    z-index: 9;
}
button.custom-buttom.btn-prev.slick-arrow {
    left: -15px;
}
button.custom-buttom.btn-next.slick-arrow {
    right: -15px;
}

.roof_swipe .hover-outer {
    background-image: linear-gradient(#fff0 20%, #000000b8 60%);
}
}
@media only screen and (max-device-width: 767px) and (orientation: landscape){
.main {padding: 20px 0;}
.practice-img {width: 400px; margin: 30px auto;}
}