/* @Note and Copyright: The code in this file or all the project is licenced only to "www.hibabrothersintl.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:#133b76e6;
	  border-bottom:1px solid #133b76;
	  top:0;
	  position: fixed;
	  width:100%;
	  margin:0px;
	  z-index:99999;
}

.sticky .header_front{
	  background:#133b76e6;
	  border-bottom:1px solid #133b76;
	  top:0;
	  position: fixed;
	  width:100%;
	  margin:0px;
	  z-index:99999;
}
.sticky .menu li ul a{
	transition:none!important;
}
.sticky .top_nav{
	margin-top:60px;
}
.sticky .h_widgets{
	margin-top:60px;
}
.sticky .logo a img{
	width:220px;
	margin:10px 0px;
}
.sticky .menu li a{
	padding: 8px 15px;
}
.sticky .menu ul ul.inner_cats {
    top: 36px;
}

.sticky .menu .mega_menu{
	top: 39px;
}

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

	.pro_gall h2 {
    font-size: 12px!important;
    padding: 8px!important;
    line-height: normal!important;
	}
.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: 640px) {
		
	
	.pro_gall h2 {
    padding: 8px!important;
    line-height: normal!important;
	}
}
@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 (max-width: 459px) {
	
	.top_nav li a img{
	width: 34px;
	}
	.top_nav li a{
	    padding: 0px 3px;
	}
	.product-grid .pro-btns li a{
		height: 30px!important;
    width: 100px!important;
    line-height: 30px!important;
    font-size:11px!important;
    padding:0px 3px;
	}
	.pro_gallery_section{
		padding: 0px 20px;
	}
	
  .pro_gall a.pro_gall_btn{
 	 width: 30px;
    height: 30px;
    line-height: 29px;
  }
  .pro_gall h2{
  	margin-bottom:1px;
  }
  .pro_gall a.pro_gall_btn img{
  	    width: 16px;
  }
	.titlehead h1 {
        font-size: 20px!important;
    }
    .breadcrumb_section {
    padding: 40px 0px;
}
.newsletter_form input[type="text"] {
        width: 130px!important;
    }
        #showMore {
        padding: 10px 15px!important;
        font-size: 15px!important;
    }
    .readmore_btn a{
    	 padding: 6px 10px!important;
        font-size: 12px!important;
        border:2px solid #fff;
    }
	.pro_gall{
		width: 50%!important;
	}
	.production_tour .pro_gall{
	width: 46.20%!important;
}
  .featured_products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .featured_products .fthumb {
    flex: 0 0 calc(50% - 4%);  /* 50% minus left+right 2% margins */
    max-width: calc(50% - 4%);
    margin: 2%;
    box-sizing: border-box;
 
  }
.fthumb .pro-btns li a{
    width: 120px!important;
	}
	.fthumb .pro-btns li a{
		    font-size: 12px;
	}
}
@media (min-width: 320px) and (max-width: 459px) {
	
	 .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 (min-width: 480px) and (max-width: 600px) {


}
@media (max-width: 640px) {

.newsletter_form input[type="text"]{
	width:100%;
	margin-bottom:10px!important;
}
	.product-grid .pro-btns li a{
		height: 40px;
    width: 120px;
    line-height: 40px;
    font-size:12px;
	}

}
@media (min-width: 370px) and (max-width: 767px) {
	.slider-wrapper {
    position: relative;
    overflow: hidden;               /* crop */
  }

  /* Move the entire slider content up by 80px */
  .slider-wrapper #slider {
    position: absolute;
    top: -50px;                     /* crop from top */
    left: 0;
    right: 0;
    width: 100%;
  }

  /* Keep bullets inside the visible area */
  .slider-wrapper .nivo-controlNav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    padding: 0;
    margin: 0;
    z-index: 20;
  }
  
    .products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .products .product-grid {
    flex: 0 0 calc(33.33% - 2%);  /* 50% minus left+right 2% margins */
    max-width: calc(33.33% - 2%);
    margin: 1%;
    box-sizing: border-box;
 
  }
	
}
@media (max-width: 767px) {
	 
    .work_section img {
        width: 90%;
    }
    .s_detail{
    	padding:0px 20px;	
    }
		.fthumb .pro-btns li a{
		line-height: 30px;
    height: 30px;
    width: 130px;
	}
  
	.header_front{
		position: relative;
		background:url("../images/header_bg.jpg") no-repeat top center #14468f;
	}
	.logo a img{
		   width: 310px;
		   margin:10px 0 5px;
	}
	
	.top_nav{
		margin:0px;
		float:left;
		margin-bottom:20px;
		margin-left:20px;
	}
	.h_widgets{
		margin:0px;
		margin-bottom:20px;
		margin-right:20px;
	}
	body {
    	padding:0px!important;
	}
		.pro_gall{
		width: 33.33%;
	}
	.production_tour .pro_gall{
	width: 31%;
}
.header_top .h_widgets {
    float: none;
    text-align: center;
    display: table!important;
    margin: 7px auto 0px;
}
	.featured_cats {
    padding: 20px 0px 30px;
}

.category{
	height: 400px;
}
.category {
    float: none;
}
.cate-caption{
	bottom: 30px;
}
.featured_products {
	margin-top:10px;
	display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.fthumb .overlay{
	    height: 100%;
	}
    .fthumb {
         margin: 2%;
        float: none;
        width: 28%;
        height: auto;
        padding-bottom: 5px;
    }
.fthumb img{
	height: auto;
	max-width:100%; 
}
.ftitle{
	line-height: normal;
}
	.s_section .s_widget{
		height:auto;
	}
.titlehead h1{
	font-size: 24px;
}
.social_nav{
	margin:0px;
}
.newsletter_section {
    padding: 30px 0px;
}
.newsletter_form input[type="text"]{
	width: 170px;
}
.newsletter_form .butn{
	    width: 80px;
}
.title_cat_img{
	display: none;
}
.product-page{
	margin:0px;
}
	.products {
		padding:0px 20px;
	}

.product-page{
	margin:0px;
}
	.products {
		padding:0px 20px;
	}
.nav li a{
	padding: 5px;
}
.nav ul {
    display: block;
    margin: 0px 20px;
}

.c_p_tabcontents{
	padding:30px 20px;
	    width: 80%;
    margin: 0px auto;
}

	.c_btns{
		top: 40%;
	}
	.cata_arrow{
		    top: 43%;
	}
	
	.main_menu{
	background:#212226;
	}
	

	.c_widget{
		margin-bottom:20px;
	}
.contact_form .titlehead .text-red{
	font-size:30px;
}
.contact_form .titlehead h1{
	font-size:30px;
	margin:0px;
	margin-bottom:20px;
}

.contact_form form {
    margin: 20px;
}
	.categories{
		padding:10px 0px;
		height:auto;
	}
	

	.header{
		position: relative;
	}

	.res_menu ul li a{
		padding:5px 10px;	
	}

	

	#showMore{
		padding: 10px 60px;
	}

 .page, .pagination-container{
 	padding:0px 10px;
 }
 .pagination{
 	margin-right: 0px!important;
 }
.main_container .titlehead{
	margin:0px 10px;
	
}
.subcat_title .span4{
		display: none!important;
	}
	.product-grid {
        height: auto;
    }
    .product-grid .product-image{
    	height: auto;
    	line-height: 100%;
    }
    .product-grid .overlay{
    	 height: 100%;
    }
.breadcrumb_section ul{
		padding:0px 20px;
	}
.breadcrumb_section .titlehead{
		padding:0px 20px;
		margin:0px;
	}
	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;
	}
	
	.copyright{
	padding:0px 20px;
	text-align: center;
	}
.pro_gallery_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .pro_gallery_section .pro_gall  {
    flex: 0 0 calc(50% - 20px);  /* 50% minus left+right 2% margins */
    max-width: calc(50% - 20px);
    box-sizing: border-box;
 
  }
  
  .production_tour  {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:0;
  }

  .production_tour  .pro_gall  {
    flex: 0 0 calc(50% - 20px);  /* 50% minus left+right 2% margins */
    max-width: calc(50% - 20px);
    box-sizing: border-box;
    margin:10px;
 
  }
  
}


@media (min-width: 768px) and (max-width: 979px) {
	   .sticky .top_nav {
        margin-top: 55px;
    }
    .top_nav {
    margin-top: 65px;
}
.h_widgets {
    margin-top: 70px;
}
	.header_front{
		position: relative;
		background:url("../images/header_bg.jpg") no-repeat top center #14468f;
	}
		.production_tour .pro_gall{
		width: 31.42%;
	}
.slider-wrapper {
    position: relative;
    overflow: hidden;               /* crop */
  }

  /* Move the entire slider content up by 80px */
  .slider-wrapper #slider {
    position: absolute;
    top: -80px;                     /* crop from top */
    left: 0;
    right: 0;
    width: 100%;
  }

  /* Keep bullets inside the visible area */
  .slider-wrapper .nivo-controlNav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    padding: 0;
    margin: 0;
    z-index: 20;
  }
  
.pro_gall h2{
	    font-size: 12px;
}
.pro_gall a.pro_gall_btn{
	width: 32px;
    height: 32px;
    line-height: 31px;
}
.fthumb .pro-btns li a{
		line-height: 30px;
    height: 30px;
    width: 120px;
    font-size:12px;
	}
.fthumb .overlay{
	    height: 156px;
	}
	.ftitle {
        padding: 0px 2px;
    }
.fthumb{
	width: 130px;
    height: 154px;
}
.fthumb img {
    height: 110px;
}
.ftitle{
	font-size:12px;
}
.featured_cats {
    padding: 30px 0px 15px;
}

.product-grid{
	width: 245px;
}
.related .product-grid{
	width:217px;
}
.product-page {
    margin-top: 10px;
}
  .products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .products .product-grid {
    flex: 0 0 calc(33.33% - 2%);  /* 50% minus left+right 2% margins */
    max-width: calc(33.33% - 2%);
    margin: 1%;
    box-sizing: border-box;
 
  }
	
	.category{
		height: 338px;
	}
	.cate-caption a.cate-title{
		font-size: 18px;
	}
	.cate-caption{
	bottom: 18px;
	}
	.cate-caption a.cate-btn{
		font-size: 13px;
	}
.nav li a{
	padding: 5px;
}



ul#thumblist li a{
		width:60px!important;
	}
	ul#thumblist li a img{
	height:60px!important;
	}
	.hovereffect a.border{
	width: 80%;
    height: 175px;
	}
	.social_nav a{
	    margin-right: 1px;
	}
	.q_contact{
		margin:0px 2px;
	}
	.cart{
		margin-left:4px;
	}
.cata_arrow{
	    top: 44%;
}

.newsletter_form form{
	    width: 60%!important;
}
.newsletter_form .butn{
	width: 128px;
}
	.newsletter_form input[type="text"]{
		    width: 61%;
	}
.widget .title{
	font-size: 14px;
	margin-bottom: 15px;
}
.footer_nav li a{
	font-size: 12px;
}
	.titlehead h1{
		font-size: 24px;
	}
	.newsletter_section{
		padding: 30px 0px;
	}

	.c_p_tabcontents {
    width: 90%;
}
  	/** 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;
	  }

.contact_form .titlehead h1{
	font-size:24px;
}
.contact_form .titlehead .text-red{
	font-size:45px;
}
}


@media (min-width:980px) and (max-width: 1199px)  {
	.logo a img{
		    width: 220px;
		    margin: 8px 0px 4px;
	}
	.menu .mega_menu{
	    top: 30px!important;
	}
	    .sticky .menu .mega_menu {
        top: 30px;
    }
    .sticky .h_widgets{
	margin-top:55px;
}
    .sticky .top_nav{
	margin-top:50px;
}
	    .sticky .logo a img {
         margin: 8px 0px 4px;
    }
	.top_nav {
    margin-top: 50px;
}
.h_widgets {
    margin-top: 55px;
}
.menu li a{
	font-size: 14px;
	    padding: 4px 10px;
}
    .sticky .menu li a {
                padding: 4px 10px;
    }
	.menu ul ul.inner_cats li{
width: 235px;
}
.fthumb {
    width: 178px;
    height: 208px;
}
.fthumb img {
    max-width: none;
    height: 178px;
}
.fthumb .overlay{
	 height: 208px;
}

.category{
    height: 445px;
}
.widget .title{
	font-size: 18px;
}
	ul#thumblist li a{
		width:70px!important;
	}
	ul#thumblist li a img{
	height:70px!important;
	}
}

@media (max-width: 554px)  {
	.inquiry_form .captcha_inputs{
		margin:0px!important;
	}
}

@media (max-width: 370px)  {
	    .logo a img {
        width: 90%;
    }
	    .products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .products .product-grid {
    flex: 0 0 calc(50% - 2%);  /* 50% minus left+right 2% margins */
    max-width: calc(50% - 2%);
    margin: 1%;
    box-sizing: border-box;
 
  }
  .product-grid .pro-title {
    font-size: 12px;
  }
	.slider-wrapper {
    position: relative;
    overflow: hidden;               /* crop */
  }

  /* Move the entire slider content up by 80px */
  .slider-wrapper #slider {
    position: absolute;
    top: -25px;                     /* crop from top */
    left: 0;
    right: 0;
    width: 100%;
  }

  /* Keep bullets inside the visible area */
  .slider-wrapper .nivo-controlNav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    padding: 0;
    margin: 0;
    z-index: 20;
  }
.category {
        height: 300px;
    }
    .cate-caption a.cate-title{
    	    font-size: 18px;
    }
    	
	
    .ftitle {
    font-size: 10px;
}
.c_p_tabcontents {
    padding: 0;
    width: 80%;
    margin: 0px auto;
}
	.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;
	}


	.titlehead h1{
		font-size:24px;
	}

	#Add{
		margin-top:10px!important;
	}
		.c_btns {
    top: 28%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img{
	width:50px!important;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled{
	    margin-top: -35px!important;
}



}