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

}

/*==========================================================================================================*/
@media only screen and (max-width: 1052px) {
	.main-title h1 { max-width: 70% }
}
@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; }

		.default-grid.form-grid.cols2 .col { width:auto; float:none; }
		.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%; }
		.work-banner .work-slider-info {  padding: 80px 40px; }
		.work-banner .work-slider-info, .work-banner .work-slider-col { width: 100%; }
		.more-of-my-work { overflow: hidden }
}

@media only screen and (max-width: 1003px) {
	.main-title h1 { max-width: 73% }
}
@media only screen and (max-width: 944px) {
	.main-title h1 { max-width: 90% }
}
/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	#mainmenu > .mega-menu { display:none; position:fixed; left:0; right: 0; top:0; bottom: 0; background:#333333; z-index:5; padding-top: 90px}
	.mega-menu ul { display: block }
	#mainmenu ul li { border-bottom:solid 1px #717171; }
	#mainmenu ul li a { padding:25px 15px; display:block; color: #FFF; font-size: 22px }
	#mainmenu ul li a:hover { text-decoration: none; background: #717171 }
	.default-grid.cols3 .col { width:50%; }
	.default-grid.cols3 .col:nth-child(3) { clear:left; }
	.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%; float:none; }
	h1, h2 { font-size:40px; }
	.landing-data-box p br { display: none; }
	.cv-secion-data .cv-left figure img { width: 100% }
	.cv-secion-data { text-align: center }
	.cv-secion-data .cv-left { width: 100% }
	.cv-secion-data .cv-right { padding:0; width: 100%; margin-top: 30px }
	.cv-secion-data .cv-right h2 { font-size: 38px }
	.action-box { justify-content: center; }
	.work-slider-box .action-box { justify-content: flex-end; }
	.cv-secion-data .cv-right .action-box { margin-top: 40px }
	.contact-us { justify-content: center }
	.work-banner .work-slider-info { padding: 40px 30px; }
	.case-study-img .cols2 .col figure img { width: 100% }
	.case-study-detail-page .cols2 .col { width: 100% }
	.case-study-detail-page .cols2 .col:last-child { margin-top: 50px }
	.case-study-detail-page .cols .col p { max-width: 100% }
	.case-study-img .cols2 .col, .gallery-img-box .cols .col { width: 100%; }
	.case-study-img .cols2 .col:last-child { margin-top: 50px }
	.gallery-img-box .cols .col:last-child { margin-top: 12px }
	.small-photo-gallery .small, .small-photo-gallery .large { width: 100% }
	.small-photo-gallery .large { margin: 12px 0 }
	.empty-box, .case-study-img { padding-bottom:50px  }
	.more-of-my-work .cols { margin: 0 }
	.more-of-my-work .cols .col { padding: 0; width: 100% }
	.more-of-my-work .cols .col { margin: 10px 0; }
	.section-title h3 { font-size: 35px }
	.main-title h1 { max-width: 100% }
	

}
/*==========================================================================================================*/
/* 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:auto; float:none; }
	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%; float:none; }
	.image-block figure { width:100%; float:none; padding-right:0; }
	.image-block.right-align figure { padding-left:0; }
	h1, h2 { font-size:34px; }
	.landing-logo figure img { width: 250px }
	.landing-data-box h2 { margin-top:15px; }
}
/*==========================================================================================================*/
/* 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) {
	
	#logo { width:150px; }
	#mainmenu { margin:12px 0 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) {
	.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;}
}*/