/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 768px) {
	#mainmenu > ul { display: flex !important; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 1600px) {
	.year-img { max-width: 290px; }
	.contact-section { padding: 300px 0 100px; } 
	.brink-page .section-title { padding-top: 100px; }
	.solution-section .section-title { margin-bottom: 80px; }
	.content-detail { padding: 60px; }
	.solution-bottom-banner h2 { font-size: 55px; }
	.feature-img.large-icon .feature-icon:after, .feature-inner .feature-img .feature-icon:after { left: -30px; right: -30px; top: -30px;	bottom: -30px; }
	.feature-img.large-icon .feature-icon, .feature-inner .feature-img .feature-icon { width: 200px; height: 200px; font-size: 120px; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 1400px) {
	.seller-section .cols .col { padding-left: 30px; padding-right: 30px; }
	.seller-section .cols { margin: 0 -30px; }
	.category-box { padding: 30px; }
	.category-box h3 { margin-bottom: 30px; }
	.category-box .button { margin-top: 30px; }
	.service-boxes .service-box h2 { word-break: break-all; padding: 20px; font-size: 25px; }
	.about-section { padding: 60px 0; }
	.about-img { min-width: 400px; max-width: 400px; height: 400px; }
	.project-bg-section { padding: 80px 0; }
	.project-title h2 { font-size: 50px; }
	.project-title p { font-size: 25px; }
	.timeline-section .section-title { margin-bottom: 100px; }
	.year-img { max-width: 250px; }
	.year-txt h4 { margin-bottom: 30px; }
	.timeline-section { padding: 60px 0; }
	.filter-product-info h2 { font-size: 32px; }
	.filter-category-menu > a.clear-filter { font-size: 18px; }
	.filter-category-menu ul li a { font-size: 18px; }
	.block-spacing { padding: 100px 0; }
	.brink-page .section-title { padding-top: 80px; }
	.conversation-content {	padding-right: 30px; }
	p.large-text { font-size: 20px;	}
	.conversation-time { padding: 30px 30px; }
	.time-schedule { margin-top: 50px; font-size: 20px; }
	.start-conversation { padding-top: 80px; }
	.inquiry-form .section-title { margin-bottom: 80px; }
	.section-title h2 { font-size: 32px; }
	.small-title h3 { font-size: 25px; }
	.small-title { margin-bottom: 40px; }
	.conversation-time h3 { font-size: 25px; }
	.solution-bottom-banner { padding: 200px 0; }
	.solution-bottom-banner h2 { font-size: 50px; }
	.feature-img.large-icon .feature-icon:after, .feature-inner .feature-img .feature-icon:after  { left: -20px; right: -20px; top: -20px; bottom: -20px; }
	.feature-img.large-icon .feature-icon, .feature-inner .feature-img .feature-icon { width: 180px; height: 180px; font-size: 100px; }
	.solution-section .section-title { padding-top: 160px; }
	.feature-inner .feature-info h6 { font-size: 32px; }
	.feature-inner .features-box { margin-bottom: 50px; }
	.features-section.feature-inner { padding-bottom: 0; }
	.feature-product-heading h2 { font-size: 32px; }
	.feature-inner .feature-info { padding-top: 135px; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1200px) {
	.header-bottom { background-size: cover; }
	.banner-row h1, .banner-row h2 { font-size: 50px; }
	.home .banner-row h1,.home  .banner-row h2 { font-size: 50px; }
	.banner-section { padding: 220px 0 100px; }
	.home .banner-section { padding: 220px 0 100px; }
	.feature-img .feature-icon { height: 80px; width: 80px; padding: 10px; }
	.feature-img .feature-icon:after { left: -10px; right: -10px;top: -10px;	bottom: -10px; }
	.feature-info { padding: 60px 20px 20px; }
	.features-section { padding: 60px 0 50px; }
	/* .features-section:before { height: 100%; background-size: cover; } */
	.service-boxes .service-box h2 { font-size: 22px; }
	.about-flow li>span>span { margin-bottom: 20px; }
	.timeline-section .section-title { margin-bottom: 60px; }
	.year-img { max-width: 160px; }
	.year-data { max-width: 90%; padding: 55px 30px 120px; }
	.year-txt { max-width: 100%; }
	.contact-form { width: 100%; padding-right: 50px; }
	.conversation-content {  padding-right: 30px; }
	.start-conversation { padding-top: 0; }
	.inquiry-form .cols .col { padding: 0 30px;	}
	.inquiry-form .cols { margin: 0 -30px; }
	.solution-bottom-banner { padding: 100px 0; }
	.solution-bottom-banner h2 { font-size: 40px; }
	.feature-img.large-icon .feature-icon:after, .feature-inner .feature-img .feature-icon:after  { left: -20px; right: -20px; top: -20px; bottom: -20px; }
	.feature-img.large-icon .feature-icon, .feature-inner .feature-img .feature-icon { width: 130px; height: 130px; font-size: 80px; }
	.feature-product-description-block { padding: 40px 30px; }
	.feature-product-heading { padding: 30px 30px 60px; }
	.feature-inner .feature-info { padding-top: 70px; }
	
	.feature-inner .feature-info h6 { font-size: 25px; }
	.features-section:after { height: 110px; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	body { min-width:320px; }
	img{ max-width: 100%; width:auto; height:auto; }
	.wrap { width:auto; padding:0 20px; }
	
	.buttonset .col a { margin:0 5px 8px 0; }
	.cols4 .col { width:50%; }
	.cols2.default-grid.tab-grid .col { width:100%; }
	
	.image-block figure { width:45%; }
	
	.header-contact ul li { margin-right: 20px; }
	#mainmenu > ul > li { margin: 0 0 0 12px; }
	#logo { width: 185px; }
	#mainmenu { font-size: 14px; }
	.header-bottom { padding: 38px 0 70px; }
	.banner-row h1, .banner-row h2 { font-size: 40px; }
	.home .banner-row h1,.home  .banner-row h2 { font-size: 40px; }
	.features-row .cols .col { width: 50%; margin-bottom: 20px; }
	/* .features-section:before { height: 392px; } */
	.section-title h2 { font-size: 28px; }
	.seller-section .cols { margin: 0 -20px; padding: 0 20px; width: auto; }
	.seller-section .cols .col { padding: 0 0; width: 100%; }
	.owl-carousel .owl-item img { width: auto; margin: 0 auto; }
	.category-box h3 br { display: none; }
	.seller-section { padding-bottom: 60px; }
	.partner-logo .owl-carousel .owl-item img { max-width: 210px; }
	.service-boxes { grid-template-columns:1fr 1fr;}
	.about-img { min-width: 300px;	max-width:300px; height: 300px; }
	.project-title h2 { font-size: 40px; }
	.category-box h3 {font-size: 22px; }
	.filter-product-info { max-width: 100%; }
	.filter-product-infobox { width: 100%; padding-right: 0; }
	.filter-itme-box { align-items: flex-start; flex-direction: column; padding: 30px 0 30px 20px; }
	.filter-product-img { width: 100%; height: 500px; }
	.filter-product-infobox { padding-right: 20px; padding-bottom: 30px; }
	.filter-itme-box:nth-child(even) { padding: 30px 20px 30px 0; flex-direction: column; }
	.filter-itme-box:nth-child(even) .filter-product-infobox { padding: 0 0 30px 20px;  }
	.list-point { margin: 40px 0; }
	.filter-product-info h2 { font-size: 28px; }
	.contact-section { padding: 250px 0 60px; }
	.contact-row .section-title { text-align: left; 	margin-bottom: 30px;}
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { font-size: 20px; }
	.start-conversation { flex-direction: column; }
	.conversation-content { padding-right: 0; }
	.conversation-time { max-width: 100%; margin-top: 30px; }

	.block-spacing { padding:0 0 60px 0; }
	.customize-section { padding: 60px 0; }
	.brink-page .section-title { padding-top: 60px;	}
	.content-row { display: flex; flex-direction: column; }
	.content-detail { padding:60px 20px; width: 100%; }
	.content-img { display: flex; width: 100%;	min-height: 500px;	}
	.content-detail:before { transform: translateY(-50%) rotate(90deg); left: 0; right: 0; margin: 0 auto; top: 0; }
	.content-detail p { margin-bottom: 20px; }
	h2.row-title { margin-bottom: 40px; }
	.solution-section .section-title { margin-bottom: 40px; }
	.feature-img.large-icon .feature-icon:after { left: -15px; right: -15px; top: -15px; bottom: -15px; }
	.feature-img.large-icon .feature-icon { width: 100px; height: 100px; font-size: 60px; }
	.solution-section .section-title { padding-top: 100px; } 
	.feature-inner .feature-img .feature-icon {     width: 100px; height: 100px; font-size: 60px; }
	.feature-inner .feature-info h6 { font-size: 20px; }
	.feature-inner .feature-img .feature-icon:after { left:-10px;right:-10px;top:-10px;bottom:-10px; }
	.feature-inner .features-box { margin-bottom: 0; }
	.feature-product-heading h2 { font-size: 25px; }
	.feature-product-box { padding: 20px; } 


	.blog-slider-sec .owl-dots { display: flex; }
} 

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	
	
	#mainmenu > ul { display:none; position:absolute; left:0; width:100%; top:100%; background:#E06010; z-index:5; }
	#mainmenu ul li { float:none; margin:0; padding:0; border-bottom:solid 1px #d15000; }
	#mainmenu ul li a { padding:14px 15px; display:block;  }
	#mainmenu ul li a:after { display:none; }
	
	/* Responsive Menu line icon*/
	#menu { display:block;  }
	.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: 20px; height: 3px; 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:20px; height: 3px; 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: 7px; }
	.menulines:after { top: -7px; }
	.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); }
	
	.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%; }
	
	.about-row { flex-wrap: wrap; }
	.header-social li a { height: 30px;	width: 30px; }
	.header-contact ul li { margin-right: 10px; }
	.header-contact ul li a, .header-contact ul li span { padding-left: 20px; }
	.header-bottom { padding: 25px 0 40px; }
	.banner-row h1, .banner-row h2 { font-size: 30px; }
	.home .banner-row h1,.home  .banner-row h2 { font-size: 30px; }
	.banner-row .banner-text { font-size: 25px; }
	.features-section {  background: #f3f2f0; }
	.features-section:before { display: none; }
	body {font-size: 16px;	}
	.section-title p {font-size: 16px; }
	.category-box h3 { font-size: 20px; }
	.section-row { padding: 40px 0; }
	.about-flow { margin-left: 0; margin-top: 40px; }
	.project-bg-section { background-attachment: inherit; }
	.project-title h2 { font-size: 30px; margin-bottom: 20px; }
	.project-title p { font-size: 20px; }
	.project-bg-section { padding: 40px 0; }
	.section-title h2 { font-size: 25px; }
	.year-details { width: 100%; margin-bottom: 80px; }
	.year-data { padding: 30px 30px 80px; max-width: 100%; min-height: auto; }
	.year-block ~ .year-block { margin: 0; }
	.year-img {	max-width: 120px; left: 20px; }
	.year-block:nth-child(2n) .year-img { right: 20px; }
	.year-block:before { display: none; }
	.year-block .year-info:before { display: none; }
	.year-block .year-info { display: none; }
	.timline-details { padding-bottom: 0; }
	.timeline-section { padding: 40px 0; }
	.footer-row .cols .col:first-child { width: 100%; margin-bottom: 20px; }
	.company-info { max-width: 100%; }
	.footer-row .cols .col { width: 50%; }
	#footer { padding: 40px 0; }
	.year-img { padding: 5px; }
	.about-section .section-title {margin-bottom: 40px; }
	
	.filter-category-menu ul li a, .filter-category-menu > a.clear-filter { font-size: 16px; }
	.filter-category-menu ul li a { padding: 5px 10px; }
	.filter-category-menu ul li { margin-bottom:10px; }
	.filter-category-menu > a.clear-filter { margin-bottom: 10px; }
	.filter-row.section-row { padding-bottom: 30px; }
	.filter-product-info h2 { font-size: 25px; }
	.list-point li:before { width: 18px; height: 18px; top: 4px; }
	.list-point li { padding-left: 30px; }
	.filter-product-info a.button { padding: 12px 30px; font-size: 18px; margin-left: 30px; }
	.filter-product-img { height: auto; }
	.filter-category-menu > p { margin-bottom: 10px; }
	.contact-section { padding: 190px 0 60px; }
	.contact-row { display: flex; flex-direction: column; }
	.contact-section .textbox { max-width: 100%; }
	.contact-form { padding-right: 0; }
	.quote-img { max-width: 100%; margin-bottom: 30px; order: -1; }
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { font-size: 16px; }
	.contact-form .button { max-width: none; }
	#mainmenu { margin: 0 0 0 auto; }

	.small-title h3 { font-size: 20px; }
	.conversation-time h3 { font-size: 20px; margin-bottom: 20px; }
	.time-schedule { margin-top: 30px; }
	.inquiry-form .cols .col:last-child { width: 100%; }
	.inquiry-form .cols .col:first-child { width: 100%; margin-bottom: 20px; }
	.inquiry-form .section-title { margin-bottom: 42px; }
	p.large-text {	font-size: 16px;	}
	.time-schedule { font-size: 16px; }
	.small-title { margin-bottom: 30px; }
	.conversation-time { padding: 30px 20px; }
	.brink-page .section-title { padding-top: 40px; }
	h2.row-title { font-size: 25px; }
	.customize-section { padding: 40px 0; } 
	.solution-bottom-banner { padding: 60px 0; }
	.solution-bottom-banner h2 { font-size: 40px; }
	.content-detail { padding: 40px 20px; }

	.feature-product-box { flex-direction: column; padding: 0; }
	.feature-product-description {     grid-template-columns: auto; padding-bottom: 20px; }
	.feature-product-heading { border-radius: 0 0 20px 20px; padding: 20px 20px 30px; }
	.feature-product-heading:before { height: 10px; }
	.feature-product-description-block { padding: 20px; }
	.feature-inner .feature-info p { font-size: 16px; }
	.feature-inner .feature-img .feature-icon { width: 80px; height: 80px;	font-size: 45px; }
	.feature-inner .feature-info { padding-top: 60px; }
	.feature-product-img { min-height: 400px; border-radius: 20px 20px 0 0; }
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	
	
	.cols3 .col, .cols2 .col, .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; }	
	#logo { width:200px; }
	
	.list-block.cols3 .col { width:100%; }
	.image-block figure { width:100%; float:none; padding-right:0; }
	.image-block.right-align figure { padding-left:0; }
	
	.header-top { display: none; }
	.header-bottom { padding-top: 20px; }
	#logo { width: 160px; }
	.banner-section { padding: 140px 0 60px; }
	.home .banner-section { padding: 140px 0 60px; }
	.banner-row h1, .banner-row h2 { font-size: 25px; }
	.home .banner-row h1,.home  .banner-row h2 { font-size: 25px; }
	.banner-row .banner-text { font-size: 20px; margin-top: 15px; }
	.features-row .cols .col { width: 100%; }
	.feature-img img { width: 100%; }
	.feature-info p { max-width: 100%; }
	.feature-info { background: #fff; }
	.service-boxes { grid-template-columns: auto; }
	.about-row { justify-content: center; }
	.about-flow:before { top: 0; left: 33px; }
	.about-flow li { align-items: flex-start; }
	.timeline-section .section-title { margin-bottom: 30px; }
	.year-txt h4 { margin-bottom: 20px; font-size: 22px; }
	.footer-row .cols .col { width: 100%; margin-bottom: 20px; }  
	.filter-product-img { height: 250px; }
	.contact-section { padding: 140px 0 40px; }
	.about-flow li i { min-height: auto; min-width: auto; font-size: 40px; max-height: 66px; max-width: 66px; margin-right: 20px; }
	.about-section { padding: 40px 0; }
	h2.row-title { margin-bottom: 30px; }
	.content-img { min-height: 300px; }
}
/*==========================================================================================================*/
/* 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; }

}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	

		
} 
/*==========================================================================================================*/
/* Retina css */ 
/*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
	.sprites, .sp-after:after, .sp-before:before { background-image:url(../images/bgi/sprites@2x.png);
	-moz-background-size:237px 207px; -ms-background-size:237px 207px; -o-background-size:237px 207px; -webkit-background-size:237px 207px; background-size:237px 207px;}
}*/