@media (max-width:1024px) {
  .full-banner-conten {height:400px !important;justify-content:center !important;display:flex !important;flex-direction:column !important;}.your_shed p {display:inline !important;font-size:28px !important;font-weight:550 !important}.banner-main {height:400px !important;}.banner-hover {height:400px !important;}
}
@media (max-width:600px) {.top-header-area > .top-text {font-size:12px;font-weight:200;padding-top:40px}.menu-area {display:flex}.mainwrap .main-menu {.address {flex-direction:column !important;gap:0px !important;#phone {display:block !important}}.menu-link {border-top:none !important;.sp-link-title {font-size:12px !important}}}.header-element.megamenu-content {width:100% !important}.slide-c-1.h-s-content {display:flex !important;flex-direction:column !important;width:100% !important;justify-content:space-between !important;.image-slide {max-height:286px !important}.slide-content {width:100% !important;.title {line-height:45px !important;font-size:30px !important;text-align:start !important}}#shed-image {width:80% !important;#mark {size:80% !important}#slide-shed-1 {height:75% !important}#slide-shed-1-hero4 {height:70% !important}.slide-shed-1-landing {height:70% !important}.slide-man {bottom:0px !important}}}.owl-item .items .img-back {height:600px !important;.btn.btn-style1 {margin-bottom:20px !important;width:100%}}.service-section .service {overflow-x:unset !important;display:flex !important;flex-direction:column !important;gap:5px !important}.service-box .s-box {justify-content:start !important;.service-content {.service-span {font-size:15px !important;text-align:start !important;font-weight:200 !important}}}.owl-carousel .owl-dots {bottom:-22px !important;width:100% !important}.pro-tab .nav.nav-tabs {display:flex !important;gap:10px !important;margin-top:33px !important}.pro-tab {.section-title3 span {font-weight:550 !important;font-size:28px !important;padding-left:0px !important;text-align:left}}.organic-food-fresh-banner {.offer-banner {padding:5px !important;.choose-your-look {font-size:28px !important;font-weight:550 !important}.green_radius_link {width:100% !important;text-align:center !important}}}.color-grid-container {display:inline-grid;grid-template-columns:auto auto auto auto;overflow-x:scroll;.color-panel {width:169px !important;height:169px !important}}.banner-main .btn.btn-style4 {width:100% !important}.g-5, .gx-5{--bs-gutter-x: 0rem;}.full-banner-conten {min-height:400px !important;justify-content:center !important;display:flex !important;flex-direction:column !important;.your_shed p {display:inline !important;font-size:28px !important;font-weight:550 !important}}.banner-main {min-height:400px !important;.banner-hover {min-height:400px !important;.img-fluid {min-height:400px !important}}}.section3-t-padding {background-size:auto auto}.footer-link {.f-logo {border-bottom:none !important}}.footer-link .f-link a.h-footer {border-bottom:none !important;font-size:20px !important;color:#333333}#footer-hidden {display:inline !important}#footer-show {display:none !important}.footer-link .f-link.customization {margin-top:10px !important}.organic-food-fresh-banner > .offer-banner {flex-direction:column-reverse !important}.offer-banner > .shed-image {height:212px !important}.organic-food-fresh-banner > .offer-banner .brochure {margin-left:0 !important}.btn.btn-style3.mt-3 {width:100% !important}.section1-t-padding {padding-left:10px !important;padding-right:10px !important}.section1-t-padding > .steps {justify-content:start !important;margin-top:0px;.step .step-title {width:max-content !important;font-size:14px !important}.step .round-number {font-size:14px !important;padding-left:6px !important;padding-right:6px !important}}.shed-style-container {padding:0px !important}#step-bar {overflow-x:scroll}.shed-card-list > .shed-card {width:50% !important;height:172px !important}.section1-t-padding.section1-b-padding #our-barns {padding-right:10px !important}#style-size {padding-right:10px !important}.shed-size-card .item-card .size-image {width:100% !important;aspect-ratio:1 !important;background-size:contain !important;height:auto !important}.shed-entry-door-card .item-card .image, .shed-barn-door-card .item-card .image, .shed-window-options-card .item-card .image {width:100% !important;aspect-ratio:1 !important;background-size:contain !important;height:auto !important}#roof-type, #flooring-type, #siding-type, #door-window-type, #trim-type, #door-window-type, #quality-details, #payment_information {padding-right:10px !important}#roof-type .roof-paint, #roof-type .roof-metal, #roof-type .roof-shingles {flex-direction:column !important;justify-content:start !important;align-items:start !important}#roof-type .roof-paint-div, #roof-type .roof-metal-div, #roof-type .roof-shingles-div {padding:16px !important}#roof-type .roof-urethane, #siding-type .siding-type, #flooring-type .flooring-type {flex-direction:column !important;justify-content:start !important;align-items:start !important}#roof-type .roof-urethane-div, #siding-type .siding-type-div, #door-window-type .door-window-div, #flooring-type .flooring-type-div {padding:16px !important}/* .order_detail.right-column {display:none} */ .footer-link {margin-left:0 !important}#step6 {margin-right:10px}.full-banner.section1-t-padding {padding-left:0 !important;padding-right:0 !important}.footer-logo.footer-li .img-fluid {width:50% !important}.sidenav123 {height:100%;width:0;position:fixed;z-index:100;top:0;right:0;background-color:#f2f2f2;overflow-x:hidden;transition:0.5s;padding-top:20px;/* padding:20px; */}.sidenav123 a {padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:0.3s}.sidenav123 a:hover {color:#f1f1f1}.sidenav123 .closebtn {position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}@media screen and (max-height:450px) {.sidenav123 {padding-top:15px}.sidenav123 a {font-size:18px}}.order_detail_mobile {display:block !important}.next-checkout-btn-web {display:none !important}.next-checkout-btn {display:block !important}#top-profile, #information-div, #profile-about-us {padding-left:5px !important}#top-profile {#address-div {#display-name {font-size:28px !important}#address {font-size:18px !important}}#interested-btn {#hi {width:100%}}}#information-div {#work-time > span {flex:1}}#profile-about-us {#about-us-title {font-size:28px !important}}#product-details #product-info {flex-direction:column !important}#product-image, #product-description, #product_map, #freedelivery, #cashsamedays, #warrantydiv {padding:0px !important}#product-price {margin-top:30px}#freedelivery, #cashsamedays, #warrantydiv {margin-bottom:10px !important}#product-shedname {font-size:28px !important}.product-shedprice {font-size:16px !important}#optionshed-ouroption-tab, #cottonstatebarnscatalog {overflow:hidden}#dimensoins-brochure {padding:0 !important;margin-top:20px !important}#our-models-div {padding-left:8px !important;padding-right:8px !important}#our-padding-models {padding:8px !important}.modelcard > p {font-size:14px !important}.organic-food-fresh-banner > .offer-banner {flex-direction:column !important}.shed-image > #movie-image {width:93% !important}.item-card > .title {font-size:10px !important}.siding-metal-div, .siding-painted-div, .siding-poly-div, .siding-treated-div, .garage-door-options-div, .porch-options-div, .interior-options-div, .window-options-div, .additional-options-div {padding:18px !important}.roof-metal {flex-direction:column !important}.order_detail.right-column {height:100% !important;width:90%;position:fixed;z-index:100;top:0;right:0;background-color:#f2f2f2;overflow-x:hidden;transition:0.5s;padding-top:20px;display:none}.closebtn {display:block !important}.order_detail.right-column .title-bar {justify-content:space-between !important}.steps {display:none}.order_detail.right-column .title-bar {display:flex;gap:10px;justify-content:center}@media screen and (min-width:600px) {.order_detail.right-column {display:block !important}}@media screen and (max-width:1000px) {.purchase-option-card {flex-direction:column;text-align:center}#contract-option-card {align-items:center}#contract-option-card > .logo-container {width:60px}#contract-option-card > .flex-fill > div > div {flex-direction:column;align-items:center}}@media (max-width: 768){.siding-div-1 > .col-12.col-md-5.siding-content{padding-left: 20px !important}}@media (max-width:1024px){.color-grid-container {display:inline-grid;grid-template-columns:auto auto auto auto;overflow-x:scroll;}.color-panel {width:169px !important;height:169px !important}}