/******************************
RESPONSIVE STYLES 
******************************/
@media screen and (max-width: 1800px) {
    .product-slider {
        padding: 0 40px;
    }
    .product-slider .slick-arrow.slick-prev {
        left: -40px;
    }
    .product-slider .slick-arrow.slick-next {
        right: -40px;
    }
    .banner .slick-dots {
        right: 70px;
    }
    .main-content .sidebar .inner-box {
        padding-left: 70px;
        padding-right: 0;
    }
    .main-content .content .inner-box {
        padding-right: 80px;
    }
}
@media screen and (max-width: 1650px) {
    .mynewcontainer {
        padding: 0 40px;
    } 
    .banner .slick-dots,
    .alert .close-btn {
        right: 40px;
    }
    .info-section {
        padding: 0px !important;
    }
    #home .info-section:nth-child(odd) > .section-image, 
    #inner .info-section:nth-child(even) > .section-image {
        padding-right: 0;
    }
    .about-wrapper .section-content, 
    #home .info-section:nth-child(even) > .section-content, 
    #inner .info-section:nth-child(odd) > .section-content,
    .main-content .sidebar {
        padding-right: 40px;
    }
    #home .info-section:nth-child(odd) > .section-content, 
    #inner .info-section:nth-child(even) > .section-content,
    .main-content .content {
        padding-left: 40px;
    }
    .menu-wrapper .top-bar .logo-wrapper {
        max-width: 360px;
    }
    .banner .top-slider .mynewcontainer {
        padding-top: 130px;
    }
    .banner-text {
        padding-left: 0;
    }
    .logos-slider {
        padding-left: 0;
        padding-right: 0;
    }
    .listing-items .product-box,
    .full-width .listing-items .product-box:nth-child(3n) {
        margin-right: 30px;
    }
    .product-slider .slick-arrow.slick-prev {
        left: -20px;
    }
    .product-slider .slick-arrow.slick-next {
        right: -20px;
    }
    .product-wrapper > div:last-child {
        padding-left: 80px;
    }
    .bar-callout-image .mynewcontainer {
        padding-right: 0;
    }
}
@media screen and (max-width: 1500px) {
    .sub-banner {
        height: 440px;
    }
    h1, h2, .large-text {
        font-size: 66px;
    }
    .footer-btm > .flexbox > div {
        padding: 20px;
    }
    .listing-items .product-box:nth-child(3n){
        margin-right: 30px;
    }
}
@media screen and (max-width: 1440px) {
    #nav-btn, .close-btn, .search-btn, .social a {
        font-size: 32px;
    }
    h1, h2, .large-text {
        font-size: 60px;
    }
    .bright-text {
        font-size: 22px;
    }
    .header-menu {
        font-size: 18px;
    }
    .header-menu .logo-wrapper {
        max-width: 20%;
    }
    .header-sidebar {
        margin-left: 30px;
    }
    .header-sidebar:before {
        margin-right: 30px;
    }
    .header-menu .top-menu li:not(:last-child) {
        margin-right: 40px;
    }
    .nav-sidebar {
        width: 100px;
    }
    #main, 
    #footer,
    #alert,
    .search-popup {
        padding-left: 100px;
    }
    #header .header-wrapper,
    #menu {
        left: 100px;
    }
    .main-nav-wrapper > .flexbox > div:last-child {
        width: 100%;
    }
    .main-nav-wrapper > .flexbox > div:last-child,
    .main-nav-wrapper {
        padding-top: 70px;  
    }
    .banner .slick-dots {
        top: auto;
        bottom: 40px;
        left: 40px;
        width: 200px;
        text-align: center;
    }
    .banner .slick-dots li {
        display: inline-block;
        margin: 0 4px;
    }
    #home .page-sections {
        padding-top: 0;
    }
    .info-section .section-content, 
    .about-wrapper .section-content,
    .info-section .section-image, 
    .about-wrapper .section-image {
        width: 50%;
    }
    .about-wrapper .img-box, 
    .info-section .img-box,
    .bar-callout-image .img-box {
        min-height: 500px;
    }
    .product-wrapper .product-photo {
        height: 500px;
    }
    .ql-box {
        height: 350px;
    }
    .bar-callout-image {
        padding: 50px 0;
    }
    .footer-wrapper .logo {
        max-width: 240px;
    }
    .footer-wrapper .footer-top > div:nth-child(2) {
        padding: 0 20px;
    }
    .footer-btm {
        font-size: 16px;
    }
    .footer-btm > .flexbox > div {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer-wrapper .social a:not(:last-child) {
        margin-right: 20px;
    }
    .main-content .content {
        width: calc(50% + 200px);
    }
    .main-content .content .inner-box {
        padding-right: 50px;
    }
    .main-content .sidebar {
        width: 25%;
    }
    .main-content .sidebar .inner-box {
        padding-top: 80px;
        padding-left: 50px;
    }
}
@media screen and (max-width: 1200px) {
	.quick-links-wrapper .vertical-text {
		display: none;
	}
	.main-content.full-width .content .inner-box {
		max-width: 100%;
		justify-content: center;
		padding: 0 50px 0 0;
	}
    .quick-links-wrapper .mynewcontainer {
        padding: 0;
    }
    .newsletter-wrapper {
        padding: 50px 0;
    }
    .newsletter-wrapper .flexbox > div:first-child {
        text-align: center;
        padding: 0 0 40px;
    }
    .newsletter-wrapper .flexbox > div:last-child {
        margin: 0 auto;
    }
    .newsletter-wrapper .flexbox {
       flex-wrap: wrap; 
    }
    .footer-wrapper .flexbox {
        flex-wrap: wrap;
    }
    .footer-top > div:first-child {
        width: 100%;
        text-align: center;
        padding-bottom: 30px;
    }
    .footer-btm > .flexbox > div:last-child {
        width: 100%;
        text-align: center;
        margin: 0 -40px;
        border-top: 2px solid #FFFFFF;
    }
    .footer-btm > .flexbox > div:nth-child(3) {
        border-right: none;
    }
    .product-wrapper > div:last-child {
        padding-left: 50px;
    }
}
@media screen and (max-width: 1100px) { /* Target Screen Width */
.brand-wrapper table {
	    margin-bottom: 100px;
}
.main-content .auto-height {
   display: flex;
   flex-wrap: wrap;
}
	.timeline-head {
		position: relative;
		left: 0px;
		top: 0px;
		width: 400px;
	}
	.fixedTime {
    left: 11%;
	}
	.brand .page-sections-brand {
		padding-top: 100px;
	}
	.timeline-right .text-box {
    margin-top: 0px;
	}
	.timeline-right .page-sections {
    padding: 0 0;
	}
	.timeline-left {
    padding-top: 325px;
	}
	.timeline-right .page-sections .info-section .img-box {
    	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
	}
	.testimonial-slider .slick-arrow.slick-prev {
    right: 120px;
    left: 80%;
	}
	.icon-mynewcontainer a {
		width: 100%;
		margin: 30px;
		height: 300px;
	}
	.icon-mynewcontainer {
		flex-wrap: wrap;
	}
	.icon-overlay p {
		max-width: 300px;
		margin: 0 auto;
		padding-top: 25px;
	}
	.icon-box {
		height: 300px;
	}
	.about-wrapper .img-box, #home .info-section:nth-child(even) .img-box, #inner .info-section:nth-child(odd) .img-box,
	.brand .info-section:nth-child(even) {
    	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
	}
	#home .info-section:nth-child(odd) .img-box, #inner .info-section:nth-child(even) .img-box {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    h1, h2, .large-text {
        font-size: 56px;
    }
    .nav-sidebar {
        width: 70px;
    }
    .nav-sidebar .relative {
        padding-top: 30px;
    }
    #main, 
    #footer,
    #alert,
    .search-popup {
        padding-left: 70px;
    }
    #header .header-wrapper,
    #menu {
        left: 70px;
    }
    .mynewcontainer,
    .mynewcontainer.sm,
    .main-content.full-width > .flexbox {
        padding-left: 15px;
        padding-right: 15px;
    }
    .menu-wrapper .mynewcontainer {
        padding: 0 40px;
    }
    .info-section {
        padding: 50px 0;
    }
    #inner #header {
        height: 80px;
    }
    #header,
    .header-menu, 
    .fixed .header-menu,
    #inner .header-menu {
        height: 80px;
        padding-top: 0;
    }
    .alert .close-btn {
        right: 15px;
    }
    .header-menu {
        padding-top: 0;
    }
    .header-menu .mynewcontainer {
        align-items: center;
    }
    .header-sidebar:before {
        background: #001A31;
    }
    .header-wrapper {
        background: #fff;
        box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.19);
    }
    #inner .header-menu .logo-wrapper, 
    .fixed .header-menu .logo-wrapper,
    .header-menu .logo-wrapper {
       max-width: 20%;
       padding-top: 0;
    }
    .header-menu {
        color: inherit;
    }
    .header-menu .logo-wrapper .logo {
        display: block;
    }
    .header-menu .logo-wrapper .logo img {
        display: none;
    }
    .header-menu .logo-wrapper .logo img + img {
        display: block;
    }
    #nav-btn, .close-btn, .search-btn, .social a {
        font-size: 30px;
    }
    .menu-wrapper .top-bar .logo-wrapper {
        max-width: 320px;
    } 
    .banner .slick-dots {
        left: 15px;
    }
    .banner {
        height: calc(100vh - 80px);
        min-height: 600px;
    }
    .banner .top-slider .mynewcontainer {
        padding-top: 40px;
    }
    .logos-slider {
        padding-bottom: 20px;
    }
    .logos-wrapper {
        padding-bottom: 20px;
    }
    .quick-links-wrapper .ql-box {
        width: 50%;
    }
    .info-section,
    .about-wrapper .mynewcontainer,
    .product-wrapper {
        flex-direction: column;
    }
    .info-section .section-content, 
    .about-wrapper .section-content, 
    .info-section .section-image, 
    .about-wrapper .section-image,
    .product-wrapper > div {
        width: 100%;
    }
    .about-wrapper .section-image,
    .info-section .section-image {
        order: 1;
    }
    .info-section .section-content, 
    .about-wrapper .section-content {
        padding-top: 0;
    }
    .info-section .inner-box, 
    .about-wrapper .inner-box,
    .info-section .text-box, 
    .about-wrapper .text-box {
        max-width: 100%;
    }
    .about-wrapper .section-content, 
    #home .info-section:nth-child(even) > .section-content, 
    #inner .info-section:nth-child(odd) > .section-content,
    #home .info-section:nth-child(odd) > .section-content, 
    #inner .info-section:nth-child(even) > .section-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .info-section .text-box:not(:last-child) {
        margin-bottom: 40px;
    }
    .featured-products .product-slider {
        padding: 0;
    }
    .product-slider .slick-arrow {
        top: auto;
        bottom: -105px;
        transform: none;
        border-color: #00467F;
        color: #00467F;;
    }
    .product-slider .slick-arrow.slick-prev {
        left: 40px;
    }
    .product-slider .slick-arrow.slick-next {
        right: 40px;
    }
    .sub-banner {
        height: 380px;
    }
    .main-content .content,
    .main-content .sidebar {
        width: 100%;
    }
    .main-content > .flexbox {
        flex-direction: column;
        padding: 0 15px;
    }
    .main-content .content .inner-box {
        padding-top: 50px;
        float: none;
        padding-right: 0;
    }
    .main-content .sidebar {
        margin: 0 auto;
    }
    .product-wrapper > div:first-child {
        max-width: 600px;
        margin: 0 auto 50px;
    }
    .product-wrapper > div:last-child {
        padding-left: 0;
    }
    .footer-btm > .flexbox > div:last-child {
        margin: 0 -15px;
    }
    .quick-links-wrapper .vertical-text {
        display: none;
    }
       .vertical-text {
        display: none;
    }
}   
@media screen and (max-width: 1000px) {
   .equipment-anchor-list{
      padding: 15px 25;
   }
	.blog-post .main-photo {
		height: 300px !important;
	}
	.service-box {
		width: 85% !important;
		margin-bottom: 25px !important;
	}
    .header-sidebar:before {
        margin-right: 20px;
    }
    .header-menu .top-menu li:not(:last-child) {
        margin-right: 30px;
    }
    .btn {
        padding: 14px 30px;
    }
    .about-wrapper .img-box, 
    .info-section .img-box, .bar-callout-image .img-box {
        min-height: 450px;
    }
    .product-wrapper .product-photo {
        height: 450px;
    }
    .newsletter-wrapper {
        padding: 50px 0;
    }
    .quick-links-wrapper,
    .info-section, .about-wrapper,
    .featured-products,
    .bar-callout-image {
        padding: 30px 0;
    }
}
@media screen and (max-width: 900px) {
	.header-menu .logo-wrapper {
		max-width: 220px;
	}
	.testimonial-slider .slick-arrow.slick-prev {
    right: 120px;
    left: 75%;
	}
	.fixedTime {
    left: 4%;
	}
	.active-bar {
		display: none !important;
	}
    .header-sidebar {
        margin-left: auto;
    }
    .time li {
    margin-bottom: 25px;
	}
	.timeline-head {
    left: -38px;
	}
	.grey-bar {
		display: none;
	}
	.timeline-right .fullImg .fullImgOverlay {
    padding: 50px 50px 0 50px;
	}
	.timeline-right .fullImg .fullImgOverlay i {
    display: none;
	}
    .header-sidebar:before {
        content: none;
    }
    .header-menu .top-menu,
    .nav-sidebar {
        display: none;
    }
    #menu .close-btn,
    #search-box .close-btn {
        color: #fff;
        display: block;
        position: absolute;
        top: 30px;
        right: 30px;
        z-index: 1;
    }
    body.search-open #search:before {
        content: '\f002';
    }
    body.open #nav-btn:before {
        content: '\f0c9';
    }  
    #main, 
    #footer, 
    #alert, 
    .search-popup {
        padding-left: 0;
    } 
    #header .header-wrapper, #menu {
        left: 0;
    }
    .header-menu .search-btn,
    .header-menu #nav-btn {
        margin: 0 0 0 30px;
        font-size: 32px;
    }
    .main-nav {
        flex-direction: column;
    }
    .main-nav .nav-menu,
    .top-menu,
    .main-nav .header-sidebar {
        max-width: 550px;
        margin: 0 auto 30px;
        width: 100%;
    }
    .main-nav .nav-menu {
        padding-right: 0;
    }
    .main-nav-wrapper > .flexbox > div:last-child {
        max-width: 550px;
        padding-top: 40px;
        margin: 0 auto;
    }
    .menu-wrapper .top-bar .logo-wrapper {
        max-width: 280px;
    }
    .main-nav .top-menu {
        border-top: 2px solid #fff;
        padding-top: 25px;
    }
    .footer-wrapper .footer-top {
        flex-direction: column;
    }
    .footer-wrapper .footer-top > div:last-child {
        padding-top: 30px;
    }
    .footer-wrapper .footer-top > div:nth-child(2) {
        padding: 0;
    }

}   

@media screen and (max-width: 770px) { /* Tablet View */
 	.main-nav > .has-child {
	 	margin-top: 35px;
 	}
	#detail-mynewcontainer {
		margin-left: 15px !important;
	}
	#mynewcontainer .blog-menu-mynewcontainer {
		display: inline-block !important;
		width: 50% !important;
	}
	.filter-options header {
		display: inline-block !important;
	}
	.filter-options {
		display: block !important;
	}
	.date-filter {
		display: block !important;
		width: 100% !important;
		margin-bottom: 25px !important; 
	}
	.cat-filter {
		display: block !important;
		width: 100% !important;
	}
	.align-right .btn {
		padding: 10px 20px;
	}
    body{
        cursor: pointer; /* iOS Clicking Fix */
    }
    h1, h2, .large-text {
        font-size: 50px;
    }
    h3 {
        font-size: 40px;
    }
    .equipment-anchor-list ul li {
       width: 100%;
       padding: 0px !important;
    }
    .equipment-anchor-list {
      height: fit-content !important;
      padding: 25px 0px;
    }
    .product-item {
       margin-top: 175px !important;
    }
    
}

@media screen and (max-width: 670px) { /* Phone View */
    h1, h2, .large-text {
        font-size: 46px;
    }
    .menu-wrapper .top-bar .logo-wrapper {
        margin-bottom: 30px;
    }
    .menu-wrapper .top-bar {
        flex-wrap: wrap;
    }
    .header-menu .search-btn {
        margin-left: auto;
    }
    .main-nav .header-sidebar {
        margin-bottom: 20px;
    }
    .main-nav-wrapper > .flexbox > div:last-child, 
    .main-nav-wrapper {
        padding-top: 30px;
    }
    .quick-links-wrapper .ql-box {
        width: 100%;
    }
    .quick-links-wrapper .ql-box:not(:last-child) {
        margin-bottom: 40px;
    }
    .footer-wrapper .contact-menu {
        flex-direction: column;
    }
    .footer-wrapper .contact-menu li:not(:last-child) {
        margin: 0 0 15px;
    }
    .footer-btm {
        padding: 15px 0 25px;
    }
    .footer-btm .flexbox {
        flex-direction: column;
    }
    .footer-btm > .flexbox > div:not(:last-child) {
        border-right: none;
    }
    .footer-btm > .flexbox > div {
        padding: 10px 0;
    }
    .footer-btm > .flexbox > div:last-child {
        margin: 0;
        padding: 25px 0 15px;
        border-top: none;
    }
    .listing-tabs li a {
        text-align: center;
    }
    .listing-items .flexbox {
        flex-direction: column;
        align-items: center;
    }
    .listing-items .product-box, 
    .full-width .listing-items .product-box:nth-child(3n),
    .listing-items .product-box:nth-child(3n) {
        margin-right: 0;
    }
	.testimonial-slider .slick-arrow.slick-next {
    right: 30px;
	}
}   
@media screen and (max-width: 480px) {
    .bright-text {
        font-size: 20px;
    }
    h1, h2, .large-text {
        font-size: 40px;
    }
    h3 {
        font-size: 36px;
    }
    .alert {
        font-size: 16px;
    }
    .alert .inner-box {
        padding: 0 20px;
    }
   .header-menu .search-btn, 
   .header-menu #nav-btn {
        font-size: 28px;
        margin: 0 0 0 15px;
   }
   .header-menu .search-btn {
        margin-left: auto;
   }
   .nav-menu > li > a, 
   .main-nav .top-menu a, 
   .main-nav .header-sidebar a {
    font-size: 28px;
   }
   #inner .header-menu .logo-wrapper, 
   .fixed .header-menu .logo-wrapper, 
   .header-menu .logo-wrapper {
        max-width: 20%;
   }
   .menu-wrapper .mynewcontainer {
        padding: 0 15px;
   }
   .product-slider .slick-arrow.slick-prev {
        left: 0;
   }
   .product-slider .slick-arrow.slick-next {
        right: 0;
   }
   .about-wrapper .img-box, 
   .info-section .img-box, 
   .bar-callout-image .img-box {
        min-height: 360px;
   }
   .banner-text .large-text + .btn {
        margin-top: 20px;
   }
   .product-wrapper .product-photo {
        height: 360px;
   }
   .search-box.short-box input {
        margin-right: 0;
        margin-bottom: 20px;
   }
   .search-box.short-box form {
        flex-direction: column;
   }
   .sub-banner {
        height: 350px;
   }
   .main-content .sidebar .inner-box {
        padding-top: 50px;
        padding-left: 40px;
   }
   .info-section h2 {
        margin-bottom: 30px;
   }
   .breadcrumbs {
        font-size: 16px;
   }
   .listing-tabs {
        flex-wrap: wrap;
   }
   .listing-tabs li {
        width: 50%;
   }
   .listing-tabs li:not(:last-child) {
        margin-right: 0;
   }
   .product-image-bottom > div:first-child {
        display: none;
   }
   .product-image-arrows {
        width: 100%;
        justify-content: center;
   }
   .product-image-arrows .slick-arrow {
        margin: 0 10px;
   }
   .toggle-content {
        padding-left: 0;
        padding-right: 0;
   }
}

@media screen and (max-width: 360px) {
    .header-menu .search-btn, 
    .header-menu #nav-btn {
        font-size: 26px;
    }
    h1, h2, .large-text {
        font-size: 36px;
    }
    .menu-wrapper .top-bar .logo-wrapper {
        max-width: 240px;
    }
    .logos-slider a {
        max-width: 240px;
    }
    .ql-box {
        height: 320px;
    }
    .listing-tabs {
        flex-direction: column;
    }
    .listing-tabs li {
        width: 100%;
        text-align: center;
    }
    .toggle-content {
        padding-top: 25px;
    }
}