@font-face {
    font-family: my;
    src: url(fonts/MB.ttf);
}
.no-padding{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.lef .cate-headers{
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	background: #0091e0;
	padding: 7px 0px;
	list-style: none;
	font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: capitalize;
}.site_menu ul{
	list-style: none; margin: 0px; padding: 0px;
}
.site_menu ul li a{
	float: left;
	width: 100%;
	color: #000;
	padding: 4px 10px;
}
.lef a{
	float: left;
	width: 100%;
	color: #000;
	padding: 4px 10px;
}
ul.head {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-top: 35px;
}
ul.head li {
    display: inline;
}
.cat{
	float: left;
	width: 100%;
	background: #0099cc;
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 7px 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: 1px solid #24a7d3;
	font-family: 'Poppins', sans-serif;
}
#masterdiv{
	margin-top: 17px;
	float: left;
    width: 100%;
	background: #0099cc;
	border-radius: 4px;
	margin-bottom: 20px;
}
.cate-headers {
	font-size: 16px !important;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Fjalla One', sans-serif	!important;
	font-weight: 400 !important;
}
.cate-headers:hover{
	background: none !important;
	color: #fff !important;
	cursor: pointer;
}
.hakkas-li {
	font-size: 13px;
	list-style: none;
	background: #fff;
	padding-left: 0;
	font-size: 12px;
	
}
.footer-form input{
	float: left;
	width: 100%;
	border: 1px solid #3e3e3e;
	background: #2a2929;
	color: #fff;
	height: 31px;
	padding-left: 10px;
	margin-bottom: 15px;
	font-family: 'Roboto', sans-serif;
}
.footer-form textarea{
	float: left;
	width: 100%;
	border: 1px solid #3e3e3e;
	background: #2a2929;
	color: #fff;
	padding-top: 5px;
	padding-left: 10px;
	font-family: 'Roboto', sans-serif;
}
.footer-form button{
	background: #0091e0;
	float: left;
	width: 80px;
	height: 30px;
	border-radius: 4px;
	color: #fff;
	margin-top: 15px;
}
.fsocial{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.fsocial a{
	float: left;
	margin: 0px 4px;
	display: contents;
}
.left-menu li a{
	color: #fff !important;
	font-size: 12px !important;
	font-family: 'Roboto', sans-serif;
	font-weight: 400 !important;
	text-transform: capitalize !important;
	padding: 7px 0px 7px 25px !important;
}
.left-menu li a:hover{
	color: #000 !important;
}
.left-menu li{
	border: 0px !important;
}
.left-menu li a{
	font-size: 12px !important;
	padding-right: 5px !important;
	
}
.pagination{margin: -6px 0;}
.pro-head h3{
	font-family: 'Poppins', sans-serif;
	color: #0392ce;
	text-transform: uppercase;
	font-size: 30px;
	padding-bottom: 5px;
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: 0px;
}
.breadcrumb{
	background: transparent!important;
	padding: 0px 0px!important;
	font-family: 'Montserrat',sans-serif;
	margin: 0px !important;
}
.breadcrumb li a{
	color: #858585;
	font-weight: 400;
	text-transform: capitalize;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
}
.breadcrumb > li + li::before{
	color: #858585;
}
.pagination li a:hover{
	background: #0392ce;
	color: #fff;
}

ul.pdf {
    margin: 50px 0px;
    padding: 0px;
    list-style: none;
}
ul.pdf li {
    display: inline-block;
    padding-right: 15px;
}









/*products end*/
/*large*/
.bigp img{
	border: 1px solid #e7e9e9;
	    padding: 22px;
    margin-left: -15px;
}
.detail-heading{
	font-family: 'Poppins', sans-serif;
	color: #0091e0;
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 0;
	font-weight: 600;
	margin-top: 5px;
}
.detail-code{
	color: #434343;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 10px 0px;
	font-family: 'Poppins', sans-serif;
}
.desc-bg h4{
	font-family: 'Poppins',sans-serif;
	color: #282828;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom:0;
	font-weight: 500;
}
.desc-bg p{
	color: #757575;
	font-size: 13px;
	line-height: 24px;
}
.ava-option{
	font-family: 'Poppins', sans-serif;
	color: #0091e0;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 25px;
}
.qty{ float:left; width:100%; margin:5px 0px; color: #0091e0; font-size: 12px; font-weight: 400; font-family: 'Roboto Poppins', sans-serif;}
.qty1{ float:left; width:47%; margin:5px 0px;}
.size{ float:left; width:50%; margin-bottom:25px;}
.aval{ float:left; width:100%; padding:20px 0px 10px 0px; color:#bfbfbf; font-size:17px; text-transform:uppercase; font-weight:600;}
.qty1 select{ background:#fff url(img/arow.png) no-repeat right; border:1px solid #ebebeb; width:95%; margin-left:5px; margin-right:5px; padding: 2px 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	color: #767676;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	padding-left:10px;
	border-radius: 0px;
	height:30px;
	    background-position: 148px 0px;

    
    }
*:focus{
	outline: 0px;
}

.for{ float:left; width:48%; margin-left:9px;}
.for input{ float:left; width:100%; font-size:12px !important; height:30px; margin:10px 0px !important; background:none ; border:1px solid #e8e7e7; color:#1f1f1f !important; padding:0px !important; padding-left:10px !important; background: #fff;}
.for select{ float:left; width:100%; font-size:12px !important; height:30px; margin:10px 0px !important; background: #fff; border:1px solid #e8e7e7; color:#1f1f1f !important; padding:0px !important; padding-left:10px !important;}
.for1 textarea{ float:left; font-size:12px; width:100%; margin:10px 0px; background:#fff ; border:1px solid #e8e7e7; color:#1f1f1f; padding-left:10px; padding-top:10px;}
.for1{ float:left; width:97%; margin-left:9px;}

.form-group{ float:left; width:49%; margin-left:1%;}
.basket_art input{ float:left; margin:10px 0px; background:#0091e0; color:#FFF;}
.basket_art input:hover{ background:#0091e0; text-decoration:none; color:#FFF;}
.btn-delete{ float:left; padding: 7px !important; border-radius: 5px; margin-left: 13px; background:#0091e0; color:#FFF; text-align:center; margin-bottom:20px; width:145px !important;}
.art-no{ color:#fff;}
.btn-delete1{ float:left; padding:9px 15px; border-radius: 5px; margin-left: 13px; background:#0091e0; color:#FFF; text-align:center; margin-bottom:20px; width:115px !important; border:0px;}

.btn-delete:hover{ background:#0091e0; text-decoration:none; color:#FFF;}


	.qty1 input{ border:1px solid #dcdcdc; font-size:12px !important; float:left; width:95px; height:24px;  background:none; margin-left:5px; color: #3d3d3d !important; border-radius: 0px; padding-left:10px !important;
	font-size:12px; padding-top:5px;
	background:#ffffff;}
.submit1{ float:left; font-size:0px; background:url(img/basket1.png) no-repeat left; height:41px; width:100%; border:0px; margin:0px 0px 0px 5px;}
.right-qty{ float:left; width:50%; margin: 5px 0px; color: #000000; font-size: 13px; font-weight: 400; font-family: 'Poppins', sans-serif; margin-top:0px; padding-left: 5px;}
.right-qty span{ padding-top:0px; float:left; width: 100%; margin-top: -23px; color: #0091e0; font-family: 'Poppins', sans-serif;}
.right-qty input{ float:left; width:84%; height:32px; border:1px solid #e7e7e7; color:#737373; font-size:14px; padding-left:5px; margin: 4px 0px;}
.related_products{
	float: left;
	width: 100%;
	color: #0091e0;
	font-size: 24px;
	font-family: 'Poppins', sans-serif;
	padding-left: 15px;
	font-weight: 500;
}
label{
	font-weight: 500;
	color: #0091e0;
	font-size: 13px;
	text-transform: uppercase;
}
select.color {
    width: 45%;
}
.quan{
	font-weight: 500;
	color: #000;
	font-size: 13px;
	text-transform: uppercase;
}
.btn-danger{
	background: #f58220 !important;
	border-radius: 15px !important;
	border:none !important;
	outline: none !important;
}

input.quantity {
    width: 17%;
    background: #ebebeb;
    border: none;
    padding: 4px;
    border-radius: 4px;
}
.addtobasket{
	border-radius: 3px!important;
	background: #f58220 !important;
	color: #fff !important;
	text-transform: uppercase;
	border: none!important;
	text-align: center !important;
	font-size: 12px !important;
	padding: 14px!important;
	
}
.relate {
    margin-bottom: 28px;
        margin-left: 15px;
}
.relate h3{
	font-family: my;
	font-size: 30px;
	color: #000;
	text-transform: uppercase;
}
.rp{
	font-size: 30px;
	color: #00aff0;
	text-transform: uppercase;
}
/*large end*/
/*responsive start*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Smartphones (portrait and landscape) ----------- */
.bg-black{

}
.top-phone	{ margin-top: 10px;
text-align: center;
}
	.language{ margin: 9px 50px 0px 0px;}
	.search input{ width: 82%;}
.logo{
	bottom: 0px;
	width: 100%;
text-align: center;
}
.basket{
	display: none;
}
.search {
    float: right;
	}
	.top-basket{ width: 100%; text-align: center; margin: 10px 0px;}
.navbar-toggle {
	background: #0091e0 !important;
	left: 0px;
    top: 0px;
}
	
	.category ul li a img{
		text-align: center;
        margin: 0px auto;
	}
	.title img{
	
	}
	.menu ul li a{
		padding: 4px 0px;
		width: 100%;
		border-bottom: 1px solid #24a7d3;
		color: #fff;
	}
	
	.title{
		font-size: 30px;
	}
	.feature-title{
		font-size: 22px;
	}
	.pro-head h3{
		font-size: 22px;
	}
	.cat1 img{ width: 100% !important;}
	.cat1{ width: 100% !important;}
	.cat2 img{ width: 100% !important;}
	.cat2{ width: 100% !important; padding: 0px; margin: 20px 0px;}
	.fea-head h2{ font-size: 30px;}
	.product{ margin: 10px 0px;}
	.cat1 a{ width: 100% !important;}
	.tab ul li{ float: left; width: 97%;}
	.brand ul li{ width: 100%; text-align: center; margin: 10px 0px;}
	.footer-end p { text-align: center;}
	.tab ul li a { float: left; width: 100%; text-align: center;}
.navbar-toggle .icon-bar {
	background: #fff;
}
.mynav ul li {
	margin-right:69px;
}
.about-para p {
	    width: 22em;
}
.bg-about {
	    padding-bottom: 17px;
}
.certi img{
	width: 100%;
}
.bg-footer{
	background: #000;
	margin-top: 0;
}
.addtobasket{
	    margin-top: 14px;
}
	.for{
		width: 100%;
	}
}

@media only screen 
and (min-width : 321px) {
/* Smartphones (landscape) ----------- */
	
}

@media only screen 
and (max-width : 320px) {
/* Smartphones (portrait) ----------- */
	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* iPads (portrait and landscape) ----------- */
	
	
.logo{
	bottom: 12px;
}
.mynav{
	margin-top: 74px;
}
.bg-footer{
	background: #000;
	margin-top: 0;
}
.search {
    float: right;
        margin-bottom: 18px;
        margin-top: 58px;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* iPads (landscape) ----------- */
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* iPads (portrait) ----------- */
}

@media only screen 
and (min-width : 1200px) {
/* Desktops and laptops ----------- */
}

@media only screen 
and (min-width : 1700px) {
/* Large screens ----------- */
}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* iPhone 4 ----------- */}
/*responsive end*/