/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .commerce-buttons .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width:45px;
    }

    .commerce-buttons .btn {
        padding-right:3px;
        padding-left:3px;

    }

    .affix.top-nav {
        width:686px;
    }

}

/* Small Devices, Tablets */
/*@media only screen and (width : 768px) {*/



/*}*/

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {





    .affix.top-nav {
        width:910px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    .carousel-inner {
        max-height: 500px;
    }


    /*.affix.top-nav {*/
        /*width:1110px;*/
    /*}*/

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {


}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

    .jumbotron .title {
        font-size:1.9rem;
        margin-top:10px;
        margin-bottom:20px;
    }
    .jumbotron .subtitle {
        font-size:1.4rem;
        margin-top:10px;
    }

    .ccm-core-commerce-order-billing, .ccm-core-commerce-order-shipping {
        width:100% !important;
        float:none !important;
        margin-left:0 !important;
    }


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {





    .ccm-dialog-tabs>li>a {
        padding-left:5px;
        padding-right:5px;
    }


    header .main-menu {
        margin-top:0;
    }

    header .main-menu ul li {
        display: block;
        float:none;
        margin:0;
    }

    header .main-menu ul li a {
        padding:10px;
    }

    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right:0;
        margin-left:0;
    }



    /*.account-nav a, .account-nav .text{*/
        /*font-size: 12px;*/
    /*}*/

    /*.account-nav a .glyphicon {*/
        /*font-size: 12px;*/
    /*}*/

    .product-single img {
        width:100%;
        max-width: 100%;
    }
    .nav-wrapper {
        height: 170px;
    }

    .bg-info {
        margin:0 10px;
    }

    .promo-bar-row {
        /*margin-top:5px;*/
        /*margin-bottom:0;*/

    }


    .country-submenu {
        font-size: 16px;
        min-height: 30px;
    }
    .country-submenu a {
        padding-top:3px;
    }

    .order-submenu {
        font-size: 12px;
        min-height: 30px;
        padding-top:7px;
    }

    .order-submenu a {

    }

    .carousel-caption {
        /*top:20px;*/
        bottom:0;
        font-size: 14px;

    }

    .page-body #topnav {
        font-size: 12px;
    }

    #topnav {
        text-align: right;
    }

    #footer ul.nav-header li.nav-divider, #topnav ul.nav-header li.nav-divider {
        padding:0 5px;
    }

    .page-body #topnav {
        height: 34px;
    }

    .container {
        position: relative;
        /*padding:0;*/
    }

    .row {

    }

    /*.carousel-caption h1 {*/
        /*font-size: 18px;*/
    /*}*/

    /*.carousel-indicators {*/
        /*left:10%;*/
        /*bottom:0;*/
    /*}*/

    /*.account-nav {*/
        /*top:-14px;*/
        /*right:10px;*/
    /*}*/

    /*.header-logo {*/
        /*margin-left: 5px;*/
        /*margin-top: -10px;*/
        /*position: absolute;*/
        /*width: 82px;*/
        /*z-index: 1;*/
    /*}*/

    /*.feature-pods {*/
        /*margin-top:0;*/
    /*}*/

    /*.page-body*/
    /*{*/
        /*padding: 0;*/
    /*}*/


    /*.feature-pods .col-sm-4, .feature-pods .col-md-4 {*/
    /*padding: 0;*/
    /*}*/

    /*.container, .main-content {*/
    /*padding:0;*/
    /*}*/
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .modal,
    .modal.container,
    .modal.modal-overflow 	{
        top: 1%;
        right: 1%;
        left: 1%;
        bottom: auto;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


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

    .main-container {
        width:670px;
    }

}


/* ==========================================================================
   Full width styles
   ========================================================================== */

@media (min-width: 768px) {


    /*.container {*/
    /*width: 980px;*/
    /*}*/
    /*.feature-pods {*/
        /*margin: 30px 0;*/
    /*}*/
    .feature-pods div {
        text-align: center;
        /*padding: 0 10px 0;*/
        margin-top: 5px;
    }
    .feature-pods div.first {
        padding: 0 20px 0 0;
        text-align: left;
    }
    .feature-pods div.last {
        padding: 0 0 0 20px;
        text-align: right;
    }
    .feature-pods div .feature-caption {
        margin: 0 10px 0;
        padding: 4px 10px 0;
        background-color:rgba(255, 249, 246, 0.8);
        height: 25px;
        width: 94%;
        position: absolute;
        bottom: 15px;
        left: 0px;
    }
    .feature-pods div.first div.feature-caption {
        margin: 0 20px 0 0;
    }
    .feature-pods div.last div.feature-caption {
        margin: 0 0 0 20px;
    }
    /* Nav styles */
    /*.header-logo {*/
        /*padding: 0;*/
        /*position: absolute;*/
        /*width: 144px;*/
        /*top: 0;*/
        /*left: -40px;*/
        /*z-index: 4;*/
    /*}*/
    .page-body #topnav {
        position: absolute;
        top: 30px;
        right: 0;
        z-index: 4;
    }
    .leader-container {
        margin: 0;
        padding: 0;
    }
    .leader-container .leader {
        padding: 0;
    }
    #footer .social-icons {
        float: right;
    }
    #footer ul.nav-header {
        float: left;
    }
}

#close {
    display: none;
}

.textarea.comments textarea {
    width:500px;
}



@media only screen and (max-width : 480px) {
    .textarea.comments textarea {
        width:100%;
    }

    .big-header {
        margin-bottom:20px !important;
    }

    table.ccm-core-commerce-cart .ccm-core-commerce-cart-name {max-width:180px;white-space: normal}

    .promo-bar {
        padding-top:2px;
    }
}

@media only screen and (max-width : 768px) {
    header .navbar-brand {
        width:150px;
    }

    .feature-pods .feature-pod {
        margin-bottom:20px;
        padding-left:15px;
        padding-right:15px;
    }

    .big-header {
        background-size: cover;
    }

    header .navbar-default .navbar-toggle {
        margin-top:14px;
    }

    .promo-bar-row .bg-info {
        font-size: 12px;
        padding-top:2px;
    }

    .navbar-nav.top-menu {
        display: none;
    }

    header .main-menu ul.nav > li:hover > a:before, header .main-menu ul.nav > li.nav-selected > a:before, header .main-menu ul.nav > li.nav-path-selected > a:before {
        content:"";
        display: none;
    }



    .main-content .dots-container .dots {
        height:30px;
        display: inline-block;
        line-height: 65%;
    }

    .jumbotron {
        background-size: cover;
        background-position: center;
    }




    header .main-menu a {
        height:30px;
    }

    header .main-menu ul.nav > li:hover a, header .main-menu ul.nav a:hover {
        color:white;
    }



    #close {
        display: block;
    }

    .cbp-spmenu .navbar-nav {
        margin:0;
        padding-left:10px;
    }
    .cbp-spmenu {
        background: #55463C;
        position: fixed;
    }
    .cbp-spmenu h3 {
        color: #F1F0EF;
        font-size: 17px;
        padding: 20px 20px 5px 20px;
        margin: 0;
        font-weight: normal;
        cursor: pointer;
        text-align: right;
    }
    .cbp-spmenu a {
        display: block;
        color: #F1F0EF;
        font-size: 1.1em;
        font-weight: 300;
        text-decoration: none;
    }
    .cbp-spmenu a:hover {
        background: #d44457;
    }
    .cbp-spmenu a.demo:hover {
        background: none;
    }
    .cbp-spmenu a.demo {
        text-align: center;
        margin-top: 16px;
    }
    .cbp-spmenu a.demo span {
        -webkit-border-radius: 5px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 5px;
        background-clip: padding-box;
        border: 1px solid #F1F0EF;
        padding: 10px 20px;
    }
    .cbp-spmenu a:active {
        background: #afdefa;
        color: #47a3da;
    }
    /* Orientation-dependent styles for the content of the menu */
    .cbp-spmenu-vertical {
        width: 270px;
        height: 100%;
        top: 0;
        z-index: 1000;
    }
    .cbp-spmenu-vertical a {
        padding: 12px 25px;
    }
    .cbp-spmenu-horizontal {
        width: 100%;
        height: 150px;
        left: 0;
        z-index: 1000;
        overflow: hidden;
    }
    .cbp-spmenu-horizontal h3 {
        height: 100%;
        width: 20%;
        float: left;
    }
    .cbp-spmenu-horizontal a {
        float: left;
        width: 20%;
        padding: 0.8em;
        border-left: 1px solid #258ecd;
    }
    /* Vertical menu that slides from the left or right */
    .cbp-spmenu-left {
        left: -270px;
    }
    .cbp-spmenu-right {
        right: -270px;
    }
    .cbp-spmenu-left.cbp-spmenu-open {
        left: 0px;
    }
    .cbp-spmenu-right.cbp-spmenu-open {
        right: 0px;
    }
    /* Horizontal menu that slides from the top or bottom */
    .cbp-spmenu-top {
        top: -150px;
    }
    .cbp-spmenu-bottom {
        bottom: -150px;
    }
    .cbp-spmenu-top.cbp-spmenu-open {
        top: 0px;
    }
    .cbp-spmenu-bottom.cbp-spmenu-open {
        bottom: 0px;
    }
    /* Push classes applied to the body */
    .cbp-spmenu-push {
        overflow-x: hidden;
        position: relative;
        left: 0;
    }
    .cbp-spmenu-push-toright {
        left: 240px;
    }
    .cbp-spmenu-push-toleft {
        left: -240px;
    }
    /* Transitions */
    .cbp-spmenu,
    .cbp-spmenu-push {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }


}