/* ---------------------------------- Responsive Media Styles ---------------------------------*/



@media (min-width: 1200px) {
	
	.container-productdetail { max-width: 1200px}
	 
}

 

@media only screen and (min-width: 769px) {
	 
	 .tophead .tophead-right .dropdown-menu { display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0; top:180%;  }
	.tophead .tophead-right  .dropdown-toggle:hover .dropdown-menu { transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
	 
	 .navbar .nav-item .dropdown-menu {  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0; top: 180%  }  
	.navbar .nav-item:hover .dropdown-menu { transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }  

}





/* Medium : 647px */

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
     
}

/* Small : 320px */

@media screen and (max-width: 575px) {
	.moblogo { padding-left: 0px; }
	.moblogo img { width: 100%;}
	.signin-btn { font-size: 12px; padding: 5px 13px; }
	.mobile-logopop { height: 35px; }
	.close-img {  height: 22px; }
	.close { opacity: 1; }

	.order-btn { font-size: 12px; padding: 6px 16px; }
	.top-heahtext h1 { font-size: 23px; }
	.top-heahtext h6 { font-size: 12px; padding-top: 10px; }
	.hero-section { height: 50vh; }
	.sign-upbtn { font-size: 10px; padding: 7px 18px; }
	.shipping-needsbox { margin-top: -30px; padding: 0px 15px; min-height: auto; border-radius: 20px; }
	.shipping-needsbox h1 { font-size: 16px; }
	.customers-box h2 { font-size: 24px; }
	.customers-box p { font-size: 13px; }
	.stat-img {  height: 45px; 	}
	.customers-box { padding: 20px 15px; }
	.section-head h2 { font-size: 25px; }
	.section-head h6 { font-size: 13px; padding-top: 8px; }
	.support-box { 	padding: 16px 8px; min-height: 150px; }
	.support-box h6 { font-size: 13px; 	padding-top: 15px; 	}
	.support-img { 	width: 50px; height: 50px; 	}
	.features-btn { font-size: 12px; padding: 7px 16px; }
	.how-doesworkbox { 	padding: 12px 12px 12px 12px; }

	.integration-tab .nav-item { margin-right: 10px; margin-bottom: 10px; }
	.integration-tab .nav-link { font-size: 11px; padding: 4px 10px; }
	.blue-dartlogo img { height: 45px; }
	.volumetric-calculatorbox { padding: 0px 10px; }
	.length-input {  font-size: 12px; padding: 4px 13px; }

	.clients-aboutbox p { font-size: 13px; line-height: 20px; text-align: justify; 	}
	.clients-aboutbox h6 { font-size: 14px; padding-top: 8px; }
	.clients-aboutbox h5 { font-size: 14px; }
	.clients-aboutbox { padding: 15px 15px; }
	.clients-userpic  { width: 65px; height: 65px; }
	.threeCollection .owl-dots {  margin-top: 15px; }
	.footer-logo { height: 45px; }
	.footer-contenttext h2 { font-size: 15px; }
	.footer-contenttext ul li { font-size: 12px; }
	.work-box h3 { font-size: 18px; padding-top: 10px; 	}
	.work-slider .owl-prev span { top: -40px; right: 48px; }
	.work-slider .owl-next span { top: -40px; right: 5px; }
	.work-box { padding: 15px 15px; }
	.work-img { margin-bottom: 0px; }
	.work-box h2 { font-size: 15px; }
	.work-box h6 { font-size: 13px; padding-top: 10px; }
	.oneCollection .owl-stage { padding: 36px 0px 5px !important; 	}

	.noflexwrap { flex-wrap: inherit; overflow-x: scroll; }

	/* about */
	.about-section { height: 65vh; background-position: center; }
	.customers-boxnew .stat-img { height: 35px; }
	.support-box p { font-size: 12px; line-height: 20px; }
	.about-img {  width: 80px; height: 80px; }

	.integrations-sectionbg { min-height: auto; border-radius: 15px; }

	/* features */
	.features-section { height: 40vh; }
	.features-head h2 { font-size: 25px; }
	.features-head h2 img { height: 35px; margin-right: 5px; }
	.verification-box h6 { font-size: 18px; }
	.verification-box p { font-size: 14px; padding-top: 7px; line-height: 20px; }
	.verification-box { padding: 25px 20px; min-height: 162px; }

	/* pricing */
	.plan-section {  margin-top: 0px; 	}
	.basic-card h2 { font-size: 18px; }
	.black-star i { font-size: 16px; }
	.basic-card p { font-size: 12px; min-height: auto }
	.basic-card ul li span { font-size: 12px !important; }
	.basic-card ul li { font-size: 20px; line-height: 14px; padding-top: 10px; }
	.features-plansbox { padding: 20px 10px; border-radius: 50px; }
	.plan-boximg { 	height: 45px; width: 45; margin-top: 5px; }
	.plan-box h4 {  font-size: 14px; padding-top: 15px; }
	.plan-box { padding: 15px 10px; min-height: 150px; 	}
	.faq-pricing button { font-size: 16px; padding: 8px 0px; }
	.faq-pricing .card-body p { font-size: 12px; }
	.pricing-section  { height: 55vh; }

	/* === */
	.enterprise-section { height: 50vh; }
	.enterprises-box { margin-top: -70px; padding: 20px 10px 20px 10px; }
	.enterprise-img { margin-bottom: 0px; }
	.enterprises-box h2 { font-size: 21px; }
	.solution-label { font-size: 13px; }
	.methods-plansbox { border-radius: 20px; padding: 20px 10px; }
	.methods-box { min-height: auto; }

	/* ==== */
	.carrier-sectionbg { height: 40vh; }
	.carrier-box img { 	height: 65px; 	} 
	.support-box h4 { font-size: 16px; padding-top: 10px; }
	.partner-section h4 { font-size: 13px; padding-top: 10px; }

	.payment-img img { height: 35px; }
	.partner-section { min-height: 280px; }
	.pertner-img img { 	height: 60px; 	}

	.payment-features h2 { font-size: 15px; padding-top: 20px; }
	.payment-features p { font-size: 12px; padding-top: 10px; }
	.payment-features { padding: 15px 30px; }

	.shipping-img img { height: 50px; } 

	.shipping-box h2 {  font-size: 15px; padding-top: 15px; }
	.shipping-box {  padding: 20px 23px; }

	.calculate-section { height: 42vh; }
	.international-btn { font-size: 10px; padding: 7px 18px; }

}

@media (min-width: 320px) and (max-width: 440px) {
	 
}