/* Media min width 1400 */
@media (min-width: 1440px) {
    .container{
        max-width: 1397px;
    }
}

@media (max-width: 1440px)
{
	/*About page*/
	.quote-text:before{
	    top: 17px;		
	}
	.quote-text h2 {
	    font-size: 27px;
	    line-height: 33px;
	    padding: 0;
	}
	.experince-content .section-title {
	    font-size: 28px;
	    line-height: 30px;
	}
	.experince-content .description {
	    font-size: 14px;
	    line-height: 23px;
	}
	#goodwill {
	    padding-top: 90px;
	    padding-bottom: 90px;
	}
	.moz-tab ul li a {
	    font-size: 12px;
	    line-height: 18px;
	}
	.moz-tab .tab-body p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.moz-tab .tab-body h3 {
    	font-size: 18px;
	}


	/*Home page*/
	.banner-wrapper .banner-title,
	.section-title{
		font-size: 36px;
	}

	.banner-wrapper .banner-tagline{
	     font-size: 32px;
	}

	.export-box .export-title{
		font-size: 16px;
	}
	.welcome-boxs .welcome-box{
		min-height: 380px;
	}
	.welcome-boxs .welcome-box .welcome-description {
	    font-size: 18px;
	    line-height: 28px;
	}
	.testimonial-title{
		font-size: 24px;
	}
	.testimonial-main-silder .testimonial-slider-content .testimononial-message {
	    font-size: 16px;
	    line-height: 25px;
	}
	.welcome-header .welcome-title{
		font-size: 36px;
	}
	.banner-wrapper{
	    padding-top: 230px;
	}

	/*Product page*/
	#mor-echotex {
	    padding-top: 90px;
	}
	.mor-echo-container p {
	    font-size: 16px;
	    line-height: 26px;
	    padding: 0px 10%;
	}
	#mor-echotex .section-title{
		margin-bottom: 30px;
	}
	.colors-of-fiber .section-title{
		font-size: 48px;
	}
	.color-box-outer {
	    width: 150px;
	    height: 150px;
	    padding: 4px;
	}
	.alternative-row .alternative-content li p {
	    font-size: 18px;
	    line-height: 30px;
	}
	.alternative-content .section-title {
	    font-size: 36px;
	    letter-spacing: 0px;
	    margin-bottom: 30px;
	}
	.specification-item h4 {
	    font-size: 18px;
	}
	.alternative-row {
	    height: 500px;
	}

	.contact-detail-container .contact-title{
		font-size: 20px;
	}
	.contact-detail-container .contact-address h4 {
	    font-size: 18px;
	    line-height: 24px;
	}
	.contact-detail-container .contact-social li a {
	    font-size: 18px;
	}
}

@media (max-width: 1199px)
{
	.logo-wrapper img {
	    max-width: 100%;
	}

	.export-box:hover {
	    top: -60px;
	}
	.export-box {
	    padding: 24px 15px;
	}
	.export-box .export-title {
	    font-size: 14px;
	}
	.welcome-boxs .welcome-box {
    	padding: 15px;
    }
    .footer-box ul li a {
	    font-size: 14px;
	    line-height: 24px;
	}
	.hero-slide-wraper{
		height: 500px;
	}
	.quote-text h2 {
	    font-size: 24px;
	}
	.experince-content .section-title {
	    font-size: 24px;
	    line-height: 28px;
	    margin-bottom: 15px;
	}
	.moz-tab ul li {
	    margin-right: 30px;
	}
	.color-box-outer {
	    width: 120px;
	    height: 120px;
	    padding: 4px;
	}
	.color-box-inner {
	    font-size: 12px;
	}
	.alternative-row {
	    height: 450px;
	}
	.alternative-row .alternative-content li p {
	    font-size: 14px;
	    line-height: 20px;
	}
	.alternative-row .alternative-content ul li:before {
	    top: 8px;
	}
	.alternative-content .section-title {
	    font-size: 30px;
	}
	.specification-item h4 {
	    font-size: 14px;
	    line-height: 24px;
	}
	.colors-of-fiber .section-title {
	    font-size: 36px;
	}
}

@media (min-width: 992px){
	.export-box:hover {
	     background: #31405e;
	    /*position: absolute;*/
	    /*transform: scale(1.1, 1.1);*/
	    z-index: 1;
	    top: 0px;
	    width: 100%;
	}
	.export-box:hover  .export-title:after{
	   opacity: 1
	}
	.export-box:hover p{
	    opacity: 1;
	    visibility: visible;
	    display: block;
	}
}
@media (max-width: 991px)
{
	#navbar{
		display: none;
	}
	#header{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#navigation-mobile{
		display: block !important;
	}
	
	.menuIsOpened #navbar {
	   	display: block !important;
	    position: absolute;
	    top: 100%;
	    left: 0;
	    width: 100%;
	    background: var(--primary);
	}
	.menuIsOpened #navbar ul li {
		display: block;
		width: 100%;
		flex: 0 0 0 100%;
	}

	.menuIsOpened #navbar #top-header ul li a{
    	padding:10px 15px;
	}
	.menuIsOpened #navbar #navigation ul li a{
		padding:15px;
	}



	.home-banner-content{
		text-align: center !important;
	}
	.export-box {
	    text-align: center;
	}
	.export-box p {
	     opacity: 1; 
	     visibility: visible; 
	     display: block; 
	     text-align: center;
	}

	.testimonial-title {
	    font-size: 20px;
	}

	.experince-content{
		text-align-last: center;
		margin-top: 50px;
	}
	.quote-text:before {
	    display: none;
	}
	.quote-text{
		padding-left: 0px;
	}
	.quote-text h2 {
	    font-size: 25px;
	}
	.banner-wrapper {
	    padding-top: 150px;
	}
	#mor-echotex {
	    padding-top: 50px;
	}
	.mor-echo-container p {
	    font-size: 13px;
	}
	.inquiry-form-container h4 {
	    font-size: 20px;
	}	

	#guarantee{
		background-image: none !important;
	}
}
@media (max-width: 767px)
{
	.banner-wrapper .banner-title, .section-title {
	    font-size: 28px;
	}
	.banner-wrapper .banner-tagline {
	    font-size: 24px;
	}
	.hero-slide-wraper {
	    height: 400px;
	}
	#home-banner .banner-title {
	    margin-bottom: 10px !important;
	}
	.textimonials-container {
	    padding: 0 10px;
	}

	.textimonials-container .owl-nav{
		display: none;
	}
	.design-by {
		margin-top: 15px;
	    display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-pack: center !important;
  		justify-content: center !important;
	}
	.export-box .export-title{
		font-weight: 600;
	}
	.moz-tab ul li {
	    margin-right: 15px;
	}
	#goodwill, #guarantee {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	.quote-text h2 {
	    font-size: 18px;
	}
	.banner-wrapper {
	    padding-top: 120px;
	}

	

	.mor-echo-container p {
	    padding: 0 !important;
	}
	.alternative-row.alternative-row-left .alternative-content {
	    padding-left: 0px;
	}

	.alternative-row {
	    height: auto;
	}
	.alternative-image-wraper{
		height: 400px;
		position: static;
	}
	.alternative-container{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-social{
		margin-top: 50px;
	}

	.design-by .design-by-title{
		font-size: 12px;
	}
	.design-by p a{
		font-size: 12px;
		margin-left: 10px;
	}
}
@media (max-width: 575px) {
	.footer-container{
		text-align-last: center;
	}
	.footer-logo{
		text-align: left !important; 
		margin-top: 30px;
	}
	.testimonial-main-silder .testimonial-slider-content .testimonial-author {
	    font-size: 12px;
	}
	.testimonial-main-silder {
    	padding:40px 15px;

	}
	.testimonial-main-silder .testimonial-slider-content .testimononial-message {
	    font-size: 14px;
	}
	.color-of-fibers-flex{
		-ms-flex-pack: center !important;
  		justify-content: center !important;
	}
	.color-box-outer {
	    margin: 0 auto;
	}
	.footer-box-body ul li{
		display: inline-block;
		margin: 5px;
	}
	.footer-box-body ul li:last-child{
		display: block;
	}

}