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

/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	body { min-width:320px; }
	img{ max-width: 100%;  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; }
	.cols2.default-grid.tab-grid .col { width:100%; }
	.pricing-detail .cols{grid-template-columns: repeat(1,1fr);gap:10px}
	.image-block figure { width:45%; }
	#mainmenu ul li {margin-left: 24px;}
	.slider-data h2 {font-size: 25px;}
	.slider-data .slider-right {  padding-left: 30px;}
	.gray-box .col figure { margin-top: 0;}
	.gray-box {padding: 40px;}
	.title {text-align: center}
	.about-data-box {  padding-top: 50px;}
	.home-category > .cols > .col {width: 100%}
	.testimonials-graybox {width: 100%}
} 

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	
	#mainmenu ul { display:none; position:absolute; left:0; width:100%; top:100%; background:rgba(5,18,34,0.80); z-index:5; }
	#mainmenu ul li { float:none; margin:0; padding:0; border-bottom:solid 1px #616176; }
	#mainmenu ul li a { padding:8px 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; text-decoration:none; 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; 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); }
	.slider-data {padding: 10px 0 60px}
	.slider-data .slider-left, .slider-data .slider-right {width: 100%;}
	.slider-data .slider-right { padding: 0; text-align: center; margin-top: 35px;}
	
	.default-grid.cols3 .col { width:50%; }
	.default-grid.cols3 .col:nth-child(3) { clear:left; }
	.about-data-box .cols .col:last-child{order: 1}
	.about-data-box .cols .col:first-child{order: 2}
	.title h3 {font-size: 70px; line-height: initial;}
	.home-category .title h3 {font-size: 60px; line-height: initial;}
	.testimonials-graybox {padding: 10px;}
	.testimonials-graybox figure {margin-top: 0}
	.center-title h3 {  font-size: 30px; margin-bottom: 20px;}
	.footer-colm .contact-left, .footer-colm .contact-right {width: 100%;}
	.same-padd, .footer-colm .contact-right.same-padd { padding: 20px;}
	.copyright {  float: none; margin: 0; width: 100%;  text-align: center;}
	.fmenu {  float: none;  margin: 15px 0 0; width: 100%; text-align: center}
	.fmenu li {float: none; display: inline-block; margin: 0 5px}
	.gray-box {  padding: 20px;}
	#mainmenu {  margin: 36px 0 0;}
	.category-pic a h6 {position: relative; margin: 0; background: rgba(28, 27, 31, 1); font-size: 18px; padding: 10px}
	.category-pic a h6 span {position: relative; top: 0}
	.home-slider-box .owl-dots .owl-dot { display: inline-block;  margin: 0 5px;}
	.home-slider-box .owl-dots {  top: 98%; transform: translateY(-50%); left: 0; right: 0;  text-align: center;}
	.category-images-box img {width: 48%; }
	.thumbnail_wrap_ {column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;}
	.sortLink { display: block;  margin-bottom: 10px !important;}
	div#n2-ss-5 .n2-font-73ce49244e55c66400bb3483c234eb6a-paragraph{display: none;}
	div#n2-ss-5 .n2-style-5db3eb698375544404f3cdafad9da567-heading{display: none;}
	div#n2-ss-5 .n2-style-4ce51e0c3b172c6fe9a3f9507c5ca2d6-heading{display: none;}
	.n2-ss-slider .n2-ss-layer{margin-bottom:10px;}
	div#n2-ss-5 .n2-ss-slider-1 { height: 100vh !important  }
	div#n2-ss-5 .n2-ss-slide { bottom: 0 ; height: 100vh !important; }
	.n2-ss-slider .n2-ss-layers-container { height: 100vh !important; margin: 0 !important   }
	.n2-ss-slider .n2-ss-slider-1 .n2-ss-layer-content {  min-height: 90%;}
	div#n2-ss-5 .nextend-arrow { display: none;  }
	.pricing-detail .col {  width: 100%;  padding: 10px;}

	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{width: 100% !important;}
	
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	.cols{margin-left: 0; margin-right: 0;}
	.cols .col { padding-left: 0;  padding-right: 0;}
	
	.default-grid.cols3 .col, .default-grid.cols2 .col, .default-grid.cols4 .col { width:100%; margin-bottom: 15px;  }
	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; }
	.category-images-box img {margin: 0 0 20px; width: 100%;}
	.thumbnail_wrap_ {column-count: 1; -moz-column-count: 1; -webkit-column-count: 1;}
}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {
	h1, h2 { font-size:30px; }
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	
	#logo { width:150px; }
		
} 
/*==========================================================================================================*/
/* 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;}
}