/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 1024px) {
	#mainmenu > ul { display:flex !important; }
	#mainmenu .navtrigger { display: none; }
}

@media only screen and (max-width: 1400px){
	.map-section { padding-top: 80px; }
	
}

/*==========================================================================================================*/
@media only screen and (max-width: 1200px) {
	#logo { width: 164px; }
	#mainmenu { margin: 0 10px 0 0; }
	#mainmenu > ul > li { margin: 0 0 0 6px; }
	#mainmenu > ul > li > ul { width: 210px; padding: 10px; }
	.header-right .button { padding: 13px 16px; }
	.wrap { width:auto; padding:0 20px; }

	.banner-section.home-banner { padding: 180px 0 125px; }
	.banner-heading h2 { font-size: 42px; }
	.banner-info .swiper-slide { width: 448px; height: 299px; }
	.about-section { padding-bottom: 30px; }
	.title-row h2 { font-size: 36px; }
	.highlited-title { font-size: 34px; }
	.about-list-box { padding: 25px 28px 0; }
	.about-list { margin: 0 -10px; }
	.about-list li { padding: 0 10px; }
	.about-list li i { font-size: 40px; }
	.about-list li figure { max-width: 92px; }
	.about-list li h6 { font-size: 16px; }
	.news-section { padding: 30px 0; }
	.product-section { padding: 30px 0; }
	.product-info h4 { font-size: 20px; }
	.footer-top-row .cols .col:first-child { width: 28%; }
	.footer-top-row .cols .col:last-child { width: 26%; }
	.banner-section { padding: 200px 0 123px; }
	.banner-row h1, .banner-row h2 { font-size: 38px; margin-bottom: 18px; }
	.highlight-section { padding: 50px 0 30px; }
	.highlight-info > h2 { font-size: 34px; margin-bottom: 25px; }
	.arrow-list li { margin-bottom: 8px; }
	.highlight-info .arrow-list { margin-top: 25px; }
	.services-section { padding: 30px 0 50px; }
	.service-data i { font-size: 38px; margin-bottom: 14px; }
	.service-data h4 { font-size: 20px; margin-bottom: 8px; }
	.service-info { padding: 25px; }
	.about-highlight.highlight-section { padding-bottom: 50px; }
	.timeline-section { padding: 70px 0 170px; }
	.timeline-section .title-row { margin-bottom: 60px; }
	.timeline-block { min-height: 140px; }
	.company-section { margin-top: -80px; padding-bottom: 30px; }
	.company-row { padding: 20px; }
	.company-box { padding: 14px 0; }
	.company-box i { font-size: 60px; margin-bottom: 15px; }
	.company-box h2 { font-size: 35px; margin-bottom: 6px; }
	.team-section { padding: 30px 0 40px; }
	.team-section .title-row { margin-bottom: 40px; }
	.team-row .cols { margin: 0 -10px; }
	.team-row .cols .col { padding: 0 10px }
	.product-detail-page .banner-section { padding-bottom: 210px; }
	.product-page { margin-top: -170px; }
	.product-slider { margin-bottom: 55px; }
	.motor-section { padding: 30px 0 70px; }
	.download-box { padding: 25px; }
	.download-box h4 { font-size: 22px; margin-bottom: 25px; padding-bottom: 11px; }
	.download-list li { padding-left: 54px; margin-bottom: 25px; }
	.download-list li > i { font-size: 38px; }
	.download-list li .button { height: 40px; width: 40px; line-height: 40px; font-size: 16px; }


	/* //contact-page css */
	.contact-form { padding: 35px; }
	.contact-form .form { margin-bottom: 35px; }
	.contact-box { margin: 0 -25px; }
	.contact-col, .contact-info { padding-left: 25px; padding-right: 25px; }
	.contact-info-box i { font-size: 36px; }
	.contact-info-box { margin-bottom: 50px; }
	.contact-info-box h6 { font-size: 16px; }
	.map-section { padding-top: 60px; }
	.contact-form h2 { font-size: 34px; margin-bottom: 30px; }
	.contact-form .form h4 { font-size: 20px; }
	.form-section .cols { margin: 0 -10px; }
	.form-section .cols .col { padding: 0 10px; margin-bottom: 20px; }
	.section-title h2 { font-size: 32px; }
	.contact-section { padding-top: 80px; }

	/* //News section css */
	.news-page-section { padding-top: 70px; }
	.news-page-row .cols { margin: 0 -15px; }
	.news-page-row .cols .col { padding: 0 15px; margin-bottom: 30px; }

	.video-section { padding-bottom: 30px; }
	.before-after-section .cols { margin: 0 -10px; }
	.before-after-section .cols .col { padding-left: 10px; padding-right: 10px; }

}

/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	body { min-width:320px; }
	img{ max-width: 100%; width:auto; height:auto; }
	
	.buttonset .col a { margin:0 5px 8px 0; }
	.default-grid.cols4 .col { width:50%; }
	.cols2.default-grid.tab-grid .col { width:100%; }
	
	.image-block figure { width:45%; }

	#header { background: #00192a; overflow: visible; }
	.header-top { border-bottom: 1px solid rgba(255,255,255,0.2); }
	.header-bottom { padding-left: 0; padding-right: 0; position: inherit; }
	.header-bottom::before, .header-bottom::after { display: none; }

	/* #header { position:relative; } */
	#mainmenu { margin-right: 20px; }
	#mainmenu > ul { display:none; position:absolute; left:0; width:100%; top:100%; background: rgba(0, 33, 55, 0.9); z-index:5; border-top: 1px solid rgba(255,255,255,0.2); }
	#mainmenu > ul > li { float:none; margin:0; padding:0; border-bottom:solid 1px rgba(255,255,255,0.2); }
	#mainmenu > ul > li > a { padding: 8px 20px; display:block;  }
	#mainmenu > ul > li > a:hover { background: #00192a; color: #FE370E; }
	#mainmenu > ul > li > a:after { display:none; }

	#mainmenu > ul > li > ul { width: 100%; position: relative; left: 0; top: 0; right: 0; opacity: 1; visibility: visible; transform: none; padding: 0; border-top: solid 1px rgba(255,255,255,0.2); transition: none; background: rgba(0, 24, 40, 0.9); display: none; }
	#mainmenu > ul ul li a { padding: 13px 35px; }
	#mainmenu > ul ul li { border-bottom: solid 1px rgba(255,255,255,0.2); }
	#mainmenu > ul ul li:last-child { border-bottom: 0; }
	#mainmenu > ul ul li a:hover { background: none; color: #FE370E; }

	#mainmenu > ul > li .navtrigger {
		display: block;
	}
	
	/* Responsive Menu line icon*/
	#menu { display:block; height: 20px; }
	.menulines-button { padding:0; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:#fff; text-decoration:none; }
	.menulines-button em { font-style:normal; font-weight:bold; margin-left:10px; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { display: inline-block; width: 22px; height: 2px; background: #fff; position: relative; float: left; margin:9px 0 0 0; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity:1; }
	.menulines:before, .menulines:after { display: inline-block; width:22px; height: 2px; background: #fff; position: absolute; left: 0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
	.menulines:before { top: 8px; }
	.menulines:after { top: -8px; }
	.menuopen .menulines { background:none; }
	.menuopen .menulines:before, .menuopen .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; } 
	.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.menuopen .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

	.banner-section.home-banner { padding: 170px 0 90px; }
	.banner-heading h2 { font-size: 36px; }
	.banner-info .swiper-slide { width: 418px; height: 279px; }
	.banner-title h2 { font-size: 25px; }
	.title-row { margin-bottom: 28px; }
	.title-row span { font-size: 12px; }
	.title-row h2 { font-size: 30px; }
	.highlited-title { font-size: 28px; }
	.news-img figure { max-width: 340px; }
	.news-info { max-width: calc(100% - 340px); padding-left: 30px; }
	.news-info .read-more { margin-top: 8px; }
	.product-section .title-row { margin-bottom: 30px; }
	.product-info h4 { font-size: 18px; }
	.footer-top { padding: 34px 0 25px; }
	.footer-top-row .cols { margin: 0 -10px; }
	.footer-top-row .cols .col { padding: 0 10px; }
	.footer-logo { max-width: 164px; margin-bottom: 20px; }
	.footer-box h6 { font-size: 16px; }
	.footer-bottom { padding: 20px 0; font-size: 13px; }
	.banner-section { padding: 200px 0 90px; }
	.banner-row h1, .banner-row h2 { font-size: 34px; margin-bottom: 15px; }
	.breadcrumbs li { font-size: 16px; }
	.breadcrumbs li::before { height: 8px; width: 8px; }
	.highlight-info > h2 { font-size: 30px; margin-bottom: 20px; }
	.exp-tag { bottom: 60px; max-width: 192px; padding: 11px 15px; font-size: 16px; }
	.exp-tag span { font-size: 32px; }
	.timeline-section { padding: 50px 0 170px; }
	.timeline-section .title-row { margin-bottom: 45px; }
	.timeline-year h4 { font-size: 22px; }
	.timeline-year .timeline-icon-box { height: 60px; width: 60px; line-height: 60px; font-size: 28px; }
	.company-box { padding: 10px 0; }
	.company-box i { font-size: 45px; }
	.company-box h2 { font-size: 30px; }
	.team-box .team-name { padding: 15px; }
	.team-box .team-name h4 { font-size: 20px; }
	.team-box:before { height: 100px; }
	.member-name h6 { font-size: 15px; }
	.news-popup-img { min-height: 280px; }
	.news-pop-title h4 { font-size: 22px; }
	.news-pop-title { margin-bottom: 20px; }
	.product-detail-page .banner-section { padding-bottom: 210px;  }
	.product-page { margin-top: -150px; }
	.productpage-title h3 { font-size: 26px; }
	.product-slider .swiper-button-next, .product-slider .swiper-button-prev { bottom: 35px; }
	.swiper-button-next::before, .swiper-button-prev::before { font-size: 30px; }
	.product-slider .swiper-button-prev { right: 84px; }
	.swiper-pagination { margin-top: 20px; }
	.product-slider { margin-bottom: 45px; }
	.product-block { padding: 20px 0; }
	.product-block-title h3 { font-size: 26px; }
	.product-features li { width: 25%; }
	.motor-section h3 { font-size: 26px; }
	.motor-section { padding: 25px 0 60px; }
	.motor-features-list { width: 100%; }
	.download-row { width: 100%; margin-top: 30px; }

	/* //contact-page css */
	.section-title h2 { font-size: 30px; }
	.contact-info-box { width: 100%; margin-bottom: 40px; }
	.contact-box { margin: 0 -15px; }
	.contact-info-box i { font-size: 32px; }
	.contact-col, .contact-info { padding-left: 15px; padding-right: 15px; }
	.contact-form { padding: 25px 25px 35px; }
	.contact-form h2 { font-size: 30px; margin-bottom: 25px; }
	.contact-form .form h4 { font-size: 18px; margin-bottom: 20px; }
	.form-section .cols { margin: 0 -6px; }
	.form-section .cols .col { padding: 0 6px; margin-bottom: 12px; }
	.contact-form .form { margin-bottom: 25px; }
	.contact-section { padding-top: 50px; }
	.map-section { padding-top: 40px; }
	.news-page-row .cols { margin: 0 -10px; }
	.news-page-row .cols .col { padding: 0 10px; margin-bottom: 20px; }
	.news-data { padding: 20px; }
	.news-box { margin: 10px 0; }
	.news-page-section { padding-top: 50px; }
	.pageination-section { padding-top: 30px; }
	/* .pageination-section ul li { margin: 0 8px; } */
	.pageination-section ul li a, .pageination-section ul li span { width: 40px; height: 40px; margin: 0 8px; }
	.news-data h4 { font-size: 20px; }

	.special-relationships .product-block-title { margin-bottom: 20px; }
	.success-stories .product-block-title { margin-bottom: 20px; }
	.product-disc-row { margin-bottom: 25px; }
	.product-company-logo { width: 130px; height: 80px; }
	.product-company-logo figure { max-width: 89px; }
	.product-company-info { width: calc(100% - 130px); }

	.product-block-column .cols .col { width: 100%; margin-bottom: 30px; }
	.prodct-disc-main h5 { font-size: 16px; margin-bottom: 10px; }

	.product-logos-box figure { max-width: 133px; }
	.product-logos-box { min-height: 85px; }


	.video-section .cols .col { width: 50%; }

} 


/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	
	.default-grid.cols3 .col { width:50%; }
	.tabnav { display:none; }
	.tab-container { padding:0; border:none;}
	.tab-data { margin:0 0 30px; }
	.tab-data .tabnav { display:none; }
	.tab-container .tabMobiletrigger { background:#f3f3f3; border:medium none; font-size:15px !important; text-transform:uppercase; margin:0 0 7px; padding:16px 54px 16px 16px; position:relative; cursor:pointer; font-weight:bold; }
	.tabMobiletrigger:after { border-left:8px solid rgba(0, 0, 0, 0); border-right:8px solid rgba(0, 0, 0, 0); border-top:8px solid #848690; content:""; margin-top:-3px; position:absolute; right:19px; top:50%; }
	.tabMobiletrigger:before { background:rgba(0, 0, 0, 0.08); content:""; height:100%; position:absolute; right:0; top:0; width:54px; z-index:1; }
	.tabcontent { padding:15px 0; margin:0; }
	.tabMobiletrigger.rotate:after { border-top-color:#272c2f; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
	
	.heading-listblock.cols2 .col, .dropcaps-box.cols2 .col { width:100%; }
	h1, h2 { font-size:40px; }

	.header-right .button { padding: 10px 12px; font-size: 11px; }
	.banner-section.home-banner { padding: 160px 0 80px; }
	.banner-heading h2 { font-size: 30px; }
	.banner-info .swiper-slide { width: 398px; height: 249px; }
	.banner-title h2 { font-size: 22px; }
	.title-row h2 { font-size: 26px; }
	.highlited-title { font-size: 25px; }
	.about-row .cols .col, .about-row .cols .col:last-child { width: 100%; }
	.about-list-box { margin-top: 40px; min-height: auto; }
	.news-img figure { max-width: 100%; }
	.news-img { width: 100%; margin-bottom: 30px; }
	.news-info { max-width: 100%; padding: 0; }
	.product-row .cols .col { width: 33.333333%; }

	.footer-top { padding: 34px 0 0; }
	.footer-top-row .cols .col:first-child, .footer-top-row .cols .col:nth-child(2), .footer-top-row .cols .col:nth-child(3), .footer-top-row .cols .col:last-child { width: 50%; margin-bottom: 40px; }
	.footer-disc { max-width: 100%; }
	.footer-social { margin: 18px 0 0 0; }
	.fmenu li { margin-bottom: 2px; }
	.footer-box h6 { margin-bottom: 12px; }
	.footer-contact li { margin-bottom: 12px; }
	.footer-bottom { font-size: 12px; }
	.banner-section { padding: 180px 0 70px; }
	.banner-row h1, .banner-row h2 { font-size: 32px; margin-bottom: 10px; }
	.breadcrumbs li { font-size: 14px; }
	.breadcrumbs li::before { height: 7px; width: 7px; top: 9px; }
	.highlight-row .cols { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }
	.highlight-row .cols .col { width: 100%; }
	.highlight-img { padding-left: 0; margin: 0 auto 30px; }
	.highlight-img figure { margin: 0 auto; }
	.services-section .cols .col { width: 100%; }
	.services-section .cols .col:nth-child(4n+3) .service-box, .services-section .cols .col:nth-child(4n+4) .service-box { -webkit-flex-direction: inherit; flex-direction: inherit; }
	.services-section .cols .col:nth-child(2n + 2) .service-box { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; }
	.service-img a { min-height: 300px; }
	.timeline-year h4 { font-size: 20px; }
	.timeline-section { padding: 50px 0 150px; }
	.company-row .cols { margin-bottom: -20px; }
	/* .company-row .cols .col { width: 50%; margin-bottom: 20px; }
	.company-row .cols .col:nth-child(2n) { border: 0; } */
	.partner-section { padding: 30px 0; }
	.news-popup-img { min-height: 250px; }
	.product-detail-page .banner-section { padding-bottom: 150px; }
	.product-page { margin-top: -120px; }
	.productpage-title h3 { font-size: 22px; }
	.product-features li { width: 33.333333%; }
	.product-features li .feature-text { min-height: 66px; }
	.product-block-title h3 { font-size: 24px; }
	.motor-section h3 { font-size: 24px; }

	/* //contact-box */
	.contact-box { flex-wrap: wrap; }
	.contact-form h2 { font-size: 28px; margin-bottom: 20px; }
	.contact-col, .contact-info { width: 100%; }
	.contact-info { margin-top: 30px; }
	.map-section { padding-top: 30px; }
	.section-title h2 { font-size: 28px; }
	.map-title p { padding: 0; }
	.contact-btn input[type="submit"] { padding: 14px 45px; }

	/* //News section css*/
	.news-page-section { padding-top: 30px; padding-bottom: 40px; }
	.news-box { background-color: #002137; margin: 10px 0; }
	.news-section { padding: 30px 0; }
	.news-data h4 { font-size: 18px; }
	.news-box p { line-height: 22px; margin-top: 15px; font-size: 12px; }
	.pageination-section { padding: 20px 0 0; }
	.pageination-section ul li a, .pageination-section ul li span { font-size: 14px; }

	.product-disc-row { align-items: flex-start; -webkit-align-items: flex-start; }
	.product-company-info { padding-top: 0; }
	.product-block-logos { padding: 30px 0 0; }
	.product-block-main { padding-bottom: 40px; }
	.product-logos-box { min-height: 75px; }

	div.wpcf7 form .wpcf7-response-output { margin: 25px 0 5px; padding: 12px 16px; font-size: 14px; }

	.before-after-section .caption h4 { font-size: 18px;}

	.video-section { padding-top: 10px; }
	.video-box a i { height: 40px; width: 40px; font-size: 22px; }


}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	
	.default-grid.cols3 .col, .default-grid.cols2 .col, .default-grid.cols4 .col { width:100%; }
	table.res-table tr th { display:none; }
	table.res-table tr td { display:block; position:relative; padding-left:50%; }
	table.res-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 50%; display:block; padding-right:10px; position:absolute; left:0; top:0; padding:10px 10px; } 
	table.res-table { border-top:0; }
	
	.list-block.cols3 .col { width:100%; }
	.image-block figure { width:100%; float:none; padding-right:0; }
	.image-block.right-align figure { padding-left:0; }
	h1, h2 { font-size:34px; }

	.banner-section.home-banner { padding: 125px 0 70px; }
	.banner-heading h2 { font-size: 28px; }
	.product-row .cols .col { width: 50%; }
	.footer-bottom-row { -webkit-flex-direction: column; flex-direction: column; text-align: center; }
	.privacy-links { margin: 3px 0 0; }
	.banner-row h1, .banner-row h2 { font-size: 30px; margin-bottom: 5px; }
	.highlight-info > h2 { font-size: 26px; }
	.exp-tag { bottom: 50px; max-width: 180px; padding: 10px 15px; font-size: 14px; }
	.exp-tag span { font-size: 28px; }
	.timeline-data { padding-left: 70px; }
	.timeline-year { width: 100%; text-align: left; justify-content: flex-start; padding-right: 0; position: static; min-height: inherit; margin-bottom: 15px; padding-top: 13px; }
	.timeline-year .timeline-icon-box { height: 50px; width: 50px; line-height: 52px; font-size: 23px; right: inherit; left: 0; transform: none; top: 0; }
	.timeline-year h4 { font-size: 20px; }
	.timeline-info { width: 100%; padding-left: 0; }
	.timeline-block:before { left: 23px; }
	.timeline-block:nth-child(2n) .timeline-year { padding-left: 0; padding-right: 0; }
	.timeline-block:nth-child(2n) .timeline-year .timeline-icon-box { transform: none; }
	.timeline-block:nth-child(2n) .timeline-info { padding-left: 0; padding-right: 0; text-align: left; }
	.company-row .cols .col { width: 50%; margin-bottom: 20px; }
	.company-row .cols .col:nth-child(2n) { border: 0; }
	.partner-row { flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; }
	.partner-row figure { width: 33.333333%; margin-bottom: 15px; }
	.team-row .cols .col { width: 100%; margin-bottom: 20px; }
	.team-row .cols .col:last-child { margin-bottom: 0; }
	.news-pop-title h4 { font-size: 20px; }
	.product-detail-page .banner-section { padding-bottom: 120px; }
	.product-page { margin-top: -95px; }
	.product-slider { margin-bottom: 40px; }
	.product-features li { width: 50%; }
	.motor-features-list .cols .col { width: 50%; margin-bottom: 30px; }
	.download-row { margin-top: 10px; }

	/* //contact page css */
	.contact-form { padding: 30px 20px 40px; }
	.contact-form h2 { font-size: 25px; }
	.form h4 { font-size: 180px; }
	.form-section .cols .col { width: 100%; }
	.map-section { padding-top: 20px; }
	.contact-info { width: 80%; }

	/* //News section css */
	.news-page-row .cols .col { width: 100%; }
	.news-section { padding: 20px 0; }
	.pageination-section ul li a, .pageination-section ul li span { width: 34px; height: 34px; }

	.wpcf7-not-valid-tip { font-size: 14px; margin-top: 6px; }
	.wpcf7 .ajax-loader { margin: 0 0 0 15px; }

	.before-after-section .cols .col { width: 100%; margin-bottom: 20px; }
	.video-section .cols .col { width: 100%; }

}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {

	 .form-inline .form-group label, .form-inline .form-group .field-box { float:none; display:block; width:auto; }
	.form-inline .form-group label.blank { display:none; }
	h1, h2 { font-size:30px; }
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	
	.header-top { display: none; }
	#header { position: fixed; }
	#header.sticky { top: 0; }
	#logo { width: 150px; }
	#mainmenu { margin-right: 15px; }
	.header-right .button { font-size: 0; padding: 0; height: 30px; width: 30px; line-height: 30px; text-align: center; }
	.header-right .button i { display: block; font-size: 16px; line-height: 28px; }
	.about-list li { width: 100%; }
	.about-list li i { font-size: 36px; }
	.about-list li figure { max-width: 82px; }
	.product-row .cols .col { width: 100%; }
	.footer-top-row .cols .col:first-child, .footer-top-row .cols .col:nth-child(2), .footer-top-row .cols .col:nth-child(3), .footer-top-row .cols .col:last-child { width: 100%; margin-bottom: 30px; }
	.banner-section { padding: 140px 0 70px; }
	.service-img, .service-info { width: 100%; }
	.service-info { padding: 35px 20px; }
	.company-row { padding: 15px; }
	.company-row .cols { margin: 0 -10px -15px; }
	.company-row .cols .col { padding: 0 10px; margin-bottom: 15px; }
	.company-box { font-size: 12px; }
	.company-box i { font-size: 38px; }
	.company-box h2 { font-size: 24px; }
	.partner-row figure { width: 50%; margin-bottom: 15px; }
	.product-detail-page .banner-section { padding-bottom: 100px; }
	.product-page { margin-top: -65px; }
	.productpage-title h3 { font-size: 20px; }
	.swiper-button-next::before, .swiper-button-prev::before { font-size: 25px; }
	.product-slider .swiper-button-prev { right: 74px; }
	.swiper-pagination { margin-top: 10px; }
	.product-slider .swiper-button-next, .product-slider .swiper-button-prev { bottom: 25px; }
	.product-block-title h3, .motor-section h3 { font-size: 22px; }
	.motor-section { padding: 20px 0 50px; }
	.product-slider { margin-bottom: 35px; }
	.product-block { padding: 15px 0; }
	.motor-features-list .cols .col { width: 100%; }
	.download-box h4 { font-size: 20px; }
	.download-box { padding: 20px; }
	.download-list li > i { font-size: 32px; }
	.download-list li { padding-left: 44px; margin-bottom: 20px; }
	.download-list li .button { height: 30px; width: 30px; line-height: 30px; font-size: 12px; }

	/* //contact page css */
	.form h4 { font-size: 16px; }
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { padding: 4px 16px; height: 46px; }
	textarea { padding: 12px 16px; height: 120px; }
	.section-title h2 { font-size: 24px; }
	.map-title p { font-size: 12px; }


	.product-company-info { width: 100%; padding: 15px 0 0; }
	.prodct-disc-main h5 { font-size: 15px; }
	.product-block-logos { padding: 20px 0 0; }
	.product-block-main { padding-bottom: 30px; }
	.product-block-logos .cols .col { width: 100%; }
	.product-logos-box { min-height: 70px; }
	.success-stories .product-block-title { margin-bottom: 15px; }
		
}