/* @Note and Copyright: The code in this file or all the project is licenced only to "www.sprixoent.com" to use on 1 site. 
 * Copying or redistribution of any part of the code from this project is Haram and Stricly Prohibited unless extra license purchased from Ideal for IT ( idl4.com , amir.idl4@gmail.com ) 
 * */
/*
 *	@author Muhammad
 *  @copyright IDEAL FOR IT FZE  ( idl4.com , amir.idl4@gmail.com)
 *  
 
*/

@media (min-width: 768px) {
.sticky .header {
	background:url("../images/bg-black.png");
  top:0;
  position: fixed;
  z-index:99999;
  border-bottom:1px solid #222;
}

.sticky .header .logo img{
	width:250px;
}

}
@media screen and (max-width:320px) {
	
	.why_widget{
	       width: 100%!important;
}
.categories_carousal .category{
		width:220px;
	}


.title a{
	padding-top:12px;
}

	 /** Cart Form **/

	#cart .cart-row div {
		height: 70px!important;
	}
		#cart .cart-thumb img {
		height: 65px!important;
	}
	.cart-title{
		line-height: normal!important;
	}
	
	#cart .cart-thumb{width: 29.1%;}
	 .cart-title {
		width: 31.3%;
	}
	 .artno {
		display: none!important;
	}
	 .buttons {
		width: 35%!important;
	}
  	.zoomWindow{
	 	display: none!important;
	 }
	 .zoomPup{
	 	display: none!important;
	 }
	 .zoomPad{
		margin-left:0px;
	}


}


@media (min-width: 320px) and (max-width: 767px) {
	
	

	/** Product Detail  Page **/
		
	.zoomPad{
		margin-left:20px;
	}
	
	.zoomPad img{
		width:400px!important;
	}
	.zoomWrapper{
		width:300px!important;
	}
	 .zoomWindow{
	 	left:85%!important;
	 }
	 
}
@media (min-width: 320px) and (max-width: 459px) {
	.why_widget{
	       width: 50%!important;
}
	.categories_carousal .category{
		width:220px;
	}


	 .zoomWindow{
	 	display: none!important;
	 }
	 .zoomPup{
	 	display: none!important;
	 }
	 .zoomPad{
		margin-left:0px;
	}

	 /** Cart Form **/
	
	#cart .cart-row div {
		height: 90px!important;
	}
		#cart .cart-thumb img {
		height: 85px!important;
	}
	
	#cart .cart-thumb{width: 29.1%;}
	 .cart-title {
		width: 32.3%!important;
	}
	 .artno {
		display: none!important;
	}
	 .buttons {
		width: 35%!important;
	}
  
}


@media (min-width: 460px) and (max-width: 721px) {

	 /** Cart Form **/
	
	#cart .cart-row div {
		height: 90px!Important;
	}
		#cart .cart-thumb img {
		height: 90px!Important;
		width: 90px!important;
	}
	
	#cart .cart-thumb{width: 20%;}
	 .cart-title {
		width: 42.6%!important;
	}
	  .artno {
		display: none!important;
	}
	 .buttons {
		width:35%!important;
	}
	
 	 .zoomWindow{
	 	display: none!important;
	 }
	 .zoomPup{
	 	display: none!important;
	 }
	 .zoomPad{
		margin-left:50px;
	}
	
	.zoomPad img{
		width:460px!important;
	}	
	
		
}
@media (max-width: 640px) {
	
	
	
}
@media (max-width: 767px) {
	.why_widget{
	       width: 33%;
	    margin:10px 0px;
}
	.topnav{
		padding-left:20px;
	}
	.contact_form ul{
		padding:0px 20px;
	}
	body {
    	padding:0px!important;
	}
	.products {
		padding:0px 20px;
	
	}
	.logo{
		text-align: center;
	}

	.res-cata-btn{
		float:none;
		border-radius: 0px;
	}
	.categories{
		padding:10px 0px;
		height:auto;
	}
	.counter{
		    right: -4px;
	}
	.header-top .span8{
		min-height:auto;
	}
	.slogan{
		line-height: normal;
		margin:12px 20px;
	}
	
	.header{
		position: relative;
	}
	.header_section {
    background: url(../images/header_bg.jpg) repeat top center #02101d!important;
	}
	.res_menu ul li a{
		padding:5px 10px;	
	}
.search_box{
	margin-right:20px;
	float:right;
}
.h_widgets{
	float:none;
	border-top:1px solid #f34949;
}
.right-side:after{
	left:0px;
	width:0px;
}
.cart{
	margin-left:20px;
	padding:10px 0px;
	border:none;
}
	
	.res-cata-btn{
		margin:0px;
	}
	
	
	.category{
		width:40%;
	}


	.btn-featured-mygallery-left{
		left:80%!important;
	}
	.btn-featured-mygallery-right{
		left:85%!important;
	}
	.btn-featured-mygallerycategory-right{
		left:85%!important;
	}
	.btn-featured-mygallerycategory-left{
		left:80%!important;
	}
	.about_section{
		padding:30px 0px;
	}
	.about{
		padding:0px 20px 20px;
	}
 .page, .pagination-container{
 	padding:0px 10px;
 }
 .pagination{
 	margin-right: 0px!important;
 }
.main_container .titlehead{
	margin:0px 10px;
}
.breadcrumb_section ul{
		padding:0px 20px;
	}
.breadcrumb_section .titlehead{
		padding:0px 20px;
	}
	ul#thumblist{
		margin-top:10px;
	}
	ul#thumblist li{
		float:left;
		margin:5px 5px 5px 0px;
	}
	
	 /** Cart Form **/
  
	
	#cart .cart-row div {
		height: 120px;
	}
		#cart .cart-thumb img {
		height: 120px;
	}
	
	 .cart-title {
		width:37.3%;
	}
	
	.artno {
		width:23.1%;
	}
	 .buttons {
		width: 25%;
	}

	.widget{
		padding:10px 20px;
	}
	.social_nav{
		padding:10px 20px 0px 20px;
		text-align: center;
	}
	.contact_form .titlehead h1{
		margin-left:20px;
	}
	.copyright{
	padding:0px 20px;
	text-align: center;
	}
	.c_widget{
		width:100%;
		padding:20px 0px;
		height: auto;
	}
	.c_detail {
	    width: 75%;
	    padding-right:10px;
	}
	.c_icon{
		margin-left:20px;
		width: 15%;
	}
	.h_widget{
		width:100%;
		padding:20px 0px;
		height: auto;
	}
	.h_detail {
	    width: 75%;
	    padding-right:10px;
	}
	.h_numb{
		margin-left:20px;
		width: 15%;
	}
	.contact_section{
		position: relative;
		top:0px;
	}
	.category_sec{
		margin:0px;
		padding:0px;
	}
	

}



@media (min-width: 768px) and (max-width: 979px) {
	
	

	.category{
		width:29%;
	}
.why_widget{
	width:209px;
}
	.btn-featured-mygallery-left{
		left:92%!important;
	}
	.btn-featured-mygallery-right{
		left:95%!important;
	}
	.btn-featured-mygallerycategory-right{
		left:95%!important;
	}
	.btn-featured-mygallerycategory-left{
		left:92%!important;
	}
  	/** Product Page **/
  	.m_c_title img{
  		margin:0px;
  	}
  	.m_c_title{
  		padding:8px 5px;
  	}
  	.zoomWrapper{
  		width:250px!important;
  	}
  	.zoomWrapperImage{
  		height:250px!Important;
  	}
  	
   /** Cart Form **/
  
	#cart .cart-thumb{
		width: 140px;
	}
	#cart .cart-row div{
		height: 120px;
	}
	#cart .cart-thumb img{
		height: 110px;
	}
	.cart-title {
		width: 33%;
		font-size:12px;
	}
	 .artno {
		width:18%;
		font-size:12px;
	}
	 .buttons {
		width: 28%;
	}
	
	.inquiry-form-page{
		padding:10px!important;
	}
	.inquiry_form li{
		line-height: normal!important;
	}
	  .inquiry_form .form_label{
	  	margin:6px 0px!important;
	  }
	  .inquiry_form input[type="text"],.inquiry_form textarea{
	  	width:282px;
	  }
	  .inquiry_form select{
	  	width: 296px;
	  }
	  .c_widget{
		width:30.5%;
		padding:10px;
		height: 90px;
	}
	.c_detail {
	    width: 136px;
	}
	.h_widget{
		width:47%;
		padding:10px;
		height: 120px;
	}
	.h_detail {
	    width: 260px;
	}
	.address{
		font-size:12px;
	}
	
}


@media (min-width:980px) and (max-width: 1199px)  {


	.btn-featured-mygallery-left{
		left:92%!important;
	}
	.btn-featured-mygallery-right{
		left:95%!important;
	}

	.btn-featured-mygallerycategory-right{
		left:95%!important;
	}
	.btn-featured-mygallerycategory-left{
		left:92%!important;
	}

	.header_section .span5{
		width:30%;
	}
	.header_section .span7{
		width:67.446809%;
	}


	.category{
		width:30%;
	}

	.c_widget{
		width:29%;
	}
	.c_detail {
	    width: 206px;
	}
	.h_widget{
		width:29%;
		height:150px;
	}
	.h_detail {
	    width: 206px;
	}
	.address{
		font-size:12px;
	}
}
@media (max-width: 554px)  {
	.inquiry_form .captcha_inputs{
		margin:0px!important;
	}
}

@media (max-width: 370px)  {
	.h_widget{
		width:100%;
		padding:10px 0px;
		height: auto;
	}
	.h_detail {
	    width: 67%;
	    padding-right:10px;
	}
	.h_numb{
		margin-left:10px;
		width: 22%;
	}
	.logo img{
		width:220px;
	}
	
	.inquiry_form li{
		line-height: normal;
	}
	.inquiry_form input[type="text"]{
		width: 160px;
	}
	.inquiry_form select{
		width: 174px;
	}
	.inquiry_form textarea{
		width: 160px;
	}
	.inquiry_form li:last-child .form_label{
		display: none;
	}

	.featured .titlehead{
		width: 88%;
		margin:0px 10px;
	}
	.titlehead h1{
		font-size:16px;
	}

	.btn-featured-mygallery-left{
		left: 77%!important;
	}

	.btn-featured-mygallerycategory-left{
		left:77%!important;
	}
	#Add{
		margin-top:10px!important;
	}
	.category{
		width:90%;
	}

}