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

}

@media only screen and (min-width: 321px)
and (max-width: 480px){

}

@media only screen and (min-width: 481px)
and (max-width: 768px){
	.blogs .item{height:470px;}
	.blogs .item .gradient{	height:370px;}
	.blogs .item h4{font-size:1.6em; bottom:105px;}
	.iv-column li{width:70%; height:340px;}

}

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

}

@media only screen and (min-width: 321px)
and (max-width: 768px){


}


@media only screen and (min-width: 481px){
	.iv-column li{padding:0 10px;}
	.footer >ul{
		flex-direction: row;
		flex-flow: wrap;
	}
	.footer >ul >li{
		max-width: 50%; width:100%;
	}
	.footer >ul >li#google-map{max-width:100%;}
	.three-btns a{margin:5px;}
	.prod-detail .item{height:420px;}
	.prod-detail .table-li{height:320px;}
	.order{
		height:50px; line-height: 50px;
		font-size:1.5em;
		background: url(../images/d-cart-empty.png)
			no-repeat 100% 65%;
		background-color: #9C00FF;
	}
	.order-add{
		background-image: url(../images/d-cart-full.png) ;
	}
	.about-cover, .about-cover img{
		max-width:550px;width: 100%; height:370px;
	}
	.about-mid-image{
		width: 100%; max-width:550px; height:370px;
	}
	#contact-map{
		display:block;
		width:100%; height:420px;
		background: url(../images/big-map.jpg)
			no-repeat 80% center;
	}
	.contact .button{width:30%; }
	.m-cart-item {height:472px;margin-bottom:40px;}
	.m-cart-item .gradient{height:370px;}
	.m-cart-dtl span{width:300px;}
	.m-cart-dtl span input{width:170px}
	.pay .m-sum{
		height:70px;
		flex-direction: row;
	}
	.pay .m-sum li{width:50%;}
	.pay .m-sum li:first-child{width:40%;}
	.pay .m-sum li:last-child{
		line-height:1.5em;
	}
	.news .img-holder{
		max-width:550px; width:100%; height:370px;
		margin: 60px auto 30px auto;
	}
	.news .b-social{
		width: 320px; height: 50px;
		flex-direction: row;
	}
	.news .b-social ul{margin-right:20px;}
	#m-empty-cart{font-size: 3em;}

}

@media only screen and (min-width: 769px){
	.blogs{min-height:500px;}
	.iv-column ul{
		flex-direction: row;
		flex-flow: wrap;
	}
	.buy-btns{
		display:flex;
		flex-direction: row;
		height:70px;
	}
	.buy-btns li input, .buy-btns li a{
		width: 230px; height: 60px;
	}
	.buy-btns li:last-child{height:60px; }
	.buy-btns .cancel{
		font-size: 1.3em;
		line-height:2.8em;
		background-position: 90% 45%;
	}
	.cmt-wrap{flex-direction: row;}
	.comments{
		width:70%;
		border-left: 1px solid #7B19BA;
		padding: 10px;
	}
	.smlr-blogs{
		display: block;
	}

}

@media only screen and (max-width: 1024px) {
	.sell-btn{display: none}
	.no-admin-mobile{display: block;}
	.admin-pages{display: none;}
	.olist input[type="submit"]{height:28px;}
}

@media only screen and (min-width:1025px) {
	nav{height:75px;}
	.m-menu{display:none}
	nav .logo{
		width: 130px; height: 30px;
		top:27px;
		background: url('../images/d-chelci-logo.png')
		no-repeat center;
	}
	nav .items >li{width: 75px;}
	nav .items #home{
		background: url('../images/d-home.png')
		no-repeat center;
	}
	nav .items #cart{
		background: url('../images/d-cart-empty.png')
		no-repeat center;
	}
	.items li.cart-full{
	 background: url('../images/d-cart-full.png')
	 no-repeat center !important;
	 background-color: rgba(0, 255, 10, 1)!important;
	}
	nav .d-menu{
		width:720px; display: flex;
		float: right;
	}
	nav .d-menu li{width:110px;}
	nav .d-menu li a{
		text-align: center;
		padding-top: 30%;
		font-size:1.1em; color: #fff;
	}
	.selected-menu,
	nav .d-menu >li:hover,
	nav .items #home:hover,
	nav .items #cart:hover{
		height:82px !important;
		background-color: rgba(156,0,255,0.9) !important;
	}
	nav .d-menu #d-prods:hover .d-submenu{
		height: 200px; opacity: 0.9;
	}
	nav .d-menu #d-prods:hover {
		height: 75px !important;
	}
	nav .d-submenu{
		position:absolute; top: 75px;
		width: 180px; height:0px;
		opacity: 0; overflow: hidden;
	}
	nav .d-submenu li:hover{
		background-color: rgba(156,0,255,1);
	}
	nav .d-submenu li{
		height: 50px; width: inherit;
		background-color: rgba(156,0,255,0.8);
		border-bottom:1px solid rgba(0,0,0,0.05);
	}
	nav .d-submenu li a{
		padding:0; line-height:50px;
	}
	.slider a{top:90%;}
	.footer >ul{flex-flow: nowrap;}
	.footer >ul >li{
		max-width: 25%; width:100%;
	}
	.footer >ul >li:first-child{max-width:18%;}
	.footer >ul >li:nth-child(2){margin-left:3%;}
	.footer >ul >li#google-map{max-width:70%;}
	.footer #google-map{margin-left:20px}
	.wrapper{	padding:80px 0 20px 0;}
	.prod-big{
		display: block;
		max-width:1200px; width:100%;  height:600px;
		position: relative;
	}
	.prod-detail{
		flex-direction: row-reverse;
		margin:20px auto;
	}
	.prod-detail .item{ max-width:50%;}
	.prod-detail .item img{
		width: 97%; margin-left:20px; height:370px;
		border: 1px solid rgba(156,0,255,0.5);
	}
	.prod-detail .item{height:370px;}
	.order, .m-p-table{display:none}
	.table-li .order{display: block;}
	.table-li{padding-right: 30px;}
	.d-p-table{
		display: flex; flex-direction:row;
		width: 370px; height: 200px;
		border: 2px solid #d7baea;
	}
	.d-p-table li{
		width:65%; height:100%;
		font-size: 0.9em;
		overflow: hidden;
	}
	.d-p-table >li:first-child{
		width: 35%;
		border-left: 2px solid #d7baea;
	}
	.d-p-table ul li{
		width: auto; height:40px; line-height: 40px;
		border-bottom: 2px solid #d7baea;
		color: #9C00FF; padding: 0 20px;
		margin:0;
	}
	.d-p-table li.n2{background-color: #f3e0ff; }
	.d-p-table li.n3{text-align: left;}
	.d-p-table li:last-child{border:none}
	.sell-btn{
		width:370px; height: 120px;
		position: relative; top:40px;

	}
	.sell-btn .order{width:100%; top:0px;}
	.sell-btn div {
		position: absolute; bottom: 0;
		width: 100%; height:50px;
		display: flex; flex-direction: row;
	}
	.sell-btn div a{
		width: 50%; height: 100%;
	}
	.sell-btn div a:first-child{
		background: url(../images/cancel-cart.png)
			no-repeat center;
		background-color: #e10d0d;
	}
	.sell-btn div a:last-child{
		background: url(../images/add-cart.png)
			no-repeat center;
		background-color: #49da32;
	}
	.sell-btn div a:first-child:hover{
		background-color: #ff0018;
		-webkit-filter:  blur(1px);
		-moz-filter: blur(1px);
		-ms-filter:  blur(1px);
		filter:  blur(1px);
	}
	.sell-btn div a:last-child:hover{
		background-color: #23ff00;
	}
	.about-cover, .about-cover img{
		max-width:1200px;width: 100%; height:600px;
	}
	#about-logo, .about-title-m{display:none;}
	.about-title-d{display:block}
	.about-mid-image{
		float: left; margin: 30px;
	}
	.about-mid-tb-in-dsk{display:inline;}
	.certification{
		display: block;
		width:100%; height: 210px;
		max-width: 1050px; margin:auto;
	}
	.certification ul{
		display: flex;
		flex-direction: row;
	}
	.certification ul li{
		width: 140px; height:210px;
		margin:0 5px;
		background-size: 100% !important;
	}
	.certification ul li:hover{
		transform: scale(1.1);
		transition: all 0.7s ease;
	}
	.certification #n01{
		background: url(../images/certification/certifications-chelci-shatoo-01.jpg)
			no-repeat center;
	}
	.certification #n02{
		background: url(../images/certification/certifications-chelci-shatoo-02.jpg)
			no-repeat center;
	}
	.certification #n03{
		background: url(../images/certification/certifications-chelci-shatoo-03.jpg)
			no-repeat center;
	}
	.certification #n04{
		background: url(../images/certification/certifications-chelci-shatoo-04.jpg)
			no-repeat center;
	}
	.certification #n05{
		background: url(../images/certification/certifications-chelci-shatoo-05.jpg)
			no-repeat center;
	}
	.certification #n06{
		background: url(../images/certification/certifications-chelci-shatoo-06.jpg)
			no-repeat center;
	}
	.certification #n07{
		background: url(../images/certification/certifications-chelci-shatoo-07.jpg)
			no-repeat center;
	}
	.quality-mid{float: right;}
	.address-m{display:none}
	.address-d{
		display:block;padding:40px 20px;
	}
	.address-d ul{
		display:flex;
		flex-direction: row;
	}
	.address-d ul li{
		width:25%; height:40px;
	}
	.address-d ul li span.ltr{
		float:left;direction: ltr;
		padding-left:30%;
	}
	.address .social-gen{
		float: left;
		flex-direction: row-reverse
	}
	.item img.cart-item-img{display:none}
	.m-cart-item{display:none}
	.cart-table{display:block;}
	.buy-btns li input, .buy-btns li a{
		width: 300px; height: 60px;
	}
	.blogs .blog{
		width:100% !important; height:450px !important;
		background: none; margin-top: 30px !important;
		position: relative !important;
	}
	.blogs .blog >ul{
		display: flex;
		flex-direction: row-reverse;
		width: inherit; height:inherit;
		position:absolute;
	}
	.blogs .blog >ul >li{
		width: 50%; height:inherit;
		position: relative;
		padding: 0px 10px 0 30px;
	}
	.blogs .blog >ul >li:first-child{
		width:550px; padding:0;
	}
	.blogs .blog img{
		width:550px !important; height:370px;
		border-radius:2px;
	}
	.blogs .item:hover img{
		-webkit-filter:
		brightness(100%) saturate(100%);
		-moz-filter:
		brightness(100%) saturate(100%);
		-ms-filter:
		brightness(100%) saturate(100%) ;
		filter: brightness(100%) saturate(100%);
	}
	.blogs .blog h3{
		color: #7B19BA;
	}
	.blogs .blog .brief-text{
		width:100%; height:190px; color:#383838;
		position: relative; right:0;
		text-align: justify;
		overflow: hidden;
	}
	.blogs .blog >ul li .button{
		left: 30px; top: 240px;
	}
	.blogs .blog .share{
		width:100%;	height: 42px;
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: wrap;
		position: absolute;
		bottom: 105px;
	}
	.blogs .blog .share li{
		max-width: 90px; height:42px;
		margin:0 auto;
	}
	.blogs .blog .share li:nth-child(2){
		margin-left:60px;
		margin-right:0px;
	}
	.blogs .blog .share li:nth-child(3){
		margin-left:0px;
	}
	.blogs .blog .b-social{
		width:160px;
		overflow: hidden;
		position: absolute;
		bottom: 40px;
		right:36%;
	}
	.blogs .blog div.b-social ul{
		margin:0; width:100%;
	}
	.blogs .blog div.b-social li{
		width:42px !important;
	}
	.blogs .blog div.b-social li a{
		top:0; left:0;
	}
	.blog hr{
		width:100%;
		border-bottom: 1px solid #7B19BA;
		position: absolute; bottom:10px;
	}
	.news .img-holder{
		margin: 20px;
		display: inline-block;
		float: left;
	}
	.news .share{
		margin: 30px auto 20px 15%;;
	}
	.news .b-social{margin: -60px 15% 20px auto;}
	#m-empty-cart{display: none !important}
	.in-con .preview{
	  max-width: 390px;
	  height: 210px;
	}
	.ag-mob{display: none;}
	.agents-map{display: none;}
	.ag-reg{display: block; margin-top:70px;}
	.signin{display: block;}
}

@media only screen and (min-width:1200px) {
	.new-prods ul{
		display:block;height:400px;
		position: relative;
	}
	.new-prods li{position: absolute;margin:0;}
	.new-prods li#n01{top:0; right:0;}
	.new-prods li#n02{
		top:0; right:300px; height:400px;
	}
	.new-prods li#n02 img.ver-md{display: none;}
	.new-prods li#n02 img.ver-t{
		display: block; height:100%;
		right: -40%;
	}
	.new-prods li#n03{top:0; right:600px;}
	.new-prods li#n04{top:0; right:900px;}
	.new-prods li#n05{top:200px; right:0;}
	.new-prods li#n06{
		top:200px; right:600px; width:600px;
	}
	.new-prods li#n06 img.ver-md{display: none;}
	.new-prods li#n06 img.ver-t{
		display: block; width:100%; top:-40%;
	}
	.blogs{min-height:600px;}
	.blogs .more{display:block;}
	.blogs .d-top-blog-list{
		height:500px;  width: 780px;
		position: absolute; display:block;  left:0;
	}
	.blogs img.ver-md{display:none;}
	.blogs img.ver-d{display:block}
	.blogs .item{
		width:780px; height:500px; margin:0;
		position: absolute; left:0; top:0;
	}
	#new-blogs .item{opacity:0;}
	#new-blogs #n-blg1{opacity:1;}
	.blogs .gradient{
		height: 500px;
		/*background:
		linear-gradient( rgba(0,0,0,0) 70%, rgba(0,0,0,0.7));*/
	}
	.blogs .item img{width:120%; height:100%;}
	.blogs .item h4{font-size:2em; bottom:90px;}
	.blogs .item p{bottom: 70px;}
	.blogs .item a{bottom: 20px; left:20px;}
	.blogs .side{
		width:420px; height:500px; display: block;
		position:absolute; right:0; background: #261c33;
	}
	.blogs .side li{
		width:100%; height: 71.4px; display: block;
		background: url(../images/top-blog-arrow.png)
			no-repeat -20px center;
		color:#fff; cursor: pointer;
		line-height: 71.4px;
		padding-right:40px;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.blogs .side li:hover{
			background-color: #7b19ba !important;
	}
	.blogs .selected-blog{
			background-color: #7b19ba !important;
			background-position: left center !important;
	}
	.iv-column li{height:380px; padding:0 30px;}
	.footer #google-map{margin-left:0}
	.blogs .blog-list{width:100%;}
	.in-con .preview{
		max-width: 460px; height: 280px;
	}
	.prod-detail .item img{
		width: 550px;
	}

}

@media only screen and (min-width:1368px){
  .content{max-width: 100%;}
  .ad-items, .in-con{ width: 1050px; }
}