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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  .big-boy {
    font-size: 34px;
    padding: 6px 0;
  }
}

@media screen and (min-width: 850px) {
  /* flatsome update fix */
  .gallery-columns-3 .gallery-item, .large-columns-3 .col {
    max-width: 33.33333%;
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1170px) {
    .big-boy {
      font-size: 24px;
    }
    .single.single-product #wrapper .mp-row {
      width: 100%;
    }
    #mp-button button {
      margin: 0;
    }
    body.single-product .mp-customization {
      margin-left: 5px !important;
      margin-right: 5px !important;
    }
    body.single-product .mp-sizing {
      margin-left: 5px !important;
      margin-right: 5px !important;
    }
    .mp-preview-body > .col {
      width: 33%;
    }
    .mp-customization .fleft {
      width: 50%;
    }
    .mp-sizing .fleft {
      width: 50%;
    }
    .small-nav-collapse > li {
      margin: 0 !important;
      width: auto;
    }
    .col.large-columns-2.mp-customization {
      margin-bottom: 20px;
    }
    .mp-add-to-cart > button {
      font-size: 20px;
    }
    .mp-cont-shopping button {
      font-size: 17px;
      padding: 3px 9px;
    }
    .mp-customization, .mp-sizing {
      /*max-width: calc(50% - 10px) !important;*/
    }
    #mp-costs {
      padding: 0 15px 10px;
    }
    .mp-cost > span {
      font-size: 36px;
    }
    .share-block .share-text {
      display: none;
    }
	#mp-config > .col {
		max-width: calc(50% - 10px) !important;
	}
}

/* Early break */
@media only screen and (max-width : 990px) {
	.mp-customization, .mp-sizing {
		max-width: 100% !important;
	}
  /* mplus css */
	.single-product .flickity-slider .is-full-height {
		height: auto;
		min-height: 100px;
		padding-top: 44% !important;
	}
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .single.single-product #wrapper .mp-row {
      width: 100%;
    }
    body.single-product .mp-customization {
      margin-left: 5px !important;
      margin-right: 5px !important;
    }
    body.single-product .mp-sizing {
      margin-left: 5px !important;
      margin-right: 5px !important;
    }
    .mp-preview-body > .col {
      width: 33%;
    }
    .small-nav-collapse > li {
      margin: 0 !important;
      width: auto;
    }
    .col.large-columns-2.mp-customization {
      margin-bottom: 20px;
    }
    .mp-add-to-cart > button {
      font-size: 20px;
    }
    .mp-cont-shopping button {
      font-size: 17px;
      padding: 3px 9px;
    }
    .mp-customization, .mp-sizing {
      max-width: calc(50% - 10px) !important;
    }
    /* tab related */
    .tabbed-content .nav {
      width: 100%;
    }
    .nav > li {
      display: block;
    }
    .nav > li > a {
      padding: 2px 0;
    }
    #mp-overview ul.product-tabs > li {
      width: 100%;
      border-right: none;
      padding: 5px 20px;
    }
    .tabbed-content .tab-panels {
      padding:0;
    }
    .share-block {
      float: none;
      font-size: 18px;
      padding: 10px 20px;
    }
    #mp-overview .panel {
      padding: 20px;
    }
    article.detail-article, #tab-description .features {
      width: 100%;
    }
    #tab-description .features {
      margin: 10px 0 20px;
      padding: 20px 20px 5px 50px;
    }
    .col.mp-tabs.fleft, .mp-customization .fleft, .mp-sizing .fleft {
      width: 100%;
      padding-right: 0;
    }
    .mp-customization .mp-contents, .mp-sizing .mp-contents {
      display: none;
    }
    body.single-product .mp-customization, body.single-product .mp-sizing {
      padding-right: 0 !important;
    }
    #mp-config .mp-contents .mp-content {
      padding-right: 15px !important;
      height: 140px;
    }
    .col.mp-tabs li.tab-nav {
      border-right: none;
    }
    /* other */
    #customization-items {
      padding: 15px 15px 0 15px;
    }
    #sizing-items {
      padding: 0 15px 0;
      border-right: none;
    }
    .col.mp-tabs li.tab-nav {
      padding-left: 25px;
      font-size: 12px;
    }
    .mp-add-to-cart button {
      line-height: 1.8em;
      padding:5px 0;
    }
    .vert-line {
      display: none;
    }
    h2.mp-heading {
      padding: 20px 6px 0;
      margin-bottom: 10px;
    }
    #mp-costs {
      height: auto;
    }
}

/* Tablet Layout: 768px.  */

@media only screen and (min-width:768px) and (max-width:991px) {
	#tab-geometry_tab .bike-image, #tab-geometry_tab .tablepress-table {
		width: 100%;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 768px) {
    .single.single-product #wrapper .mp-row {
      width: 100%;
    }
    .mp-customization, .mp-sizing {
      max-width: 100% !important;
    }
    #mp-config > .col {
      max-width: 100% !important;
      -webkit-flex-basis:100%;
      -ms-flex-preferred-size:100%;
      flex-basis:100%;
    }
    body.single-product .mp-customization {
      margin-left: 5px !important;
      margin-right: 5px !important;
    }
    body.single-product .mp-sizing {
      margin-left: 5px !important;
      margin-right: 5px !important;
    }
    #customization-items {
      height: auto;
    }
    #sizing-items {
      height: auto;
    }
    .small-nav-collapse > li {
      margin: 0 !important;
      width: auto;
    }
    .col.large-columns-2.mp-customization {
      margin-bottom: 20px;
    }
    .mp-preview-body > .col {
      width: 100%;
    }
	/* mplus css 30-03-2018 */
	.single.single-product .mp-preview-body #mp-costs {
		background-color: #181616;
		border-bottom: 1px solid #FFFFFF;
		padding-top: 20px;
	}
	.single.single-product .mp-preview-body #sizing-items > h3 {
		border-top: 1px solid #FFFFFF;
		padding-top: 20px;
	}
	#tab-geometry_tab {
		background-color: inherit;
	}
	#tab-geometry_tab .tablepress-table {
		width: 100%;
	}
	.resp-tp-tabs {
		display: block;
		margin-bottom: 20px;
	}
	.resp-tp-tabs a {
		cursor: pointer;
		display: inline-block;
		margin-right: 8px;
		padding: 5px 0;
	}
	.resp-tp-tabs a.active {
		color: #FF0000;
	}
	.tablepress tbody td.inactive-column, #tab-geometry_tab .tablepress thead th, #tab-geometry_tab .bike-image {
		display: none;
	}

    .mplus-bottom-option{
        display: block;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .single.single-product #wrapper .mp-row {
      width: 100%;
    }
    .mp-customization, .mp-sizing {
      max-width: 100% !important;
    }
    body.single-product .mp-customization {
      margin-left: 5px !important;
      margin-right: 5px !important;
    }
    body.single-product .mp-sizing {
      margin-left: 5px !important;
      margin-right: 5px !important;
    }
    #customization-items {
      height: auto;
    }
    #sizing-items {
      height: auto;
    }
    .small-nav-collapse > li {
      margin: 0 !important;
      width: auto;
    }
    .col.large-columns-2.mp-customization {
      margin-bottom: 20px;
    }
    .mp-preview-body > .col {
      width: 100%;
    }
    h2.mp-heading {
      font-size: 1.4em;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .single.single-product #wrapper .mp-row {
      width: 100%;
    }
    .mp-customization, .mp-sizing {
      max-width: 100% !important;
    }
    body.single-product .mp-customization {
      margin-left: 5px !important;
      margin-right: 5px !important;
    }
    body.single-product .mp-sizing {
      margin-left: 5px !important;
      margin-right: 5px !important;
    }
    #customization-items {
      height: auto;
    }
    #sizing-items {
      height: auto;
    }
    .small-nav-collapse > li {
      margin: 0 !important;
      width: auto;
    }
    .col.large-columns-2.mp-customization {
      margin-bottom: 20px;
    }
    .flickity-prev-next-button.next {
      margin-right: 0;
    }
    .mp-preview-body > .col {
      width: 100%;
    }
}

/* mplus css */

@media (min-width: 550px) {
	#billing_address_2_field > label.screen-reader-text {
	  height: auto;
	  position: static !important;
	  width: auto;
	}
}

@media (min-width: 850px) {
	body .header.show-on-scroll, body .stuck .header-main {
		height: 73px !important;
	}
	.logo-left .logo {
		flex-basis: 15%;
		margin-right: 0;
	}
	.header-inner .flex-col.flex-grow {
		display: flex;
		flex: inherit;
		margin: 0 auto;
	}
	.header-inner .flex-col.flex-right {
		display: flex;
		justify-content: flex-end;
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after {
		display:none;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
		text-align:center;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-1 {
		display: inline-block !important;
		float: none;
		padding: 15px 10px;
		width: auto;
	}
	.image-widget-link {
		display: block;
		position: relative;
	}
	.image-widget-content {
		background-color: rgba(22, 23, 24, 0.3);
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: center;
		left: 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
		/* transition:all 450ms ease */
	}
	.image-widget-content:hover {
		background-color: rgba(0, 0, 0, 0);
		transition:all 450ms ease
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
		line-height: 1;
		text-align:center;
	}
	.image-widget-content p {
		color: #FFFFFF;
		font-weight: 600;
		text-transform: uppercase;
	}
	.mfp-bg, .mfp-wrap {
/*		display: none;*/
	}

}

@media (min-width: 1400px) {
	.box-image {
		text-align: center;
	}
	.box-image > div > a {
		display: inline-block;
		position: relative;
	}
}

/*Desktop Screen 1024px  */
@media only screen and (min-width:992px) and (max-width:1199px) {

}

/* Tablet Layout: 768px.  */
@media only screen and (min-width:850px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding: 0 8px;
    font-size: 14px;
	}
}

/* Tablet Layout: 768px.  */
@media only screen and (min-width:992px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding: 0 15px;
	}
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-1 {
		padding: 15px 20px;
	}
}

/* Tablet Layout: 768px.  */
@media only screen and (min-width:1110px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding: 0 20px;
    font-size: 15px;
	}
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-1 {
		padding: 15px 25px;
	}
}

/* Tablet Layout: 768px.  */
@media only screen and (min-width:1338px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding: 0 26px;
	}
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-1 {
		padding: 15px 30px;
	}
}

/* Mobile Layout: 480px.  */
@media only screen and (max-width:849px) {
	.off-canvas-center .mobile-sidebar .nav-sidebar li a {
		color: #FFFFFF;
		font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
		font-weight: bold;
		text-transform: uppercase;
	}
	.off-canvas-center .mobile-sidebar .nav-sidebar li .toggle {
		display: none;
	}
	.off-canvas-center .nav .active > .children {
		padding-bottom: 0;
	}
	.off-canvas-center .mfp-content {
	    transform: none;
		transition: none 0s ease 0s;
		vertical-align: top;
	}
	.mfp-bg {
		display: block !important;
	}
	.mobile-menu-header {
		background-color: #000000;
		left: 0;
		position: fixed;
		top: 11px;
		width: 100%;
		z-index: 999;
	}
	.nav .children {
		transform: matrix(1, 0, 0, 1, 0, -60);
		transition:0.2s linear 0.5s;
	}
	.nav .active > .children {
		transform: matrix(1, 0, 0, 1, 0, 0);
	}

}

/* Wide Mobile Layout: 320px.  */
@media only screen and (max-width:479px) {
	#logo img {
		width: 175px;
	}
}

/*Custom Archive page responsiveness*/


@media (min-width: 30em){
    .archive-header-banner figure figcaption h1{
        font-size: 1.1em;
    }
    .archive-header-banner figure:before{
      padding-top: 50%;
    }
}


@media (min-width: 40em){
    .archive-main-content .entry-post{
        margin: .3rem;
        width: calc(50% - .7rem);
    }
    .archive-header-banner figure figcaption h1{
        font-size: 1.3em;
    }
}


@media (min-width: 70em){
    .archive-main-content .entry-post {
        margin: .2rem;
        width: calc(33% - .4rem);
    }
    .archive-header-banner figure figcaption h1{
        font-size: 1.7em;
    }
    .archive-header-banner figure:before{
        padding-top: 30%;
    }
}

@media (max-width: 40em){
    .newsletter-form-container{
        padding: 2rem;
        max-width: 100%;
    }
    .newsletter-form {
        max-width: 100%;
        padding: 1rem;
    }
}