/*----------------------------------------------------------------------------
Adaptive stylesheet for width < 1024px.
----------------------------------------------------------------------------*/

@media screen and (max-width: 1128px) {
    .megamenu-dropdown .megamenu .section {
        width: 20%;
    }


    .megamenu-dropdown .megamenu .clear-5 {
        display: block;
    }

    /* HANGOVER MENU ITEMS */
    .hangover-categories { margin-top: 0em; }

    .megamenu-dropdown .megamenu .section.hangover-count-1 { width:20%; }
    .megamenu-dropdown .megamenu .section.hangover-count-2 { width:40%; }
    .megamenu-dropdown .megamenu .section.hangover-count-3 { width:40%}

    .megamenu-dropdown .megamenu .hangover-count-1 .section { width: 100%; }
    .megamenu-dropdown .megamenu .hangover-count-2 .section { width: 50%; }
    .megamenu-dropdown .megamenu .hangover-count-3 .section { width: 50%; }

	table.flexible { width:39em; margin:0 auto; }
	table.flexible td:nth-child(4n+4) { width:auto}

}
@media screen and (max-width: 1024px) {
    .mobile {
        display: none;
    }

    .desktop {
        display: block;
    }

    td.desktop, th.desktop
    {
        display:table-cell;
    }


    .inner-container
    {
        width:96% !important;
    }

    .top-bar {
        width:96% !important;
    }

    .header-container .menu .megamenu-navigation li
    {
        float:left;
        margin-right:1.2em !important;
        font-size:0.8em;
    }


    .header-container .menu .megamenu-navigation li a
    {
        padding-left:0.3em;
        padding-right:0.3em;
    }

    .header-container .menu .megamenu-navigation li:last-child
    {
        margin-right:0.5em;
    }

    #sub-nav ul#sub-nav-inner {
        width:900px!important;
    }
    .sticky-menu li.prod-name {
        font-size:1.4em!important;
    }
    .sticky-menu li.standard {
        padding: 1.4em 0.8em!important;
    }

    #pack-sizer-modal {
        width: 700px;
        margin-left: -350px;
    }
    .pack-sizer-inner,
    .pack-sizer-bottom {
        width: 660px;
    }
    .pack-sizer-text {
        left: 390px;
    }
    #pack-sizer-panel-1 .pack-sizer-text {
        left: 385px;
    }
    #pack-sizer-panel-5 .pack-sizer-text {
        width: 660px;
        left: 0px;
        top: 36px;
    }
    #pack-sizer-panel-5 .pack-sizer-text p {
        font-size: 2em;
    }
    .app-store-panel {
        width: 660px;
        left: 0px;
    }
	.cms-page-view .heading-area { margin-left:3% }

}


/*----------------------------------------------------------------------------
Vertical stylesheet pack sizer modal.
----------------------------------------------------------------------------*/
@media screen and (max-height: 700px) {


    #pack-sizer-modal {
        height: 500px;
        margin-top: -250px;
    }
    .pack-sizer-inner {
        height: 400px;
        margin-top: 17px;
    }
    .pack-sizer-panel {
        background-position: center center;
    }
    .pack-sizer-text {
        top: 90px;
    }

    #pack-sizer-panel-1 .pack-sizer-text {
        top: 58px;
    }
    #pack-sizer-panel-5 .pack-sizer-text {
        top: 4px;
    }
    #pack-sizer-panel-5 .pack-sizer-text p {
        line-height: 1.3;
        font-size: 1.8em;
    }
    .app-store-panel {
        top: 348px;
    }
    .app-store-panel .pack-sizer-download {
        display: inline;
    }
}

/*----------------------------------------------------------------------------
Adaptive stylesheet for width < 850px.
----------------------------------------------------------------------------*/

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

    .header-container .header {
        padding: 13px 0 0em;
        height: 89px;
    }

    .mobile {
        display: none;
    }

    .desktop {
        display: block;
    }

    td.desktop, th.desktop
    {
        display:table-cell;
    }

    .header-container div.logo img
    {
        width: 100px;
    }

    .header-container .menu
    {
        margin-top:43px;
    }

    .header-container .search
    {
    }

    .header-container .search button.search-button
    {
        padding-left:1.4em;
        padding-right:0.4em;
    }

    .header-container .menu .megamenu-navigation li
    {
        font-size: 0.7em!important;
    }

    #sub-nav ul#sub-nav-inner {
        width:750px!important;
    }

    .sticky-menu li.prod-name {
        display:none;
        visibility:hidden;
    }

	.cms-page-view table.athlete-table td { clear:both; float:left}
	.cms-page-view img.athlete-pack { width:92.7%; height:auto; margin-right:3em}

}

/*----------------------------------------------------------------------------
Adaptive stylesheet for width < 750px.
----------------------------------------------------------------------------*/

@media screen and (min-width: 751px) and (max-width: 1023px) {
    .show-for-big {
        display: none;
    }
    .show-for-small {
        display: inline !important;
    }
    .header-container .show-for-small .menu {
        margin-top: 43px;
    }
    .header-container .show-for-small .menu .menu-item {
        max-width: 95%;
    }
    .header-container .menu .megamenu-navigation li {
        margin-right: 5px !important;
    }

    .top-bar.inner-container {
        flex-flow: row wrap;
        padding-bottom: 10px;
    }
    .form-language {
        order: 1;
        flex: 1 auto;
    }
    .top-links-container {
        order: 2;
        flex: 1 auto;
        justify-content: flex-end;
        padding: 0 1.2em;
    }
    .topbar-block-container {
        order: 3;
        flex: 1 100%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1229px) {
    .top-bar.inner-container.cf {
        font-size: 11.5px;
    }
}

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


    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }

    /* HEADER */
    .header-container .header {
        padding: 0em 0 0.8em;
        width: 92%;
    }

    .header-mobile .mobile-logo img
    {
        max-height:none;
        min-height: 0;
        height:auto;
        width:60%;
        max-width: 100px;
    }

    /* FOOTER */
    .footer-container .social-icons{
        width:100%;
    }
    .footer-container .newsletter-footer {
        text-align: center;
    }
    .footer-container .newsletter-footer button.button {
        display: inline;
    }

    .footer-container .newsletter-footer .social-icons ul{
        margin:5px auto 0 auto;
        float:none;
        display:inline-block;
        width:100%;
        text-align: center;
    }
    .footer-container .newsletter-footer .social-icons li{
        display:inline-block;
    }
    .footer-container .newsletter-footer table {
        margin: 0 auto;
    }

    /* Page slide stuff */
    .header-mobile .mobile-menu #pageslide .form-search {
        padding:1em 0.5em;
    }
    .header-mobile .mobile-menu #pageslide .form-search button.search-button
    {
        height:28px;
        padding: 0.4em 0.5em 0.4em;
        margin-left: 0;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .header-mobile .mobile-menu #pageslide #search {
        -webkit-appearance: none;
        border-radius: 0;
        height:28px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }

    .main {
        padding-top: 0!important;
    }

    .breadcrumbs
    {
        width:100%;
        margin: 0 auto;
        border-bottom:1px solid #000;
    }

    .breadcrumbs ul
    {
        padding: 0 0 1em;
        margin:0em auto;
        width:90%;
        color:#333333;
    }

    .inner-container
    {
        width: 100%;
    }

    .sidebar {
        display: none;
    }

    .page-title {
        position: static;
        margin: 2em auto !important;
        float:none;
    }
    .page-title h1,
    .page-title h2 {
        font-family: 'myriad-pro', "Times New Roman", "Arial";
        font-size: 2em !important;
        text-align: center;
    }

    .cart-empty {
        text-align: center;
    }

    /*button.button {
        float: none;
    }*/
    .buttons-set button {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    ul.messages, ul.messages > li {
        margin: 0;
    }

    /* Newsletter Modal*/
    .page .folk-modal-container,
    .page #modal-container
    {
        width:100%!important;
        max-width:100%;
        height:100% !important;
        top:-1px !important;
        left:-1px !important;
        margin: 0 auto !important;
        overflow-y: auto;
    }
    #modal-container #modal-text-container input {
        float: none;
        width: 93%;
    }
    #modal-container .actions button {
        margin: 1em 0;
        width: 100%;
        height:40px;
    }

    /* Checkout Success */
    .checkout-onepage-success .main-container {
        background: none;
    }
    .checkout-onepage-success .succ-text {
        float: none;
        width: 92%;
        margin: 0 auto;
        padding-bottom: 3em;
    }
    .checkout-onepage-success .succ-text .buttons-set {
        text-align: center;
    }

    .checkout-onepage-success .main button.button {
        background: #65beeb;
        color: #FFF;
        border-color: #65beeb;
        margin: 0 auto 1em;
        display: inline;
    }
    .checkout-onepage-success .fb-share-button {
        margin: 0 auto;
        display: table;
    }
    .checkout-onepage-success .main,
    .checkout-onepage-success .main-container {
        min-height: 0;
    }

    #cookiepop {
        height:auto !important;
    }
    #cookiepop .inner-container {
        width:auto !important;
    }
    #cookiepop .inner-container .w50pc {
        width:100% !important;
    }
    #cookiepop .cookie-warning-msg {
        display: block !important;
        margin-bottom: 0.5em !important;
    }
    #cookiepop .inner-container a {
        margin: 0 !important;
    }
    #cookiepop a.dismiss {
        position: absolute !important;
        right:0 !important;
    }
    #cookiepop .more a.dismiss {
        position: static !important;
    }

    #zenbox_tab {
        display: none!important;
    }

    .review-video-360-container {
        width:80%!important;
        padding:5% 10%!important;
    }
    #video-thumbs {
        width:100%;
        float:left;
        margin:1em 0;
    }
    #video-thumbs li {
    }


    #pack-sizer-overlay,
    #pack-sizer-modal {
        display: none !important;
    }

	table.flexible { width: 19.5em; margin:0 auto; }
	.cms-page-view .heading-area { position:relative; z-index:9999; width:66%; margin-top:75px }


}


/*----------------------------------------------------------------------------
Adaptive stylesheet for landscape mobiles, (240 - 600) and landscape
----------------------------------------------------------------------------*/

@media screen and (min-width: 480px) and (max-width: 600px) and (orientation: landscape) {


    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }

    .inner-container
    {
    }

}
 

/*----------------------------------------------------------------------------
Adaptive stylesheet for landscape mobiles, (0 - 480) and portrait
----------------------------------------------------------------------------*/

@media screen and (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {

    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
.cms-page-view .heading-area { margin-top: -4px; }
	.cms-page-view h1.athlete { font-size: 400% }
	.cms-page-view h2.athlete { font-size: 160% }


    .inner-container
    {
    }
}
/*----------------------------------------------------------------------------
Adaptive stylesheet for width < 1024px.
----------------------------------------------------------------------------*/

@media (max-width: 1024px) {

	.cms-page-view .inner-container {
		width: 90%;
	}

}

/*----------------------------------------------------------------------------
Adaptive stylesheet for width < 850px.
----------------------------------------------------------------------------*/

@media (max-width: 850px) {

	.cms-menu
	{
		width:90%;
	}

}

/*----------------------------------------------------------------------------
Adaptive stylesheet for width < 750px.
----------------------------------------------------------------------------*/

@media (max-width: 750px) {

	.cms-menu
	{
		display: none;
	}

	.cms-page-view h1
	{
		margin-top:0.5em;
	}

	.cms-page-view .page-title{
		text-align:center;
	}

	.main-container .col-main {
		width:100%;
	}

	.cms-page-view .col-main .std {
		overflow-x: auto;
	}

	/* About Us */
	.cms-page-view #about-us-top-hero-container {
		width: 92%;
	}
	.cms-page-view .about-us-text {
		width: 244px;
	}
	.cms-page-view .about-us-button-container {
		width: 100%;
	}

	.four-o-four-nav-links{
		width:100%;
        margin:0 auto;
	}

	.cms-page-view .page-title{
		text-align:center;
	}

	.four-o-four-container {
		width: 75%;
		margin: 0 auto;
	}

	.four-o-four{
		background-position:left;
	}

    #heritage-slider {
        height:500px;
    }

    #heritage-slider-container .scrollableArea {
        width:3578px;
        height:500px;
        background-size:3578px 500px;
    }

    #panel-1 {
        width: 267px;
    }

    #panel-2 {
        width: 206px;
    }

    #panel-3 {
        width: 147px;
    }

    #panel-4 {
        width: 181px;
    }

    #panel-5 {
        width: 144px;
    }

    #panel-6 {
        width: 187px;
    }

    #panel-7 {
        width: 139px;
    }

    #panel-8 {
        width: 157px;
    }

    #panel-9 {
        width: 205px;
    }

    #panel-10 {
        width: 208px;
    }

    #panel-11 {
        width: 173px;
    }

    #panel-12 {
        width: 200px;
    }

    #panel-13 {
        width: 180px;
    }

    #panel-14 {
        width: 161px;
    }

    #panel-15 {
        width: 167px;
    }

    #panel-16 {
        width: 186px;
    }

    #panel-17 {
        width: 190px;
    }

    #panel-18 {
        width: 239px;
    }

    #panel-19 {
        width: 241px;
    }

}


/*----------------------------------------------------------------------------
Adaptive stylesheet for landscape mobiles, (240 - 600) and landscape
----------------------------------------------------------------------------*/

@media (min-width: 480px) and (max-width: 600px) and (orientation: landscape) {

}


/*----------------------------------------------------------------------------
Adaptive stylesheet for landscape mobiles, (0 - 480) and portrait
----------------------------------------------------------------------------*/

@media (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {

    #heritage-slider {
        height:400px;
    }

    #heritage-slider-container .scrollableArea {
        width:2863px;
        height:400px;
        background-size:2863px 400px;
    }

    #panel-1 {
        width: 213px;
    }

    #panel-2 {
        width: 166px;
    }

    #panel-3 {
        width: 117px;
    }

    #panel-4 {
        width: 145px;
    }

    #panel-5 {
        width: 115px;
    }

    #panel-6 {
        width: 150px;
    }

    #panel-7 {
        width: 111px;
    }

    #panel-8 {
        width: 125px;
    }

    #panel-9 {
        width: 164px;
    }

    #panel-10 {
        width: 167px;
    }

    #panel-11 {
        width: 138px;
    }

    #panel-12 {
        width: 160px;
    }

    #panel-13 {
        width: 144px;
    }

    #panel-14 {
        width: 130px;
    }

    #panel-15 {
        width: 133px;
    }

    #panel-16 {
        width: 149px;
    }

    #panel-17 {
        width: 152px;
    }

    #panel-18 {
        width: 191px;
    }

    #panel-19 {
        width: 193px;
    }

}
/*----------------------------------------------------------------------------
Adaptive stylesheet for width < 1024px.
----------------------------------------------------------------------------*/

@media (max-width: 1024px) {
    .cms-home .col-main.inner-container {
        width:100% !important;
    }
}

/*----------------------------------------------------------------------------
Adaptive stylesheet for width < 850px.
----------------------------------------------------------------------------*/

@media (max-width: 850px) {
    .cms-home .main-container
    {
        top: -103px;
        margin-bottom: -103px;
    }
}

/*----------------------------------------------------------------------------
Adaptive stylesheet for width < 750px.
----------------------------------------------------------------------------*/

@media (max-width: 750px) {

    #bottom-hero {
        margin-top: 0em;
    }

    .cms-home .main-container
    {
        z-index: 5;
        position: static;
        top: auto;
        margin-top: 0;
        margin-bottom: 0;
    }

    /* Main Hero */
    .banner{
        display:none;
    }
    #slider-fallback{
        margin-bottom:1em;
    }
    #slider-fallback img {
        vertical-align: bottom;
    }
    .slider-fallback-text-container{
        margin: 0 auto;
        position:relative;
        top:90%;
        padding:15px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomleft: 10px;
        width:50%;
        z-index:200;
        text-align: center;
    }
    .slider-fallback-text-container h3{
        font-family: 'myriad-pro', "Times New Roman", "Arial";
        margin-bottom: 10px;
        font-size: 2em;
    }

    /* CAPTIONS */
    .slide-caption-bottom {
        position: relative;
        background: #65beeb;
        color: #ffffff;
        padding: 10px 16px;
        width: auto;
        margin: 0 auto;
        display: table;
        border-top-right-radius: 7px;
        border-bottom-left-radius: 7px;
        -webkit-border-top-right-radius: 7px;
        -webkit-border-bottom-left-radius: 7px;
        -moz-border-radius-topright: 7px;
        -moz-border-radius-bottomleft: 7px;
        top:90%;
        z-index: 200;
    }
    #duo-links-container .slide-caption-bottom {
        left: 0;
    }
    #bottom-hero-mobile .slide-caption-bottom {
        left: 0;
    }


    /* Sub Heros */
    #duo-links{
        margin:0 auto;
        padding:0;
        position: relative;
    }
    #duo-links-container{
        background:none;
        margin:0 auto;
        padding:0;
        width:100%;
        height:auto;
        text-align:center;
    }
    #duo-link-1, #duo-link-2, #duo-link-3{
        width:100%;
        float:none;
        text-align:center;
        margin-bottom:0em;
    }
    .duo-link-1-text, .duo-link-2-text, .duo-link-3-text{
        margin: 0 auto;
        top:auto;
        left: auto;
        position:relative;
        padding: 15px;
        z-index: 100;
        height: auto !important;
    }
    .duo-link-1-text h3, .duo-link-2-text h3, .duo-link-3-text h3 {
        font-size: 2em;
    }

    /* Bottom Hero */
    .bottom-hero-container{
        width:85%;
        max-width: auto;
        min-width: 0;
        margin:0 auto;
    }
    #bottom-hero-mobile{
        height:210px;
        width:100%;
        background:url("http://www.ospreyeurope.com/skin/frontend/osprey/default/images/bottom-hero-atmos.jpg");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position:center;
        position:relative;
        display:block;
        clear:both;
    }
    .bottom-hero-container{
        width:100%;
        max-width: none;
        min-width: 0;
        position:absolute;
        display:block;
        height: 280px;
    }
    .bottom-hero-header{
        position:relative;
        top: 90%;
        background-color:#ffffff;
        border-top-right-radius: 15px;
        -webkit-border-top-right-radius: 15px;
        -moz-border-radius-topright: 15px;
        width:70%;
        padding:20px;
        margin:0 auto;
        text-align:center;
    }
    .bottom-hero-text{
        margin:10px 0 0 0;
        padding:0;
        width:100%;
    }
    .bottom-hero-header h2{
        margin-bottom:10px;
        font-size: 2em;
    }
    #bottom-hero-mobile{
        background:none;
        height:570px;
    }
    #bottom-hero-mobile .bottom-hero-container {
        top:0;
        width: 100%;
        background: url("http://www.ospreyeurope.com/skin/frontend/osprey/default/images/bottom-hero-atmos.jpg");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center;
    }
    .bottom-hero-button{
        display:none;
    }
    .bottom-hero-header h2 {
        color: #000000;
    }
}


@media (max-width: 400px) {
    #bottom-hero-mobile{
        background:none;
        height:660px;
    }
}

/*----------------------------------------------------------------------------
Adaptive stylesheet for landscape mobiles, (240 - 600) and landscape
----------------------------------------------------------------------------*/

@media (min-width: 480px) and (max-width: 600px) and (orientation: landscape) {



}


/*----------------------------------------------------------------------------
Adaptive stylesheet for landscape mobiles, (0 - 480) and portrait
----------------------------------------------------------------------------*/

@media (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {



}