/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 9, 2015, 9:07:59 AM
    Author     : MP
*/

@media (min-width: 1258px){
    .container {
        max-width: 1258px;
    }
}

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

    .header .header-inner .inner{
        width: 95%;
        margin: 0 auto;
    }
	div.product {
	  padding: 0px 0px;
	}
	.navbar {
	margin-right: 0px;
}

    .header .header-outer{
        width: 90%;
        margin: 0 auto;
    }

    .bg-text{
        font-size: 30px;
        font-weight: 300;
    }

    .sm-text{
        font-size: 18px;
        font-weight: 300;
    }

    .best-seller-block .bg-text{
        font-size: 34px;
        margin-top: 20%;
    }
	.navbar .nav > li > a {
    font-size: 13px;
    padding: 7px;
}

}

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

    .navbar .nav > li > a{
        font-size: 12px;
    }

    #member-registration{
        width: 80%;
        margin: 0 auto;
    }
    .maincontent .bottom-container  {
        background: rgba(0, 0, 0, 0) url("../images/backstage-bg-el_resp.png") no-repeat scroll 0 0 / contain 
    }
    .maincontent .famous .bottom-container  {
        background: rgba(0, 0, 0, 0) url("../images/famous-bg-el_resp.png") no-repeat scroll center center / contain ;
		 max-height: 50vw;
    }
    .productdetails-view .left-panel{
        border: none;
    }
    
    .bottom-container span, .bottom-container p, .bottom-container a {
        display: none !important;
    }
    .backstage {
        background: none;
    }

}
/* ------------------------------ rules for medium ends ------------------------ */


/* rules for small */
@media only screen and (max-width: 996px){
.logoinheader {
	display: table-cell;
	position: relative;
	width: 30%;
	max-width: 250px;
	height: 100%;
	/* float: left; */
	padding-top: 6vh;
	padding-left: 3.5vw;
	/* margin-top: 40px; */
}
	.navbar .nav > li > a {
    font-size: 12px;
    padding: 4px;
    }
    .backstage-uk .bottom-container {
        height: 300px;
    }
    .home-pushes .block1 {
        background: #e8eff9 none repeat scroll 0 0;
        width: 100%;
    }
    .link1 {
        text-align: center;
    }
    .link2 {
        text-align: center;
    }
    .home-pushes .block2 {
        background: #e5c3c1 none repeat scroll 0 0;
        width: 100%;
    }
    .home-pushes .block3 {
        background: #f0f4f6 none repeat scroll 0 0;
        margin: 0;
        width: 100%;
    }
    .block2 img, .block3 img {
        margin: 0 auto;
    }
    .video-img {
        display: block;
    }
	    .video-img img {
        display: block;
		width: 100%;
		height: auto;
		min-width: 300px;
    }
    .video-player {
        display: none;
    } 
}

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

    .header .header-search{
        margin-top: 0
    }

    .best-seller-block .bg-text{
        font-size: 28px;
        margin-top: 5%;
    }
	.nav > li {
		display: block;
		position: relative;
	}
	.navigation .nav > li:hover > .nav-child, .navigation .nav > li > a:focus + .nav-child, .navigation .nav li li:hover > .nav-child, .navigation .nav li li > a:focus + .nav-child {
    display: none;
}
.nav {
    overflow: hidden;
	padding-bottom: 12px;
	}
	.menu_holder {
/*     display: table-cell;
    position: relative;
    width: 65%;
    height: auto; */
    vertical-align: middle;
/*     text-align: right;
    float: right;
    margin-right: 5px;*/
    margin-top: 0vh;
   /* -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important; */
}
}


/* ------------------------------ rules for small ends ------------------------ */


/* rules for small */

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

    .bg-text{
        font-size: 20px;
        font-weight: 300;
    }

    .sm-text{
        font-weight: 300;
    }

    .vm-col-3{
        width: 100%;
    }

    .header-outer .login-section .check-in{
        display: block;
        padding: 10px 0;
    }

    .header-outer .login-section .greeting{
        display: block;
        padding: 0px;
    }

    table.user-details input{
        width: 200px;
    }

    .billto-shipto .width50{
        float: none;
        margin-bottom: 12px;
        width: 100%;
    }

    #com-form-login .width30{
        width: 44%;
    }

    .com_virtuemart #fancybox-content{
        padding-right: 30px;
    }

    #fancybox-content .continue_link, #fancybox-content .showcart{
        font-size: 12px;
    }

    #fancybox-content h4{
        font-size: 14px;
    }

    .orderby-displaynumber .orderlist{
        left: 90px;
    }

}

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

    figcaption h2{
        font-size: 18px;
    }

    .header .brand img{
        max-width: 80%;
    }

    .table-res{
        width: 320px;
        overflow: auto; 
    }
	
	.rightfindusmobile {
		display: inline-block;
	position: relative;
	float: left;
	padding-left: 2%
	max-width: 40%;
	min-width: 320px !important; 
	}
	
		.rightfindus {
		display: none; 
		min-width: 320px !important; 
	}
		.leftfindus {
	min-width: 320px !important;
}
}


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

	.rightfindusmobile {
	min-width: 320px !important; 
	}
	
	.leftfindus {
	min-width: 320px !important;
}

}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
		.nav > li {
		display: block;
		position: relative;
	}
	.navigation .nav > li:hover > .nav-child, .navigation .nav > li > a:focus + .nav-child, .navigation .nav li li:hover > .nav-child, .navigation .nav li li > a:focus + .nav-child {
    display: none;
}
.nav {
    overflow: hidden;
	padding-bottom: 12px;
	}
		.menu_holder {
/*     display: table-cell;
    position: relative;
    width: 65%;
    height: auto; */
    vertical-align: middle;
/*     text-align: right;
    float: right;
    margin-right: 5px;*/
    margin-top: 0vh;
   /* -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important; */
}
}