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

/*==========================================================================================================*/
@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; max-width:100% }
	
	.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%; }
	.title-banner {margin-top: 0%;}
	
		#mainmenu { text-align:left; padding:15px; }
	#mainmenu > ul { display:none; position:absolute; left:0; width:100%; top:100%; background:#d3ad75; z-index:5; }
	#mainmenu > ul > li { float:none; margin:0; padding:0; border-bottom:solid 1px #616176; display:block; position:relative }
	#mainmenu ul li a { padding:8px 15px; display:block;  }
	#mainmenu ul li a:after, #mainmenu > ul > li.hasnav > a:hover:before, #mainmenu > ul > li.active > a:before { display:none; }
	
	.navtrigger { position:absolute; right:0; top:0; width:48px; height:48px; cursor:pointer; z-index:999; margin-top:-1px }
	.navtrigger:before { background-position:0 -50px; width:48px; height:48px; top:-1px;  }
	.navtrigger.open:before { background-position:-52px -50px; }
	
	#mainmenu .megamenu { position:static; padding:0 }
	.megamenu > .wrap > ul { width:100%; }
	.megamenu > .wrap > ul > li { width:auto }
	.megamenu ul li a img { display:none }
	.megamenu > .wrap { width:100%; }
	
	/* Responsive Menu line icon*/
	#menu { display:block;  }
	.menulines-button { padding:0;  cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; text-decoration:none; color:#000; 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: #000; 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: #000; transition: 550ms; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; -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); }
	.cat-data h1 { font-size:16px; margin:0 }

} 

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	.comman-title { margin-bottom:20px; }
	#header { position:relative }
	.homeslidere .owl-nav div  {  display:none}
	.banner-data { background:none !important; height:auto !important }
	.mobile { display:block }
	.default-grid.cols3 .col { width:50%; }
	.default-grid.cols3 .col:nth-child(3) { clear:left; }
	.tabnav { display:none; }
	.tab-data { margin:0 0 30px; }
	.tab-data .tabnav { display: none; }
	.tabMobiletrigger { position: relative; margin:0; padding:10px 40px 10px 0; line-height:100%; text-align: center; cursor: pointer; display: block; font-size:18px !important ; border-bottom:2px solid #e2e2e2; text-align:left }
	.tabMobiletrigger:after { content:''; position:absolute; right:16px; top:50%; margin-top:-3px; border-top:solid 6px #848690; border-left:solid 6px transparent; border-right:solid 6px transparent;  }
	.tabMobiletrigger.rotate { background:#fff; color:#444; border-bottom-color:#9497ce; }
	.tabcontent { padding:15px 0; border-bottom:2px solid #848690; margin:0; }
	.tabMobiletrigger.rotate:after { border-top-color:#9497ce; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg);   }
	.tabcontent input[type="button"].save-continue, .tabcontent input[type="submit"].save-continue, .tabcontent input[type="button"].back-btn, .tabcontent input[type="submit"].back-btn, .tabcontent input[type="submit"].save, .tabcontent input[type="submit"].cancel, input[type="submit"].small-button { font-size:17px; }
	.tabcontent input[type="button"].save-continue, .tabcontent input[type="submit"].save-continue, .tabcontent input[type="submit"].save, .tabcontent input[type="button"].back-btn, .tabcontent input[type="submit"].back-btn, .tabcontent input[type="submit"].cancel, input[type="submit"].small-button { background-size:auto 100%; }
	
	.heading-listblock.cols2 .col, .dropcaps-box.cols2 .col { width:100%; float:none; }
	h1, h2 { font-size:40px; }
	.section-pad { padding:40px 0 }
	.comman-title h2 { font-size:18px; }
	.home-left, .home-right { float:none; width:auto; padding:0 }
	.home-right .col { margin-top:15px; }
}
/*==========================================================================================================*/
/* 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; }
}
/*==========================================================================================================*/
/* 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;}
}