/* @Note and Copyright: The code in this file or all the project is licenced only to "www.cardiacsportswear.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 .menu li ul a {
		transition: none !important;
	}
	.sticky .top_nav {
		margin-top: 36px;
	}
	.sticky .h_widgets {
		margin-top: 36px;
	}
	.sticky .logo a img {
		width: 200px;
        margin: 8px 0px;
	}
	.sticky .menu li a {
		padding: 8px 15px;
	}
	.sticky .menu ul ul.inner_cats {
		top: 36px;
	}
	.sticky .menu .mega_menu {
		top: 36px;
	}
}

@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 {
    font-size: 16px!important;
    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: 460px) {
	    .about-title h1 {
        font-size: 32px!important;
    }
    .main_container .titlehead h1, .main .titlehead h1 {
    font-size: 20px;
}
	.logo a img{
		width:75%;
	}
		.mcat{
		width:50%!important;
	}
	.mcat_title{
		font-size: 20px!important;
	}
	.mcat_title span{
		padding:6px 8px!important;
	}
	.mcat:hover .mcat_title{
	bottom: 17.5%;
}
	.mcat_btn span{
		font-size:13px!important;
		padding:3px 6px!important;
	} 
	
	#mygallery,#newmygallery{
		height: 195px;
	}
	.newstepcarousel .new-product,.stepcarousel .featured-product{
		    margin: 0px 5px!important;
	}
	.product-grid .pro-title{
		    font-size: 11px;
	}
	.proart{
		    font-size: 10px;
	}
	.product-grid{
	    width: 125px!important;
	    height: 190px!important;
	    margin: 2px 2px!important;
	}
	.product-grid .product-image{
		 height: 140px!important;
   		 line-height: 140px!important;
	}
	.product-grid .pro-btns li a{
	    height: 28px !important;
        width: 63px !important;
        line-height: 28px !important;
        font-size: 9px !important;
	}
	.product-grid .pro-btns img{
		    width: 12.5px!important;
	}
	.pro_gall{
		width: 50%!important;
		margin-bottom:10px!important;
	}
	.production_tour .pro_gall{
	width: 46.20%!important;
	margin:5px!important;
}
	
}
@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: auto !important;
		    padding: 3px;
	}
	#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 : 767px) {
	.logo a img{
		margin:10px 0px;
	}
	.banner_container {
		margin: 0px;
	}
	.pro_gall{
		width: 33.33%;
	}
	.production_tour .pro_gall{
	width: 31%;
}
	.page-contents{
		padding:0px 20px;
	}
	.res_menu ul.inner_sub_cat li a{
		padding: 0px 5px 5px 20px;
	}

	body {
		padding: 0px !important;
	}
.mcat{
	width:33.33%;
}
.mcat_title{
	font-size: 20px;
}
.mcat:hover .mcat_title {
    text-shadow: none;
    bottom: 18%;
}

	.categories{
		padding:10px 0px;
		height:auto;
	}
	.about_section{
		padding:40px 20px;
	}

.about-title{
	margin-top:20px;
}
.about-title h1{
	    font-size: 50px;
	    line-height: normal;
	    padding:0px;
}
	.btn-featured-newmygallery-left {
		left: 80% !important;
	}
	.btn-featured-newmygallery-right {
		left: 85% !important;
	}
	.btn-featured-mygallery-left {
		left: 80% !important;
	}
	.btn-featured-mygallery-right {
		left: 85% !important;
	}
	.short_contact {
		margin-top: 8px;
	}
	.short_contact .s_c_email {
		margin-left: 20px;
	}
	.short_contact .s_c_phone {
		margin-right: 20px;
	}
	.h_widgets {
		padding-right: 20px;
		margin-bottom: 10px;
		margin-top: 0px;
	}
	.c_icon {
		width: 40px;
	}
	.c_contact_info {
		float: none;
		width: auto;
	}
	.res-cata-btn {
		padding: 8px 20px;
	}
	.social_nav {
		margin: 0px;
	}
	.title_cat_img {
		display: none;
	}
	.product-page {
		margin: 0px;
	}
	.products {
		padding: 0px 20px;
	}
	.nav li a {
		padding: 5px;
	}
	.nav ul {
		display: block;
		margin: 0px 20px;
	}
	
	.c_p_content {
		padding: 0px 20px;
	}
	.c_p_tabcontents {
		padding: 30px 20px;
		width: 90%;
		margin: 0px auto;
	}
	.c_btns {
		top: 40%;
	}
	.cata_arrow {
		top: 43%;
	}
	.main_menu {
		background: #222222;
	}
	.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;
	}
	.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;
	}
	

	
	.products {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	#mygallery,#newmygallery{
		height: 265px;
	}
	.newstepcarousel .new-product,.stepcarousel .featured-product{
		    margin: 0px 5px!important;
	}
	.product-grid{
	    width: 173px;
	    height: 260px;
	    margin: 2px 2px;
	}
	.product-grid .product-image{
		 height: 200px;
   		 line-height: 200px;
	}
	.product-grid .pro-btns li a{
	    height: 35px;
		width: 87px;
		line-height: 35px;
		font-size: 12px;
	}
	.product-grid .pro-btns img{
		    width: 15px;
	}
	.newprducts_grid .product-grid{
	float:none;
	}
	.newprducts_grid{
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.newprducts_grid .product-grid{
	    margin:2px;
	}

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;
}

}

@media (max-width: 979px) {
	.mainmenu {
		background: #d5262a;
	}
}
@media ( min-width : 768px) and (max-width: 979px) {
	.production_tour .pro_gall{
		width: 31.42%;
	}
.pro_gall h2{
	    font-size: 12px;
}
.pro_gall a.pro_gall_btn{
	width: 32px;
    height: 32px;
    line-height: 31px;
}

	.about_section{
	padding: 40px 0px;
	}
.about-title h1{
	    font-size: 45px;
	    line-height: 45px;
	    padding-bottom:0px;
}
.about-desc{
	width:100%;
}
.mcat{
	width:33.33%;
}

.mcat:hover .mcat_title {
    text-shadow: none;
    bottom: 18%;
}
	.banner_container {
		margin-top: 177px;
	}
	.main_container .titlehead h1, .main .titlehead h1 {
		font-size: 22px;
	}
	ul.inner_sub_cat li a {
		font-size: 13px;
	}
	.h_widgets {
		margin-top: 36px;
	}
	.top_nav {
		margin-top: 36px;
	}
	.nav li a {
		padding: 5px;
	}
	.c_desc {
		font-size: 13px;
	}
	.btn-featured-mygallery-left {
		left: 92% !important;
	}
	.btn-featured-mygallery-right {
		left: 95% !important;
	}
	.btn-featured-newmygallery-left {
		left: 92% !important;
	}
	.btn-featured-newmygallery-right {
		left: 95% !important;
	}
	ul#thumblist li a {
		width: 50px !important;
	}
	ul#thumblist li a img {
		height: 50px !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%;
	}
	
	.widget .title {
		font-size: 14px;
		margin-bottom: 15px;
	}
	.footer_nav li a {
		font-size: 12px;
	}
	.titlehead h1 {
		font-size: 24px;
	}


	/** 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: 21%;
	}
	.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;
	}
	
	ul#prod-menu li a{
		font-size: 14px;
	}
	ul#prod-menu ul.inner_sub_cat li a{
		font-size: 12px!important;
	}
	
	#mygallery,#newmygallery{
		height: 265px;
	}
	.newstepcarousel .new-product,.stepcarousel .featured-product{
		    margin: 0px 5px!important;
	}
	.products .product-grid {
        width: 173px;
        height: 260px;
    }
        .products .product-grid .product-image {
        height: 210px;
        line-height: 210px;
    }
	.product-grid{
		width: 138px;
        height: 248px;
	}
	.product-grid .product-image{
		height:188px;
	    line-height: 188px;
	}
	.product-grid .pro-btns li a{
	    height: 35px;
		width: 87px;
		line-height: 35px;
		font-size: 12px;
	}
	.product-grid .pro-btns img{
		    width: 15px;
	}
	.newprducts_grid .product-grid {
    margin: 2px;
}

}
@media ( min-width :1199px) and (max-width: 1399px) {

}

@media ( min-width :980px) and (max-width: 1199px) {
	.stepcarousel{
		height: 280px!important;
	}
	#showMore{
		    padding: 8px 40px;
	}
	
	.product-grid{
		width: 164px;
    	height: 274px;
	}
	.product-grid .product-image{
		height: 214px;
	    line-height: 214px;
	}
	.product-grid .pro-btns li a{
	    height: 35px;
		width: 84px;
		line-height: 35px;
		font-size: 12px;
	}
	.product-grid .pro-btns img{
		    width: 15px;
	}
	
	.production_tour .pro_gall{
	width: 31.90%;
}
.pro_gall h2{
	    font-size: 14px;
}
.pro_gall a.pro_gall_btn{
	width: 32px;
    height: 32px;
    line-height: 31px;
}
    .sticky .h_widgets {
        margin-top: 36px;
    }
        .sticky .top_nav {
        margin-top: 36px;
    }
	
.mcat_title{
	font-size: 16px;
}
.mcat:hover .mcat_title{
	bottom: 19.5%;
}
.mcat_btn{
    font-size: 12px;
     bottom: 5%;
}
.mcat_btn span{
	padding: 3px 10px;
}

.mcat_title span{
	padding: 5px 8px;
}
.about-title h1 {
    font-size: 55px;
   }
	#cart .cart-thumb img{
		    width: 83px !important;
	}
	.menu ul ul.inner_cats li {
		width: 235px;
	}
	.menu li a{
		padding: 10px 5px;
	}
	.sticky .menu li a {
        padding: 8px 5px;
    }
	.cart-title {
		width: 45%;
	}
	.buttons{
		width: 20%;
	}
	.btn-featured-mygallery-left {
		left: 92% !important;
	}
	.btn-featured-mygallery-right {
		left: 95% !important;
	}
	.btn-featured-newmygallery-left {
		left: 92% !important;
	}
	.btn-featured-newmygallery-right {
		left: 95% !important;
	}
	.widget .title {
		font-size: 13px;
	}
	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;
	}
	.header_top {
		display: none;
	}
	.header {
		border-top: 5px solid #d5262a;
	}

}


@media ( max-width : 370px) {
			.production_tour .pro_gall{
	width: 100%!important;
	margin-bottom:0px!important;
}
	.mcat_btn span{
	padding: 7px 12px;
}
	.short_contact p {
		float: none;
		text-align: center;
		margin: 0px !important;
	}
	.btn-featured-newmygallery-left {
		left: 77% !important;
	}
	.btn-featured-mygallery-left {
		left: 77% !important;
	}
	.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;
	}
}
@media (min-width:1400px) and (max-width: 1699px)  {
	.btn-featured-newmygallery-left {
    left: 92.5% !important;
}
.mcat_btn{
	    bottom: 5.7%;
}
.mcat:hover .mcat_title{
	bottom: 17%;
}
.production_tour .pro_gall{
	width: 23.85%;
}
}
@media (min-width:1200px) and (max-width: 1399px)  {
	.btn-featured-newmygallery-left {
    left: 91.5% !important;
}
.mcat_btn{
	    bottom: 4.7%;
}
.mcat_title{
	font-size: 18px;
}


.mcat:hover .mcat_title{
	bottom: 18%;
}
.production_tour .pro_gall{
	width: 23.85%;
}
.pro_gall h2{
	    font-size: 18px;
}

}








































