@charset "utf-8";
/* CSS Document */

*{
    margin:0;
    padding:0;
}

.main-holder {
    max-width:1900px;
    margin:0 auto;
    overflow: hidden;
    position: relative;
}

.left-block{width: 40%;float: left;text-align: center;position: relative;margin-bottom:3%;margin-top:3%;}
.left-block > span{display: block; cursor:pointer;}
.left-block .price{display: block; font-weight: bold; font-size: 32px}

.btn_buy{background-color: #013e23; color: rgb(255, 255, 255); margin: 3px auto 0; width: 127px; padding: 7px 0px; display: inline-block; font-size: 17px;}

.btn_buy:hover{background:#000}

.btn-buy{background-color: #BF9A3C}
.btn-notify{background-color: #2C2F2F}
.btn-buy,.btn-notify{text-align: center;text-transform: uppercase;color: #fff;padding: 6px 0;width: 100%;float: left;top: 40px;position: relative; cursor:pointer;}





/*************notify box*************/
.overlay-black {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background-color:#000;
	opacity:0.8;
	z-index:1002;
	}
.notify-holder {
	background-color: #fff;
padding: 24px;
width: 500px;
height: 416px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -174px;
z-index: 1003;
margin-left: -274px;
	}
.notify-holder .p-desc {
	margin:0;
	}
.notify-holder .p-name{
	margin-bottom:0;
	}
.notify-holder p {
	color:#7a7a7a;
	font-size:16px;
	font-weight: 100;
	line-height:15px;
	margin-top:0%;
	}
.notify-holder .notify-field {
	border-style: none;
border-bottom: solid 1px #e5e5e5;
display: block;
width: 60%;
/*padding-top:25px;*/
padding-top:11px;
padding-bottom:3px;
	}
.notify-holder .notify-form {
	margin-top:3%;
	}
.notify-me-button {
transition: all .4s ease;
background-color: #282828;
color: #fff;
text-transform: uppercase;
margin: 0 auto;
font-size: 16px;
padding: 2% 10%;
display: inline-block;
margin-top: 3%;
margin-bottom: 3%;
font-weight: normal;
border-style:none;
cursor: pointer;
	}
.icon-close-back2 {
	width: 13px;
height: 13px;
background-position: -1px -42px;
float: right;
position: absolute;
right: 5%;
top: 7%;
cursor:pointer;
	}
/*************notify box*************/

.sprite {
	background-image:url(sprite.png);
	display:inline-block;
	}
	
/************* share *************/

/************* share *************/

/********* footer ********/
	

/****** grid sec ****/







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

    .p-detail{padding: 8.55% 10.5%;width: 79%;}
    .left-block{ width: 50%}
    



@media only screen and (max-width:980px) {
    .p-detail {
        padding: 8.55% 3.5%;
        width: 93%;
    }

   
}






@media only screen and (max-width:768px) {
    .plist .each:hover .qv-btn{display: none!important}
    .plist .each:hover .go{display: block!important;}
    .compare-list .close{background-size: 55% 55%;right: 2px}
    .compare-btn button{font-size: 14px}
    .compare-list .copy{margin-left: 0}
    .p-best-seller ul li {height: 235px;list-style: none;width: 48.1%}
    .p-detail {padding: 3.55% 3.5%}
    .left-block img { /* max-width: 62%;*/}
    .other-brands {margin-top: 2%}
    .other-brands ul li {width: 44.9%}
    .left-block {width: 100%;height: auto}
    .right-block {font-size: 16px;height: auto; padding: 7% 10%;width: 78%}
    .left-block .price {font-size: 32px}
    .btn_buy {font-size: 20px;width: 175px}

    .share-btn {width: 80px}
    .p-option {font-size: 17px}
    .left-block img {}

    .mo-container{left:0;right: 0;top: 155px;position: fixed}
    .location-details{width:300px;right: -350px;}
    .location-details.slide-right{right: 0}
    .latest_prod img{width: 45%}
    .ow {
        height: 13%;
    }
    .ow-list li {
        width: 24.5%;
    }

    .ow-list li img {
        width: 100%;
    }
.search-menu-holder {
	width: 0;
	}
.logo_container li{
	width:50%;
}
.address_main {
   padding: 20px 0;
}
.address_main h2 {
	font-size: 24px;
	padding: 10px 0;
}
.hidden-mob {
	display:none;
	}

}
@media only screen and (min-width:768px) {
	.hidden-mob2 {
		display:none;
		}
	}
@media only screen and (max-width:680px) {
    .compare-list .close {background-size: 80% 80%; right: 5px;top: 11px}
	
    .filter-bar{  display: block;
    left: -100%;
    position: absolute;
    top: 68px;
    width: 100%;
    z-index: 100;} 
	.mphone{display:block}
    .plist{width: 100%!important;min-height: 2200px!important;}
    .product-list{padding:2.8% 4%}

    .parent-zoom{height: 283px; width: 230px}
    .compare-block{display: none}
    .compare-mobi{display: block}
    .left-block img {/*max-width: 40%;*/}
    .sku_id {font-size: 14px}
    .p-detail {height: auto}
    .btn_buy {  width: 140px;font-size: 16px}
    .p-option {font-size: 13px}
    .other-brands .title {font-size: 19px;letter-spacing: 8px;padding: 4px 0;width: 89%}
    .other-brands {padding:66px 19px}
    .brand-title {font-size: 18px}
    .ow{left: 0;margin-left: 0;top:23%;width: 98%; padding: 55px 1px 1px}
    .ow { height: 12%}
    .ow-list{width: 98.58%}
    .ow-list li img {width: 110%}
	.notify-holder .notify-field {
	width:80%;
	}
	.footerTitan{display:none;}
	.search_sec_main {
		position: absolute;
right: 43px;
top: 61px;
		}
}
@media only screen and (min-width:681px) and (max-width:960px){
	.plist ul li {
		width:100%;
		}
	
	}

@media only screen and (max-width:600px) {
.grid_sec .img-holder {
	width:100%;
	}
.grid_sec .img-holder .brand-name {
	position: absolute;
	bottom: 40px;
	text-align: center;
	width: 200px;
	height: 34px;
	border: solid 2px #fff;
	background: rgba(0, 0, 0, 0.4);
	left: 50%;
	margin-left: -21%;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 4px;
	padding-top: 10px;
	line-height: 24px;
	}
	.footerTitan{display:none;}
.locate-store img{
	width:90%
	}
}





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

    .ow-close{right: 2.3%;}
    .ow {height: 5%; width: 90%;padding: 45px 26px 0}
    .ow-list{width: auto;white-space: nowrap;overflow-x: auto;overflow-y: hidden;height: 185px;}
    .ow-list li{float: none;display: inline-block}
    .mCSB_container,.mCustomScrollBox{overflow: visible!important}
    .p-best-seller .title {font-size: 21px;padding: 7% 0 0 }
    .p-best-seller ul li {list-style: none outside none;margin-bottom: 7px;width: 100%; height: auto}
    .other-brands ul li { width: 90%}
	.footerTitan{display:none;}
.about .banner p {
	top:24%;
	}
.notify-holder {
background-color: #fff;
padding: 24px;
width: 420px;
position: fixed;
top: 50%;
left: 50%;
z-index: 1003;
margin-left: -235px;
}
}


@media only screen and (max-width:480px) {
    .p-best-seller ul li > span > span {width: 99.5%}
    .p-best-seller ul li img {width: 104%}
    .product.slider{display: none}
    .grid_sec .flow1, .grid_sec .flow2 {width: 100%}
    .grid_sec .flow3 {width: 50%}
    .grid_sec .flow4 {width: 50%}
    .flow3 .flow-img5 {height: 442px}
    .flow4 .flow-img6{background-position: 0 100%;height: 190px;}
    .flow4 .flow-img7{background-position: 58% 88%;height: 252px;}
    .flow2 .flow-img4{background-position: 0 100%;height: 226px;}
	.footerTitan{display:none;}
	.stores-text, .shop-now-text {
	display:none;
	}
.search_sec_main {
	position: relative;
	right: 32px;
	margin-right:0;
	top: 31px;
	}
.logo_container li{
	width:50%;
}
.about .three-sixty-degree {
	width:100%;
	font-size:14px;
	}
.load-more {
	left: 44%;
	}
.notify-holder {
background-color: #fff;
padding: 24px;
width: 320px;
height: 440px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -205px;
z-index: 1003;
margin-left: -142px;
}
.cart-loc-holder {
	width: 42px;
height: 22px;
	}
}

@media only screen and (max-width:479px) {
	.text_block h3 {
		font-size:16px;
		}
	.store-head {
		font-size:14px;
		}
	.sec_banner_right ul {
		padding-top:4%;
		}
	.footerTitan{display:none;}
	.search_sec_main {
		width: 150px;
		}
.search_sec_main input[type=text] {
	width: 111px;
	top: 32px;
	}
.wel_text {
	font-size: 10px;
	}
.p-image img {
	width:100%;
	}
.about .banner p {
	top:16%;
	font-size:14px;
	}
	}


.overlay{position: fixed}
.quick-view{visibility: hidden; background-color: rgb(255, 255, 255); position: fixed; top: 10%; left: 50%; width: 60%; margin-left: -30%; height: auto; margin-top: 0; z-index: 3}
#quick-view .p-detail{position: static; padding: 7.55% 3.5%;width: 93%;}
.quick-view .ow-close{right: 2.3%;top: 3%}
.quick-view .link_to_buy{font-size: 13px}
.quick-view .left-block{width: 48%;height: auto}

.cat-nav{opacity: 0; z-index: 10; background-color: rgb(0, 0, 0);left: 1%;margin: 0 auto;padding: 7% 9%;position: absolute;top: 85%; width: 95%;visibility: hidden;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.cat-nav > ul > li{margin:0}
.cat-nav:after { bottom: 100%; left: 24%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #000; border-width: 10px; margin-left: -10px; }
.cat-nav ul{color: #fff;list-style: none;float: left;width: 100%;text-transform: uppercase;}
.cat-nav ul li.cat-head{ font-size: 16px;letter-spacing: 4px;color: #fff;position: relative; margin-bottom: 6%;}
.cat-head:after{background-color: #424242;content: "";height: 3px;left: 0.5%;position: absolute;top: 86%;width: 14%}
.cat-nav ul li{width: 50%;float: left;color: #626262;font-size: 13px;padding: 1.3% 0}
.cat-nav ul li a:hover{text-decoration: underline}
.animated { -webkit-animation-duration: 0.4s;animation-duration: 0.4s;-webkit-animation-fill-mode: both; animation-fill-mode: both}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-4%,0);
        transform: translate3d(0,-4%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;  -webkit-transform: translate3d(0,-4%,0); -ms-transform: translate3d(0,-4%,0); transform: translate3d(0,-4%,0);
    }

    100% {
        opacity: 1; -webkit-transform: none; -ms-transform: none;transform: none}
}


}
@media(max-width:992px) and (min-width:640px){
.footer{position:static}
div.last_section{margin-bottom:0}
.og-grid li:nth-child(2n+1){clear:left}
.footer_head{height:auto; width:100%;}
.footer_menu,.social_list{width:100%;display:block;text-align:center;float:none}
.footer_menu li{display: inline-block;
text-align: left;
float: left;
margin-left: 20px;}
.footer_menu li a{padding:7px 0}
.footer_desc .footList li a{line-height:2.2}
}
@media(max-width:639px){
.footer{position:static}
div.last_section{margin-bottom:0}
.footer_desc .footList{border-right:0}
.footer_desc .footList:after{display:none !important}
.footer_desc{width:100%}
.footer .bottom_part{padding:0 10px}
.footer_desc .footList,.footer_desc .desc{max-height:none;float:none;width:100%;text-align:center}
.footer_desc .desc{display:none}
.footer_head{height:auto}
.footer_menu,.social_list{width:100%;display:block;text-align:center;float:none}
.footer_menu li{display:block}
.footer_menu li a{padding:7px 0}
.footer_desc .footList li a{line-height:2.5} 
.logo {
	margin-top:7px;
	}
}  

.mob-filter{ background-color: #e1e1e1;float: left;margin-bottom: 11px;padding: 8px 40px;cursor:pointer}
.mob-filter span{font-size: 18px;position: relative;}
.mob-filter span:before{left: -28px;position: absolute;top: 4px;background:url(../images/filter_03.png) no-repeat;content:'';width:22px;height:22px;display:block}
.close-filter{color: #666;font-family: sans-serif;font-size: 26px;position: absolute;right: 60px;top: 15px;cursor:pointer}
/*  Titan Footer Css  */

@media only screen and (max-width:360px) {
    .sec_banner{margin-top: 0}
    .ow{padding: 45px 26px 0; width: 85%}
    .ow-list li { width: 31.5%}
    .ow-list{height: 155px}

    .other-brands ul li {height: 350px;}
    .link_to_buy_img {display: none}
    .right-block {font-size: 14px}
    .p-option {font-size: 14px}

    .flow4 .flow-img6 {background-position: 57% 100%}
    .slide .project-images{width:100%}
    .slide .description{width: 100%!important;height: auto!important;}
    .right_nav{display: none}
    .description-text-inside{display: none!important}
    .cont_sect > div{width: 100%!important}
    .cont_1, .cont_2, .cont_3, .cont_4{height: 360px!important}
    .view_more a {font-size: 12px}
    .cont_1, .cont_2, .cont_3, .cont_4 {height: 280px !important}
    .sec_banner_left,.sec_banner_right{display: block!important;width:100%!important;float: left}
    .sec_banner_right{padding: 2% 0}
    .nav{display: none}
    .sec_banner_right li p,.sec_banner_right h3{font-size: 12px}
	.footerTitan{display:none;}
	    .sec_banner{margin-top: 0}
	.feedback-popup {
		padding: 17px;
		width: 280px;
		}
	.about .banner p {
		top: 24%;
		}
		.notify-holder {
background-color: #fff;
padding: 24px;
width: 280px;
height: 440px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -205px;
z-index: 1003;
margin-left: -142px;
}
}

@media only screen and (max-width:320px) {
    .flow3 .flow-img5{
        background-position: 40% 100%;
    }

    .flow4 .flow-img7 {
        background-position: 30% 77%;
        height: 252px;
    }
	.footerTitan{display:none;}
.m-menu {
	top: 11px;
	right:2px;
	}
.watch ul li {
font-size: 12px;
}
}