@media(max-width:1366px){
/* nav.menu > ul > li > a, .account-link li a {margin: 0 8px; font-size: 14px; } */
h1 {font-size:52px; line-height: 52px; }
h2 {font-size: 24px; line-height: 25px; }
h4 {font-size: 19px; line-height: 23px; }
p{ line-height: 26px; }
.slide-caption p {font-size: 30px; margin-bottom: 54px; }
.slide-caption .btn-orange {font-size: 18px; padding: 15px 35px; }
.title-para {font-size: 16px; margin-bottom: 15px; }
.cco-details {padding-left: 15px; }
.cco-details p {margin-bottom: 20px;  }
.spdc-img {min-height: 100px; }
.top_footer {padding: 40px 0 40px 0; }
.newsletter-sec h3 {font-size: 22px; line-height: 30px; }
nav.menu > ul > li > a, .account-link li a {margin: 0 5px; font-size: 12px; }
.orange-btn {padding: 8px 10px; }
.account-link li a img {width: 18px; }
.account-link li a span{ top: -12px; }
.banner-caption h1 {font-size: 45px; margin-bottom: 10px; }
.left-menu ul li a{ font-size: 18px; }
.banner-in img{ min-height: 242px; object-fit: cover; }
.filter-btn{margin-right:0px; margin-bottom: 5px; }
.design-box label {font-size: 14px; }
.form-group{ margin: 15px 0 0; }
}
@media(max-width: 1300px){
.nav-right {flex-wrap: wrap; flex-direction: column-reverse; align-items: flex-end !important; }
.menu {width: 100%; }
.wrapper {padding-top: 130px; }
}
@media(max-width: 1199px){
.full-gallery-box img {height: 600px; }
.half-gallery-box img {height: 300px; }
.banner-in img {min-height: 200px; }
.left-menu ul li a {font-size: 16px; padding: 5px 15px; }
.step-box p, .video-title {font-size: 15px; }
.diy-details h3 {font-size: 18px; }
.refresh-editor img {display: block; margin: 0 auto 5px; }
.popup-links-box ul.d-flex li button{ padding: 10px; }
.input_tools .row label{ font-size: 14px; }
.enter-dimention-box .design-box .col-ful {
	max-width: 100%;
	flex: 0 0 100%;
}

}

@media(max-width: 1024px){
h1 {font-size: 32px; line-height: 42px; }
.slide-caption p {font-size: 20px; margin-bottom: 34px; font-weight: 400; }
.canvas_editor {padding: 20px; }
.middle-footer ul li, .middle-footer ul li a {font-size: 14px; }
.middle-footer ul.custom-pagination li {margin-right: 5px; }
.middle-footer ul.custom-pagination li a{ width: 28px; height: 28px; font-size: 14px; }
.help-note li {margin: 0 5px; }
.middle-footer ul.custom-pagination li:last-child a {width: auto; height: auto; }
.filter-btn{ padding: 10px 40px 10px 10px;font-size: 16px; }
.popup-links-box ul.d-flex li button, .drow-tools p, .ari-list li, .input_tools .checkbox-container {font-size:14px !important; }
.modal-body .custom-tabs li a, .popup-links-box ul.d-flex li button {
	font-size: 14px;
	padding: 35px 15px 10px 15px;
}
.popup-links-box ul.d-flex li button{ padding: 10px; }
}
@media(max-width: 991px){
h2 {font-size: 18px; line-height: 24px; }
h3 {font-size: 18px; line-height: 20px; }
h5 {font-size: 16px; line-height: 25px; }

/*menu css start*/
.bottom-header {
	position: relative;
	padding-right: 50px;
}

.menu-bar{ display: block; top: 8px; }
.menu {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:#f8832e; overflow: auto; text-align: center; padding: 100px 30px 30px; display: none; z-index: 99; }
nav.menu > ul > li{display: block; margin-bottom: 15px; }
nav.menu > ul > li > a {margin: 0; font-size: 20px; color: #fff; padding: 0;display: inline-block; }
nav.menu > ul > li > a:hover{color: #333c3b; margin-left: 3px; }
.no-scroll{ overflow: hidden; }
.menu-bar.change {z-index: 100; }
.menu-bar.change .bar1, .menu-bar.change .bar2, .menu-bar.change .bar3{ background-color: #fff; }
#header { padding-bottom: 10px; position: static; }
.nav-right {width:auto; }
/*menu css end*/
.wrapper {padding-top: 0; }
.cco-sec, .spdc-sec, .get-free-closet, .gallery-sec, .testimonial-sec {padding: 50px 0; }
.cco-details h2 {margin-bottom: 15px; }
.title-para::after {width: 35px;}
.title-para{ padding-left: 50px; }
.bg-img-box img {height: 300px;}
.icon-box{ width: 120px; height: 120px; }
/* .icon-box img {width: 50px; } */
.hiw_details {padding-top: 15px; padding-left: 15px; padding-bottom: 20px; }
.hiw_details h5 {margin-bottom: 15px; }
.hiw_details p {margin-bottom: 15px; font-size: 14px; line-height: 24px; }
.nav-custom-tabs .nav-item .nav-link {font-size: 14px; padding: 8px 10px; }
.nav-custom-tabs .nav-item {padding: 0 8px; }
.nav-custom-tabs {margin: 0 -8px 35px; }
.gallery-list li img {height: 250px; }
.newsletter-sec h3 {font-size: 16px; line-height: 22px; font-weight: 500; }
.newsletter-sec p {font-size: 14px; font-weight: 400; margin-top: 5px; }
.newsletter-sec .form-group .form-control {height: 50px; font-size: 14px; font-weight: 400; padding-left: 15px; padding-right: 95px; }
.newsletter-sec .form-group .btn-brown {font-size: 14px; padding: 0 20px; }
.foo-col-1 p {font-size: 14px; line-height: 24px; padding-right: 0; margin-top: 15px; }
.foo-social li {font-size: 14px; margin-top: 0; }
#footer h6 {font-size: 16px; line-height: 24px; margin-bottom: 25px; }
.foo-col-2 li {margin-bottom: 0; }
nav.menu > ul > li.active > a,
nav.menu > ul > li > a:hover{ color: #000; }
ul.sub-menu { display: none; } 
.banner-caption h1 {font-size: 45px; margin-bottom: 0px; line-height: 45px; }
.banner-caption p {font-size: 25px; line-height: 30px; }
.about-cco .cco-details {padding: 0 20px 0 0; }
.about-us-point h4 {font-size: 15px; }
.about-us-point h4 b {font-size: 18px; margin-bottom: 0px; }
.about-us-point {padding: 50px 0; }
.about-hiw-sec .hiw_details ul.d-flex li {width: 100%; font-size: 14px; padding-left: 45px; margin-bottom: 15px; padding-right: 0; }
.contactus-sec {padding: 50px 0 20px; }
.contact-frm {padding-right: 5px; }
.about-us-point.contactus-list {padding: 0; }
.about-us-point h4 a{ font-size: 15px; }
.about-us-point.contactus-list .icon-box img {width: auto; }
.faqListing {padding: 50px 0; }
.start-designing-sec .col-md-6 {padding: 0 15px; }
.design-box{padding: 20px 15px; }
.gallery-filter li {padding-right: 15px; }
.gallery-filter li .ui-selectmenu-button.ui-button{ font-size: 14px; }
.gallery-filter li .ui-button .ui-icon{ top: 2px; }
.full-gallery-box img {height: 500px; }
.half-gallery-box img {height: 250px; }
.gallery-list-sec {padding: 50px 0; }
.radio-container p{ font-size: 14px; }
.start-design-sec {padding: 50px 0; }
.design-hiw-sec {padding:50px 0; }
ul.space-list li {margin-right: 15px; }
.accessories-sec {padding: 50px 0; }

/*accessories page css end*/
.design-idea-sec {padding: 50px 0; }
.feature-details p {font-size: 16px; }
.easyway-box.installation-steps {padding: 15px; }
ul.tools-list li div {width: auto; }
.banner-in img {object-fit: cover; }
.about-setisfection.black-bg {margin-top: 60px; }
.diy-details {padding: 15px; }
.diy-details h3 {font-size: 16px; }
.pf-sec .accessories-link li {margin-right: 15px; }
.pf-sec .accessories-link li a {font-size: 15px; padding: 0 4px; }
.color-box {font-size: 14px; }
.acce-sec, .eqd2-sec {padding: 50px 0; }
.your-garage-sec, .ppp-sec, .sca-sec{padding: 50px 0; }
.garage-title {padding:15px 0 0; margin-bottom: 20px; }
.laundry-gry-sec {padding: 60px 0 50px 0; }
.tip-idea-sec .diy-details {padding: 10px; }
.tip-idea-sec .diy-details h3 {line-height: 20px; font-size: 15px; }
.editor-left-pannel {padding: 30px 15px; }
.filter-select {font-size: 16px; }
.btn-box button{ font-size: 16px; }
.btn-box {margin-bottom: 15px; }
.editor-tabs li a {font-size: 16px; }
.price-tag, .buy-btn, .gray-btn, .accessories-list a{ font-size: 16px; }
.rditor-right-pannel {padding: 30px 15px; }
.middle-footer {padding: 15px; flex-wrap: wrap; }
.middle-footer .custom-pagination {width: 100%; flex-wrap: wrap; text-align: center; justify-content: center; }
.middle-footer .custom-pagination li:first-child {display: block; width: 100%; margin-bottom: 10px; }
.help-note {width: 100%; margin-top: 15px; justify-content: center; }
.editor-middle-pannel {padding-bottom: 150px; }
.middle-filter {flex-wrap: wrap; }
.undo-war-link {margin-top: 15px; }
.middle-filter-in {width: 100%; }
.modal-body .middle-sec-title {margin-bottom: 20px; }
.modal-body .accessories-link li{ margin-right: 0; }
.modal-body .accessories-link {margin-bottom: 25px; }
.modal-body h3 {font-size: 18px; }
.modal-body p {font-size: 16px; line-height: 23px; margin-bottom: 20px; }
.modal-body .cco-img {margin-left: 20px; }
.pro-row {margin-bottom: 25px; }
.pro-row > div{ margin-bottom: 15px; }
.modal-body h4{ font-size: 17px; }
.custom-footer button {padding: 10px 20px; font-size: 14px; margin-right: 5px; }
.custom-footer > div {width: 70%; }
.popup-links-box ul.d-flex {margin-bottom: 15px; }
.popup-links-box ul.d-flex li {margin: 0 8px 0 0px; }
.scds-row .col-md-2 {max-width: 50%; flex: 0 0 50%; }
.lys-sec .design-box h6 {font-size: 14px; margin-bottom: 15px; }
.dimention-details {padding: 20px 0px 0; }
.dimention-details h2 {font-size: 16px; margin-bottom: 5px; }
.outer-canvas-box span.left-dimention{ left: -10px; }
.outer-canvas-box span.right-dimention{ right: -10px; }

}
@media(max-width: 769px){
.editor-middle-pannel {width: calc(100% - 480px); }
.rditor-right-pannel {width: 280px; }
.angles li {width: 50%; }

}
@media(max-width: 767px){
.account-link li a.orange-btn{ display: none; }
.logo {width: 120px; }
.menu-bar {top: 0px; }
.home-slider .owl-nav{ display: none; }
.slide-caption h1{font-size: 16px; line-height: 20px; }
.slide-caption p {font-size: 14px; margin-bottom: 10px; line-height: normal; }
.slide-caption .btn-orange {font-size: 12px; padding: 8px 20px; }
.home-slider .owl-carousel .owl-item img {height: 300px; object-fit: cover; }
.cco-sec, .spdc-sec, .get-free-closet, .gallery-sec, .testimonial-sec {padding: 30px 0; }
.cco-img img {top: 0; left: 0; }
.cco-details {padding-left: 0; margin-top: 15px; }
.icon-box {width: 60px; height: 60px; margin-bottom: 15px; }
.icon-box img {width: 25px; }
.four-point-in .steps {width: 50%; }
.steps:hover .icon-box {margin-top: 0px; }
.four-point-in h4 {font-size: 14px; line-height: 16px; margin-bottom: 15px; }
#spdc-slider .owl-stage-outer {padding: 20px 0; }
.spdc-content-box {-webkit-box-shadow: 0px 5px 5px 0px rgba(32, 32, 32, 0.14); box-shadow: 0px 5px 5px 0px rgba(32, 32, 32, 0.14); }
.sdpc-title-box {padding: 10px; }
.hiwImg {position: relative; width: 100%; }
.nav-custom-tabs .nav-item {width: 50%; margin-bottom: 15px; }
.get-free-closet .btn-orange {margin-bottom: 15px; }
.gallery-list li {padding: 0; width: 100% !important; margin-bottom: 15px; }
.gallery-list {margin: 0; }
.hiw_details .btn-orange, .get-free-closet .btn-orange, .load-more .btn-orange {font-size: 16px; padding: 10px 25px; text-transform: capitalize; }
.testimonial-content-box{ padding: 15px; }
.testimonial-content-box p {line-height: 24px; margin: 0 0 15px; font-size: 14px; }
#testimonial-slider .owl-stage-outer {padding: 0px 0 26px 0; }
.newsletter-sec {padding: 30px 0px; text-align: center; }
.newsletter-sec h3 {font-size: 14px; line-height: 20px; font-weight: 500; }
.newsletter-sec p {font-size: 13px; margin-bottom: 5px; }
.newsletter-sec .form-group .btn-brown {font-size: 13px; padding: 0 15px; }
.newsletter-sec .form-group .form-control {height: 40px; font-size: 12px; font-weight: 400; padding-left: 15px; padding-right: 80px; }
.top_footer {padding: 30px 0; }
.foo-col-1 .foo-logo {width: 120px; }
.mob-col {width: 50%; margin-top: 15px; }
#footer h6 {font-size: 14px; line-height: 20px; margin-bottom: 15px; }
.foo-col-2 li a {font-size: 12px; line-height: 15px; }
.foo-col-2 li {line-height: 23px; }
.bottom_footer p {font-size: 11px; height: auto; line-height: normal; padding: 15px 0; }
.foo-col-1 p {font-size: 12px; line-height: 20px; }
.banner-in img {height: 300px; object-fit: cover; }
.banner-caption h1 {font-size: 25px; line-height: 25px; }
.banner-caption p {font-size: 14px; line-height: 20px; font-weight: 400; margin-top: 10px; }
.about-cco .cco-img img { right: 0; }
.about-cco .cco-details {padding: 0; }
.cco-details p {text-align: left; }
.about-setisfection h2 {font-size: 22px; }
.about-setisfection p {line-height: 20px; font-weight: 400; }
.about-us-point {padding: 30px 0; }
.about-us-point .col-md-3 {width: 50%; margin-bottom: 15px; }
.about-us-point .icon-box {width: 70px; height: 70px; margin-bottom: 15px; }
.about-us-point h4 {font-size: 13px; }
.about-us-point h4 b {font-size: 16px; }
.contactus-sec {padding: 30px 0 15px; }
.form-control {height: 50px; border-radius:5px; font-size: 14px; padding: 12px 12px 12px 40px; }
.input_icons {top: 16px; }
.form-group {margin-bottom: 15px; }
.contactus-sec .cco-img img {right: 0; top: 0; }
.contactus-list .container {padding: 30px 15px; }
.about-us-point h4 a{font-size: 13px; word-wrap: break-word; }
.login-sec {padding: 50px 0; }
ul.acc_link li a {font-size: 18px; padding: 0 15px; }
ul.acc_link li:not(:last-child) a::after {top: 7px; right: -2px; height: 15px; }
.loginBox {padding: 50px 15px 30px 15px; }
.check-link-box {flex-wrap: wrap; }
.check-link-box a {margin-top: 15px; }
.faqListing {padding: 30px 0; }
.faqListing .panel-title a {font-size: 14px; line-height: 20px; }
.faqListing .panel-title {padding-top: 20px; padding-bottom: 20px; margin-top: 20px; padding-left: 80px; }
.faqListing .panel-body {padding: 15px; font-size: 14px; line-height: 26px; }
.start-designing-sec {padding: 50px 0 0; }
.design-box {margin-bottom: 50px; }
.gallery-filter li {padding-right: 10px; }
.full-gallery-box img {height: 400px; }
.half-gallery-box img {height: 200px; }
.gallery-list-sec {padding:30px 0; }
.gallery-filter li button{ padding: 10px; font-size: 14px; }
.gallery-filter li input[type="text"] {padding: 10px 41px 10px 10px; font-size: 14px; }
.start-design-sec {padding:30px 0; }
.radio-container {height: auto; }
.radio-container-in {padding: 15px; }
.wall-form .form-control {height: 50px; }
.wall-label {font-size: 16px; margin: 0; }
.wall-form h5 {font-size: 16px; }
.wall-form{padding-top: 20px; margin-top: 20px; }
.steps-point {font-size: 18px; line-height: 24px; }
.hiw-three-steps {height: auto; margin-bottom: 30px; padding: 20px 15px; }
.design-hiw-sec {padding:30px 0; }
.design-hiw-sec .middle-sec-title {margin-bottom: 20px; }
.radio-box {font-size: 14px; }
.dotkmark{ top: 5px; }
.accessories-sec {padding:30px 0; }
.accessories-link li {margin-right: 0; }
.accessories-link li a {font-size: 12px; padding: 0 6px; }
.accessories-link {margin-bottom: 20px; }
.accessories-sec .middle-sec-title.left-side {margin: 0px 0 30px 0; }
.product-detail-box h2 {font-size: 18px; }
.amount {font-size: 16px; margin-bottom: 15px; }
.amount-disc {font-size: 16px; margin-bottom: 15px; }
.product-detail-box .btn-orange {font-size: 12px; padding: 8px 15px; margin: 0 10px; }
.qty {font-size: 14px; }
.product-delivery-details li {font-size: 14px; margin-right: 0; margin-bottom: 15px; }
.product-detail-box {margin-bottom: 30px; }
.design-idea-sec {padding: 30px 0; }
.left-menu-head {padding: 15px; }
.left-menu ul {padding: 20px 0; }
.left-menu ul li {margin-bottom: 5px; }
.left-menu {height: auto; margin-bottom: 15px; }
.left-menu ul li a {font-size: 14px; }
.easyway-box {padding: 15px; }
.easyway-box .middle-sec-title {margin-bottom: 30px; }
.easyway-box .design-box {margin-bottom: 15px; }
.easyway-box h6 {font-size: 16px; margin-bottom: 15px; }
.banner-caption a {font-size: 14px; padding: 6px 10px; border: 1px solid #f8832e; margin: 15px 5px 0; }
.feature-option-sec {padding: 30px 0; }
.feature-option-sec .design-box::before,
.feature-option-sec .design-box::after{ display: none; }
.feature-option-sec .design-box{ margin-bottom: 0; }
.feature-details {padding: 15px 0px 0; margin-bottom: 15px; }
.btn-download {font-size: 14px; }
ul.tools-list {flex-wrap: wrap; }
ul.tools-list li {width: 50%; margin-bottom: 15px; }
.order-history h3 {font-size: 18px; }
.order-history {padding: 0 15px 20px; }
.easyway-box .middle-sec-title {margin-bottom: 15px; } 
.account-box .form-group {margin-bottom: 15px; }
.add-email, .form-group p {font-size: 14px; }
.delete {top: 17px; right: -14px; }
.my-account-sec {padding: 30px 0; }
.our-team-sec {padding: 30px 0; }
.about-setisfection.black-bg {margin-top: 30px; padding: 30px 0; }
.tips-n-tricks .gallery-filter {margin-bottom: 15px; }
.tips-n-tricks .tip-box {margin-bottom: 20px; }
.free-simple-design-sec {padding: 30px 0; }
.hiw-sec.our-team-sec .hiwImg {left: 0; }
.hiw-sec.our-team-sec .hiw_details {padding: 0 15px 0 15px; margin-top: 30px; }
.eqd-sec {padding: 30px 0; }
.eqd-sec h2 {font-size: 22px; line-height: 28px; }
.eqd-sec p {font-size: 16px; }
.eqd-sec a {margin: 0 5px; padding: 8px 20px; font-size: 14px; }
.pf-sec .accessories-link li {margin-right: 4px; }
.pf-sec .accessories-link li a {font-size: 14px; padding: 0 4px; }
.acce-sec, .eqd2-sec {padding: 30px 0; }
.your-garage-sec, .ppp-sec, .sca-sec {padding: 30px 0; }
.ppp-sec .design-box {margin-bottom: 0; }
.garage-title {margin-bottom: 35px; }
.laundry-gry-sec {padding: 40px 0 30px 0; }
.design-box img {width: 100%; }
.laundry-gry-sec .design-box {margin-bottom: 0; }
.laundry-gry-sec .garage-title {margin-bottom: 25px; }
.editor-wrapper{ flex-wrap: wrap; }
.editor-left-pannel {width: 100%; }
.editor-middle-pannel {width: calc(100% - 0px); padding-bottom: 30px; }
.rditor-right-pannel{ width: 100%; }
.middle-footer {position: static; }
.modal-body {padding: 15px; }
.modal-body .cco-img {margin-left: 0; }
.popup-pro-detail {margin-top: 15px; }
.modal-body h3 {font-size: 17px; }
.pro-row > div {margin-bottom: 30px; }
.pro-row {margin-bottom: 0; }
.custom-footer {padding-top: 15px; text-align: center; flex-wrap: wrap; }
.custom-footer > div {width: 100%; margin-bottom: 15px; }
.custom-footerOut {padding: 0 15px; margin-top: 15px; }
.drow-canvas {min-height: 400px; margin-bottom: 15px; height: auto; }
.popup-links-box ul.d-flex {flex-wrap: wrap; }
.popup-links-box ul.d-flex li {margin: 0; width: 33.33%; padding: 0 5px; margin-bottom: 10px; }
.popup-links-box ul.d-flex li button {padding: 5px; font-size: 12px !important; width: 100%; }
.input_tools .form-control{ margin-bottom: 0; }
.input_tools .form-group {margin-bottom: 15px; margin-top: 0; }
.input_tools .btn-orange{ margin-top: 15px;  }
.drow-tools{ padding: 15px; }
.lys-sec .design-box {height: auto; }
.lys-sec .design-box h6 {font-size: 16px; margin-bottom: 10px; }
.modal-body .popup-title2 p {font-size: 16px; }
.enter-dimention-box {margin-bottom: 0; }
.angles li {width: 33%; }
.laundry-box {margin-top: 0; }
.measure-row .design-box {margin-bottom: 0; }
.dimention-details{ margin-bottom: 30px; }
.laundy-slider{ width: 100% !important; overflow: hidden; }
}
@media(max-width: 575px){
.gallery-filter{ flex-wrap: wrap; }
.gallery-filter li{ width: 100%; margin-bottom: 15px; }
.gallery-filter li .ui-selectmenu-button.ui-button{ text-align: left; }
ul.space-list {display: block; padding-bottom: 20px; margin-bottom: 20px; }
ul.space-list li {margin-right: 0; margin-bottom: 10px; }
.easyway-box .design-box{display: block; }
.easyway-box .design-box img {width: 100%; }
.step-box {margin-bottom: 20px; }
.accessories-sec.pf-sec .col-md-2.col-sm-4 {width: 33.33%; margin-bottom: 15px; }
.tip-idea-sec .team-box img {width: 100%; }
.wall-canvas-box{ padding-top: 100px; }
.outer-canvas-box {max-width: 300px;}

}