@media only screen and (max-width: 1400px) {

    div#CDSWIDSSP {
    width: 100% !important;
}
}
    
  
@media only screen and (max-width: 1280px) {
    .banner-content .btn { padding: 10px 18px;}
    .banner-content h1 {
    font-size:35px;
}
    .t-b-p {
    padding: 3rem 0;
}
    .ptb {
    padding: 3rem 0;
}
    .main-heading, .main-heading2,.main-heading3 h1, .main-heading3 { font-size: 1.8rem; margin-bottom:3.5rem;}
    .h4, h4 {
    font-size: 1.2rem;
}
    .main-heading3 {margin-bottom:auto;}
    .main-heading3 h1{margin-bottom: 10px !important}
    .product-listing-box .product-listing-detail .title {
    font-size: 1.6rem;
}
    .review-box {
    min-height: 300px;
    max-height: 300px;
    height:300px;
}

.chaters-events .product-listing-box {
    min-height: 44rem;
}
    .product-listing-detail p{line-height:24px}
}


@media only screen and (max-width: 1200px) {
    a.common-link {
        padding: 0.3rem 3rem;
    } 
    .offwhite-bg .text-block2{padding: 0.5rem 2rem 0;}
}
@media only screen and (max-width: 1024px) {
    
    .banner-content{width: 56%;}
    .logo {width: 200px;}
    .nav-fixed  .logo { width: 120px;}
 .review-box {
    min-height: 350px;
    max-height: 350px;
    height:350px;
}
    .review-box .circle1{left: 35%;}
}
@media only screen and (max-width:1000px) {
    
    .members .box1{width: auto;}
    
}
@media only screen and (max-width: 991px) {
	
	.services_block{
		margin-bottom:30px;	
	}

	
	.icon-circle{
     padding-top: 0.1rem;}
 .icon-circle li .circle {
    width:40px;
    height:40px;
}
    .icon-circle li i {
    font-size: 1.2rem;
}
     .chaters-events .product-listing-box {
    min-height: 46.2rem;
}
        
.block-img1{height:190px; margin-bottom: 30px}
    .menu li{padding: 0em 0.1em}
}
@media only screen and (max-width: 992px) {

/*.logo img {  max-width: 90%;}*/

    .nav-fixed .logo, .inner-header .logo{border: 0px solid #000000;top: 10px;}
    a.common-link {
/*    padding: 0.5rem 1rem;*/
        font-size: 14px;
}
    .chaters-events .product-listing-box { min-height: 49rem;}
 }


@media only screen and (max-width: 980px) {
    .nav-fixed,.header-container, .inner-header{padding-left: 1rem; padding-right: 1rem}
.banner-content {
    width:70%;
}

/*    menu*/
    
    .menu li a{padding: 0em 0.1em}
    .social-media.top {margin-bottom: 0.1rem;}
    /*  end  menu*/

}
@media only screen and (max-width: 884px) {
 .banner-content {
    width: 80%;
}
 .menu li a {
     padding: 0.3em 0.1em !important;} 
}
@media only screen and (max-width:820px) {
	
	.imgage_section img {
    width: auto;
    max-width: 100%;
    margin-bottom: 20px;
}
	.section_heading_center h2:after{
		top:85px !important;
	}
    .section_heading_center h2.heading-less-three-words:after {
		top:65px !important;
	}
	.section_heading_center h2.heading-blog-details:after {
		top:120px !important;
	}
	.section_heading_center h2.heading-blog-details:after {
		top:120px !important;
		display:none;
	}
	.blog-details-sep {
		content: "";
		position: absolute;
		width: 200px;
		height: 3px;
		background: var(--main-color);
		left: 50%;
		transform: translate(-50%, 50%);
		bottom: 0;
	}
	
	
	.fleetbox h3 {
    font-weight: 600;
    color: #cd6d3a;
    text-decoration: underline;
    font-size: 18px !important;
}
	
	.about_us_left h2 {
    font-size: 30px;
    line-height: 30px;
    padding-top: 0px;
}
	
	.subtext:before{
		top:-20px;
	}
	
	.video-heading h2 {
    font-weight: 800;
    font-style: italic;
    margin-bottom: 30px;
}
	
	.section_padding_top {
    padding: 20px 0 0px 0;
}
	
	.testimonial {
    padding: 50px 0px 20px 0px;
}
	.topbar-area {
    display: none !important;
}
	
	.banner-content{
		margin-top:40% !important;
	}
	
	    .banner-content h1 {
        line-height:150%;
    }
	
	.header-container{
		height:80px !important;
	}
   
    .menu-button-container #primary-mobile-menu .dropdown-icon{color: #ffffff !important}
    .primary-navigation-open .menu-button-container #primary-mobile-menu .dropdown-icon{color: #000000 !important}
    .inner-header .menu-button-container #primary-mobile-menu .dropdown-icon{color: #cd6d3a !important; font-size:18px;}
	.nav-fixed  .menu-button-container #primary-mobile-menu .dropdown-icon{color:#ffffff !important;}
	
    .menu-button-container{padding-top: 0px;}
    .nav-fixed .menu-button-container, .inner-header .menu-button-container{padding-top: 0px; position: relative; padding-top: calc(0.2 * var(--global--spacing-vertical));}
    .nav-fixed .primary-navigation > div > .menu-wrapper > li > .sub-menu, .inner-header .primary-navigation > div > .menu-wrapper > li > .sub-menu {
    background: transparent !important;
    border-top: 1px solid #ededed !important;
}
   .menu li a:hover::before, .menu li a:hover::after {
    width: 0%;
    transform: translateX(0%) !important;
}
    .menu li:hover{color: #ef485d !important;}
    .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle{display: none}
.primary-navigation > div > .menu-wrapper > li > .sub-menu::before, .primary-navigation > div > .menu-wrapper > li > .sub-menu::after { display: none}
    .menu li {padding: 0.1em 0.1em;}
    .menu li a{color: #000 !important}
    .menu-button-container {
    display: flex !important;
}
	
.primary-navigation-open .menu-button-container {
    width: 100%;
    z-index: 500;
    background-color:#ffffff !important;
}
    .menu-button-container #primary-mobile-menu{color: #000 !important}
   
    .primary-navigation > .primary-menu-container {
		height: 100vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid transparent;
	}
    .menu li .dropdown-menu, .primary-navigation > div > .menu-wrapper > li > .sub-menu{position: relative;margin-top: 0px;background: transparent !important}
	.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
    background: transparent !important;
    padding-left: 15px;
}
    
    .menu li .dropdown-menu, .primary-navigation > div > .menu-wrapper > li > .sub-menu{
        border-top: 1px solid #ededed !important; width: 100%
    }
	
  .primary-navigation > div > .menu-wrapper > li , .primary-navigation > div > .menu-wrapper > li > .sub-menu li  {
    border-bottom: 1px solid #ededed !important;
}
    
    .primary-navigation > div > .menu-wrapper > li > .sub-menu li:last-child{
         border-bottom: 0px solid #ededed !important;
    } 
    
    .primary-navigation-open .primary-navigation {
		width: 100%;
		position: fixed;
		z-index: 2;
	}
    
    .primary-navigation > .primary-menu-container {
    visibility: hidden;
    opacity: 1;
    position: relative;
    padding: 0;
    background-color: transparent;
    overflow: initial;
    transform: none;
}
.primary-navigation > .primary-menu-container {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 20px + 0px);
    padding-left: 30px;
    padding-right:30px;
    padding-bottom: 30px;
    background-color:#ffffff;
    transition: all 0.15s ease-in-out;
    transform: translateY(var(--global--spacing-vertical));
}
    
.primary-navigation > div > .menu-wrapper li {
    display: block;
    position: relative;
    width: 100%;
}
    
    .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul {
    display: block;
}

 .primary-navigation .primary-menu-container > ul > .menu-item {
    display: block !important;
}

}

@media only screen and (max-width: 800px) {
.pt2 {padding-top: 0.5rem;}
    .text-block a.common-link, a.common-link{padding: 0.3rem 3rem;}
    .review-box {
    min-height: inherit;
    max-height: inherit;
    height:inherit;
} 
}
@media only screen and (max-width:768px) {
	.contact-right .topbar-list li::before {
    display: none;
}
	
	.contact-body-top h3 {
    font-weight: 600;
    margin-bottom: 10px;
}
	.topbar-list li {
    margin-bottom: 10px;
}
	
	.contact_boxed{
		margin-bottom:20px;
		height:auto !important;
		padding-top: 10%;
	}
	
	.contact_form {
    background: #FFFFFF;
    box-shadow: -4px -4px 16px rgba(0, 0, 0, 0.08), 4px 8px 16px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 35px 35px;
    margin-top: 50px;
}
	
    .shine-effect{margin-bottom:30px}
    .text-center.pt4{padding-top: 1rem;}
    .main-heading2 .subtext{width: 100%;}
  .block-1red {    
    border-bottom: 4px solid rgba(157, 44, 59, 0.4);
}  
    .block-1red:nth-child(2n){border-right: 0px solid rgba(157, 44, 59, 0.4);}  
    .product-listing-box.front-page {
         min-height:44rem;
    }
     .chaters-events .product-listing-box {
    min-height:47rem;
}
	
	.header-container{
		height:40px !important;
	}
    
    .product-deatil-link a.common-link {
    padding: 0.3rem 1.3rem;
}
	
	.header-container.nav-fixed {
  height: 80px !important;
}
    .block-img1{height:150px;}
    .text-block-coloum{column-count: 1;}
    .bigbtn span:first-child {font-size: 16px;}    
    .bigbtn span:last-child {font-size: 18px;}
}
    
@media only screen and (max-width:767px) {
    .banner-content .btn {
    padding:6px 18px;
    margin-bottom: 10px;
}
  .product-deatil-link {
    position: inherit;
}  
     .offwhite-bg .text-block2{padding: 0rem 1.5rem 0;}
}


@media only screen and (max-width:715px) {
  .top-notice-header {
    text-align: center;
    line-height: 0px;
    font-size: 13px;
    padding: 5px 5px;
}
}
@media only screen and (max-width:699px) {
	.logo.mr-auto {
		padding-left: 2.5rem;
	}
	.toggle-nav {
		display: block;
		position: absolute;
		z-index: 99;
		top: 33px;
		right: -50px;
		width: 30px;
		height: 30px;
		box-sizing: border-box;
		outline: none;
		border: none;
	}
}
@media only screen and (max-width:668px) {
  .banner-content h1 {
    font-size:30px;
}
    .static h2{font-size: 1.3rem;}
.main-heading, .main-heading2, .main-heading3 h1 {
    font-size: 1.5rem;
    margin-bottom: 3rem;
}
    .product-listing-box .product-listing-detail .title {
    font-size: 1.3rem;
}
}
@media only screen and (max-width:640px) {
    .top-notice-header {
    display: block;
    }

}



@media only screen and (max-width:580px) {
   
    .inner-header{display: block;}
    
  .main-heading {
    font-size: 1.8rem;
}
    .banner-content {
    width: 80%;
}
    .testimonial-section {
    padding: 2rem 0.5rem;
}
    .members .box1{height: 79px;} 
    .text-center.pt4 { padding-top: 0.5rem;}
    .logo {}
   
}


@media  screen and (max-width:531px) {
    .bigbtn span:first-child{font-size: 15px;}
    .bigbtn span:first-child, .bigbtn span:last-child {
    line-height: 24px;
    float: inherit;
    display: block;
        text-align: center;
        margin-right: 0px
}
}
@media  screen and (max-width:480px) {
     .about-sectiion, .contact-section {
    padding: 3rem 0.5rem;
}  
   .white-block {
    padding: 3rem 0.5rem;
}  
    .white-block a.common-link {
    background: transparent;
    padding: 0.6rem 2rem;
}
    
 .banner-content h1 {
    font-size: 30px;
} 
    .main-heading, .main-heading2,.main-heading3, .main-heading3 h1 {
    font-size: 1.5rem;
    margin-bottom: 3rem;
}
    .main-heading3{margin: 0px}
    .main-heading2 .subtext {
    font-size: 1rem;
}
    
    /*menu*/
    .logo.mr-auto {
		padding-left: 3rem;
	}
    
    .innerpages .nav-fixed.inner-header .logo, .nav-fixed .logo {
    width: 160px;
}
}



@media only screen and (max-width:436px) {
     
    .product-deatil-link a.common-link {
    padding: 0.3rem 2rem;
}
}
@media only screen and (max-width:385px) {
    .image-circle-block{ float: inherit; margin-top: 0px}
    .circle2{width:200px; height:200px; margin: 0px auto 30px }
    
     .product-deatil-link a.common-link {
    padding: 0.3rem 1.6rem;
}
    .review-box .circle1 {
    left: 32%;
}
}
@media only screen and (max-width:360px) {
a.common-link {
    padding: 0.3rem 2rem;
}  
 .top-notice-header {
    font-size: 12px
    }  
 
      .product-deatil-link a.common-link {
    padding: 0.3rem 1.1rem;
}
}


@media only screen and (max-width:320px) {
  .product-deatil-link a.common-link {
    padding: 0.3rem 1rem;
}
}


/*Newly added CSS from QT*/

@media only screen and (max-width:1199px) {
    .main-responsive-nav {
        display: block
    }

    .main-responsive-nav .main-responsive-menu {
        position: relative
    }

    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul {
        font-size: 15px
    }

    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li a.active {
        color: #000
    }

    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li a i {
        display: none
    }

    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li li a {
        font-size: 14px
    }

    .main-responsive-nav .main-responsive-menu.mean-container .others-options {
        display: none !important
    }

    .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav {
        overflow-y: scroll;
        height: 300px;
        -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
        background-color: #fff
    }

    .main-responsive-nav .mean-container a.meanmenu-reveal {
        padding: 4px 0 0;
        color: var(--navber-color)
    }

    .main-responsive-nav .mean-container a.meanmenu-reveal span {
        display: block;
        background: #fff;
        height: 2px;
        margin-top: -6px;
        border-radius: 5px;
        position: relative;
        top: 8px
    }

    .main-responsive-nav .mean-container .mean-bar {
        background-color: unset;
        border-bottom: none
    }

    .main-responsive-nav .mean-container .mean-nav {
        margin-top: 50px
    }

    .main-responsive-nav .logo {
        position: relative;
        z-index: 999;
        width: 50%
    }

    .navbar-area {
        background-color: var(--main-color);
        padding-top: 15px;
        padding-bottom: 15px
    }

    .topbar-area {
        background-color: var(--main-color);
    }


    /*.main-navbar {*/
    /*    display: none*/
    /*}*/

    .others-option-for-responsive {
        display: block
    }
}
@media only screen and (min-width: 760px) {
    .product-listing-links a
    {
       font-size: 18px;
    }
   
}