/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 768px) {
}

/*==========================================================================================================*/
@media only screen and (max-width: 1400px) {
	/*#mainbanner { display:none; }
	.section.welcome-section, .section.technology-section, .section.dedication-section, .section.deserve-section, .section.business-section, .section.technology-key-section, .section.other-section, .section.testimonial-section { display:block; }*/
}

@media only screen and (max-width:1280px) {
	.wrap { width:auto; }
}


@media only screen and (max-width:1170px) {
	.section,.welcome-section, .top-footer { padding:30px 0; }
	.section-title h3 { font-size:26px; }
	.section-title { margin:0 0 20px; }
	.technology-section { padding:30px 0; }
	.business-section .cols.cols4 { margin:0 -10px; }
	.business-section .cols.cols4 .col { padding:0 10px; }
	.business-section .cols .col h4 { font-size:18px; }
	.business-section .cols .col .col-container { padding:0 10px; }
	.technology-section .cols .col { width:20%; }
	.deserve-section .cols.cols4 .col h6 { font-size:36px; }
	.deserve-section .cols.cols4 .col figure, .dedication-section .cols .col .col-container figure { width:75px; }
	.main-col .list-container .cols.cols3 .col { padding:80px 40px; }
	.main-col .list-container .cols.cols3 .col h4 { font-size:28px; }
	#innerbanner h1 { font-size:36px; }
	#innerbanner { padding:120px 0;  }
	#logo { width:290px; }
	
}

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

/*==========================================================================================================*/
@media only screen and (max-width:1023px) {
	.deserve-section:before { height:339px; position:relative; left:0; top:0; display:block; margin:0 auto 30px; background-size:339px 339px; -webkit-background-size:339px 339px; -moz-background-size:339px 339px; }
	.deserve-section .cols.cols2 .col { width:100%; }
	.technology-section .cols .col { margin:0 0 15px; width:33.33%; }
	.dedication-section .cols { margin:0 -10px; }
	.dedication-section .cols.cols3 .col { padding:0 10px; margin:20px 0 0; width:50%; flex:0 0 50%; max-width:50%; }
	.business-section .cols.cols4 { margin-top:-20px; }
	.technology-key-section .section-title p { width:auto; }
	.business-section .cols.cols4 .col { width:50%; margin:20px 0 0; }
	.testimonial-slider { width:100%; }
	
	.top-footer .cols.cols2 .col.form-col { width:60%; }
	.top-footer .cols.cols2 .col.address-col { width:40%; }
	
	/* Responsive Menu line icon
	-----------------------------------*/
	#menu { display:block; width:22px; height:22px; position:absolute; right:30px; top:18px }
	.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: 26px; 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:26px; 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); }
	.main-col .list-container .cols.cols3 .col { width:50%; }
	.main-col .list-container .cols.cols3 .col h4 { font-size:22px; }
	.right-header { position:static; float:none; }
	#mainmenu { position:absolute; left:0; top:100%; padding:15px 0; margin-top:-5px; width:100%; background:#1a1a1a; display:none; }
	#mainmenu ul, #mainmenu li { float:none; }
	#mainmenu > ul > li{ margin:0; }
	#mainmenu li a { padding:10px 30px; border-bottom:0; }

}



/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	.technology-section .cols .col { width:50%; margin:10px 0 0; }
	.technology-section .tabnav  { display:none; }
	.tab-container { padding:0; }
	.technology-section { padding:30px 0; }
	
	.tabMobiletrigger { font-size:16px; background:#fff; border-radius:32px; padding:10px 16px; margin:10px 0 0; cursor:pointer; font-weight:700; text-transform:uppercase; }
	.top-footer .cols.cols2 .col.address-col, .top-footer .cols.cols2 .col.form-col { width:100%; }
	.top-footer .cols.cols2 .col.address-col { margin:30px 0 0; }
	.deserve-section .cols.cols4 .col { width:50%; }
}

@media only screen and (max-width:640px) {
	.section-title h3 { font-size:22px; }
	.dedication-section .cols.cols3 .col { width:100%; flex:0 0 100%; max-width:100%; }
	.other-section .cols { width:100%; }
	.technology-section .cols .col { width:50%; }
	#logo { width:200px; }
	.deserve-section:before { background-size:240px 240px; -webkit-background-size:240px 240px; -moz-background-size:240px 240px; height:240px; width:100% }
}

/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 568px) {
	.business-section .cols.cols4 .col, .deserve-section .cols.cols4 .col,.main-col .list-container .cols.cols3 .col { width:100%; }
	
}

/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {
	.technology-section .cols .col { width:100%; }
}

/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	.technology-section .cols .col { width:100%; padding:0; }
} 

/*==========================================================================================================*/
/* 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) {

}