/* Bootstrap XS size */
@media only screen and (max-width: 767px) {
    /* Layout Styles Starts */
    body {
        font-size: 14px;
    }
    
    .container {
        max-width: 100% !important;
    }

    .max-width {
        max-width: 100% !important;
    }
    
    /* Header Top Styles Starts */
    .header-top {
        top: 25px;
    }    
    
    .logo {
        margin-bottom: 20px;
    }

    #dropdown-login {
        max-width: 180px; 
        overflow: hidden;
    }

    /* Cart Styles Starts */

    /* Main Menu Styles Starts */
    #main-menu .container {
        -webkit-border-radius: 5px 5px 5px 5px !important;
        -moz-border-radius: 5px 5px 5px 5px !important;
        border-radius: 5px 5px 5px 5px !important;
    }
    
    #main-menu .container {
        -webkit-border-radius: 5px 5px 5px 5px !important;
        -moz-border-radius: 5px 5px 5px 5px !important;
        border-radius: 5px 5px 5px 5px !important;
    }
    
    #main-menu-options {
        -webkit-border-radius: 0 0 5px 5px;
    	-moz-border-radius: 0 0 5px 5px;
    	border-radius: 0 0 5px 5px;
    }
        
    /* Slider Section Styles Starts */
    #main-carousel .carousel-control{
        top: 65%;
    }
    #main-carousel .carousel-control .fa {
        font-size: 22px;
    }
    #main-carousel .carousel-control.left{
        left:8%;
    }
    #main-carousel .carousel-control.right{
        right:8%;
    }
    #main-carousel .carousel-indicators{
        bottom:5px;
    }
    
    #main-carousel .carousel-caption{
        bottom:0;
        font-size:14px;
        line-height:24px;
    }
    #main-carousel .carousel-caption h1{
        margin-bottom:10px;
        font-size:28px;
    }
    #main-carousel .carousel-caption h2{
        margin-top:10px;
        font-size:22px;
    }
    
/* Latest Products Styles Starts */

    .product-head, .product-col {
        text-align:center;
    }

    .product-col.list .image {
        float: none;
        padding: 0;
    }
        
/* Product Carousel Styles Starts */    

    .product-head{
        font-size:18px;
    }
    #owl-product .owl-controls .owl-buttons .owl-prev, 
    #owl-product .owl-controls .owl-buttons .owl-next{
        top:-56px;
        font-size:20px;
    }
    .product-carousel .owl-controls .owl-buttons .owl-prev{
        left:15px;
    }     
    .product-carousel .owl-controls .owl-buttons .owl-next{
        right:20px;
    }        
            
/* Three Column Banner Styles Starts */

    .col3-banners{
        margin-bottom:10px;
    }
        .col3-banners li + li{
            margin-top:20px;
        }

/* Two Column Banner Styles Starts */

    .col2-banners{
        margin-bottom:10px;
    }
        .col2-banners li + li{
            margin-top:20px;
        }        
        
/* Page Content Styles Starts */

    .page-box h3{
        margin-top:20px;
    }        
    
/* Tabs Styles Starts */

    .tabs-panel .nav-tabs > li{
        display:block;
        float:none;
    }
    
/* Pagination Styles Starts */

    .pagination-block{
        text-align:center;
    }
        .pagination{
            margin-bottom:10px; 
        }
    .results{
        text-align:center;
        padding-top:0;
        margin-bottom:15px;
    }    
    
    /* Footer Top Styles Starts */


    /* Footer Links Styles Starts */

            
/* Genric Styles Starts */

    .img-center-xs{
        margin-left:auto;
        margin-right:auto;
    }            
    
}



/* Bootstrap SM size */ 
@media only screen and (min-width : 768px) {
    /* Layout Styles Starts */
    body {
        font-size: 15px;
    }

    .container {
        width: 95% !important;
        max-width: 100% !important;
    }

    .max-width {
        max-width: 100% !important;
    }
        
    /* Login Box */
    .login-container {
        margin: 0 auto; width:50%;    
    }
    
    /* Header Top Styles Starts */
    .header-top {
        top: 25px;
    }    

    /* Cart Styles Starts */

    /* Main Menu Styles Starts */
    #main-menu .navbar-nav {
        top: 0px !important;
        height: 100% !important;
    }
    
    #main-menu .navbar-nav > li:first-of-type > a {
        padding-left: 30px !important;
        -webkit-border-radius: 5px 0 0 5px;
           -moz-border-radius: 5px 0 0 5px;
                border-radius: 5px 0 0 5px;
    }
        
    /* Products Box Styles */
    .product-col.list .image{
        padding:40px 30px 10px 0;
    }    
    
    /* Product Carousel Styles Starts */    
    .product-carousel .row{
        margin-left:-3px;
        margin-right:-3px;
    }
    .product-carousel .col-xs-12{
        padding-left:0;
        padding-right:0;
    }
    .product-carousel #owl-product .item{
        padding-left:3px;
        padding-right:3px;
        text-align:center;
    }
    .product-carousel .owl-controls .owl-buttons .owl-prev{
        left:86%;
    }

    .product-col .btn-compare{
        margin-left:0;
    }                    
    
    /* Side Products Lists Styles Starts */
    .side-products-list h5,
    .side-products-list .price{
        float:none;
    }
    
    /* Pagination Styles Starts */
    .pagination{
        margin-bottom:15px; 
    }
    .results{    
        padding-top:5px;
    }
    
    /* Footer Links Styles Starts */

     
    /* Genric Styles Starts */

    .img-center-sm{
        margin-left:auto;
        margin-right:auto;
    }        
    
}
    
    
/* Bootstrap MD size */
@media only screen and (min-width: 992px) {
    /* Layout Styles Starts */
    .container {
        width: 970px !important;
    }

    .max-width {
        max-width: 970px !important;
    }
        
    /* Login Box */
    .login-container {
        margin: 0 auto; width:50%;    
    }
    
    /* Header Top Styles Starts */
    .header-top {
        top: 30px;
    }

    /* Cart Styles Starts */
    #cart-pop-up .dropdown-menu {
        width: 450px;
    }
    
    /* Main Menu Styles Starts */
    #main-menu.navbar .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
    
    #main-menu .navbar-nav > li:first-of-type > a {
        padding-left: 30px !important;
        -webkit-border-radius: 5px 0 0 5px;
           -moz-border-radius: 5px 0 0 5px;
                border-radius: 5px 0 0 5px;
    }
            
    /* Products Box Styles */
    .product-col.list .image {
        padding:40px 30px 10px 0;
    }
    
    /* Product Carousel Styles Starts */    
    .product-carousel .owl-controls .owl-buttons .owl-prev {
        left:89%;
    }        

    /* Footer Links Styles Starts */

}

/* Bootstrap XL size */
@media only screen and (min-width : 1200px) {
    /* Layout Styles Starts */
    .container {
        width: 1170px !important;
    }

    .max-width {
        max-width: 1170px !important;
    }
    
    /* Header Top Styles Starts */
    .header-top {
        top: 40px;
    }

    #dropdown-login {
        max-width: auto; 
        overflow: visible;
    }
    
    /* Cart Styles Starts */
    #cart-pop-up .dropdown-menu {
        width: 600px;
    }
    
    /* Main Menu Styles Starts */
    #main-menu .navbar-nav > li:first-of-type > a {
        padding-left: 40px !important;
        -webkit-border-radius: 5px 0 0 5px;
           -moz-border-radius: 5px 0 0 5px;
                border-radius: 5px 0 0 5px;
    }
            
    /* Login Box */
    .login-container {
        margin: 0 auto; 
        width: 50%;    
    }

}