@media only screen and (max-width: 767px) {
html { font-size: 85%; }
.container { width: 90% !important; }
.container-flex { display: block !important; }
.top-header { font-size: 0.7em; }
.arrow-title { font-size: 2em; }
.header { z-index: 12; }
.header .container-flex { display: flex !important; padding: 0em; }
.header { padding: 1em; }
.sticky .header { padding: 1em 1em; }
.header .arrow-but { position: fixed; width: 80%; text-align: center; left: 50%; transform: translateX(-50%); bottom: 19px; }
.header .myamazon-but { position: fixed; bottom: 20px; width: 80%; text-align: center; left: 50%; transform: translateX(-50%); z-index: 9; }
.logo img { width: 125px; }
.sticky .logo img { width: 110px; }
.banner .container-flex { display: block; align-items: center; gap: 5em; }
.banner-img { margin-top: 3em; }
.banner,
 .strategies { padding: 3em 0; }
.myamazon-title { font-size: 2em !important; }
.banner-left ul { flex-wrap: wrap; }
.banner-left ul li { width: 100%; }
.banner-left ul li a { text-align: center; padding: 14px 20px 14px 20px; }
.brands-home .container:after { margin-top: 3em; }
.brands-home .container:before { margin-bottom: 3em; }
.amazon-growth-img { margin-bottom: 30px; }
.single-service .amazon-growth-img { margin-bottom: 0; }
.amazon-growth { padding: 3em 0 3em 0; border: solid #ddd; border-width: 0px 0px 1px 0px; }
.results .container-flex { margin: 3em 0 0em 0; }
.cta { margin: 4em 0 4em 0; }
.cta .myamazon-title { width: 100%; }
.brands-choose-right { margin-top: 40px; }
.brands-choose-grid { flex: 1 1 calc((100% / 1) - 2em); }
.testimonial { padding-top: 3em; border-top: solid 1px #ddd; margin-top: 3em; }
.testimonial-slider { width: 100%; margin: 2em auto 0 auto; }
.testimonial-right { margin-top: 30px; }
.faq { padding: 3em 0; margin-top: 3em; border: none; }
.footer { padding: 3em 0 3em 0; }
.copyright { gap: 1em; flex-wrap: wrap; padding-bottom: 40px; }
.strategies-grid { margin-bottom: 20px; }
.service-grid { margin-bottom: 20px; }
.full-service { padding: 3em 0 2em 0; border: solid #ddd; border-width: 1px 0px; }
.amazon-business aside { width: 100%; }
.results-grid { margin-bottom: 30px; }
.amazon-optimization .amazon-growth-img { margin-top: 30px; }
.amazon-optimization { padding: 3em 0; }
.creative-services-slider img { width: 100%; }
.storefront-design-grid { margin-bottom: 20px; }
.creative-services-cta { padding: 3em 0; margin-bottom: 0em; }
.seo-work-right { margin-top: 30px; }
.case-study-img { margin-top: 3em; }
.page-template-deflina-case-study .case-study-img { margin-top: 0em; }
.case-study-banner { padding: 3em 0; }
.dm-tags ul { flex-wrap: wrap; gap: 0.5em; }
.dm-tags ul li { flex: 1 1 calc((100% / 2) - 2em); font-size: 0.8em; text-align: center; padding: 12px 20px; }
.full-service .container-flex.service-all-grid { margin-top: 2em; }
.situation-results-grid { margin-bottom: 20px; }
.before-after { padding: 3em 0; }
.before-after .container-flex { margin-top: 1em; }
.before-after-grid ul li span { width: 60%; }
.before-after-grid { margin-bottom: 20px; }
.situation-results-grid img { border-radius: 20px; }
.situation-results-grid .myamazon-title { font-size: 1.5em !important; letter-spacing: 0; }
.case-study-box { margin-bottom: 30px; }
.contact-info .container-flex:before { width: 100%; background: none; box-shadow: none; }
.contact-form { background: #fff; box-shadow: 0 0 30px #0000001f; padding: 2em 1.5em; border-radius: 20px; }
.contact-form ul li { flex: 1 1 calc((100% / 1) - 1em); }
.contact-details { top: 0; margin-top: 3em; }
.contact-info { margin-bottom: 4em; }
.all-testimonial { padding: 3em 0 2em 0; margin-top: 0; }
.all-testimonial .container-flex .testimonial-grid { margin-bottom: 20px; padding: 2em 1em; }
.testimonials { flex-wrap: wrap; }
.case-study .case-study-itme { padding: 2em 1em 0em 1em; }
.case-study-right { padding: 2em 1em; margin-top: 30px; }
.case-study-right ul li aside strong { font-size: 2.2em; }
.case-study-right ul li aside strong:after { width: 16px; height: 19px; }
.case-study .myamazon-title { width: 100%; font-size: 1.8em !important; }
.case-study .case-study-itme:before { height: 70%; }
.case-study { margin-bottom: 3em; }
.testimonials div { margin: 20px 0 0 0; }
.founder-name { flex-wrap: wrap; gap: 1em; }
.slick-dots { position: relative; bottom: 0px; margin-top: 20px; }
.about-banner ul { flex-wrap: wrap; padding: 1em 0 3em 0; gap: 0.5em 0em; width: 100%; }
.about-banner ul li { width: 100%; }
.about-banner { padding: 3em 0 3em 0; }
.about-scale { margin-top: 3em; }
.about-scale img { height: 200px; object-fit: cover; }
.we-different p { width: 100%; }
.footer-info .social-media { flex-wrap: wrap; gap: 1em; margin-bottom: 30px; }
.footer-info .social-media span { width: 100%; }
.page-id-1237 .inner-banner .myamazon-title { margin: 0; }
.testimonials ul { justify-content: space-between; width: 100%; }
.case-study .slick-track { padding-bottom: 0; }
.testimonial-grid { margin: 0px 1px 10px 1px; }
.cta ul { gap: 2em; width: 100%; flex-wrap: wrap; align-items: center; }
.cta ul li { flex: 1 1 calc((100% / 2) - 2em); }
.cta ul li img { width: 100%; }
.accordion { margin-top: 2.5em; }
.case-study-left img { height: 300px; }
.slick-slide { margin: 0 10px; }
.tabs-nav { gap: 0; }
.tab-content { margin-top: 2.5em; }
.results { padding-top: 3em; }
.creative-services { padding: 1em 0 2em 0; }
.amazon-optimization .amazon-growth-grid,
.amazon-optimization .amazon-growth-img { width: 100%; }
.slick-prev { left: -10px; }
.slick-next { right: -10px; }
.Pt20 .amazon-growth-grid { margin-top: 2em; }
.commen-list { margin: 0px 0 0px 0; }
.storefront-design { margin-bottom: 3em; }
.seo-work { border: solid #ddd; border-width: 1px 0px; padding: 2em 0 !important; }
.faq { margin-top: 0em; }
.optimization-grid { margin-bottom: 5px; }
.listing-optimization { padding: 3em 0 3em 0; border: solid #ddd; border-width: 1px 0; }
.commen-list ul { margin-top: 20px; }
.page-id-16 .commen-list { margin: 0px 0 30px 0; }
.P0.single-service .amazon-growth-img { margin-bottom: 30px; }
.page-id-18 .strategies { padding: 2em 0 0em 0 !important; }
.page-id-18 .amazon-growth-img { margin-bottom: 0; }
.page-id-18 .strategic-campaign { padding-top: 3em; }
.success-stories-2 { padding: 2em 0; }
.our-process .container { padding: 3em 1em; }
.our-process .myamazon-title { width: 100%; margin: 0 auto 50px auto !important; font-size: 1.8em !important; }
.page-id-14 .service-grid { margin-bottom: 40px; }
.page-id-14 .service-grid:last-child { margin-bottom: 0px; }
.case-study-page { padding: 0em 0 2em 0; }
.situation-results { padding-top: 3em; }
.what-month { padding-top: 3em; }
.takeaway { padding-bottom: 3em; }
.footer-info ul li { display: flex; margin: 7px 0; justify-content: flex-start; padding: 1em 2em; }
.footer-info ul { display: inline-block; margin-top: 10px; }
.footer-service { display: inline-block; width: 100%; }
.footer-service:last-child { margin-bottom: 0; }
.footer-service strong { font-weight: 900; font-size: 1.3em; }
.footer-service ul { width: 100%; margin-top: 12px; }
.footer-service ul li { display: inline-block; border-right: none; line-height: 1; padding-right: 0; margin-right: 0; margin-bottom: 16px; width: 100%; padding-bottom: 0; position: relative; }
.social-media { margin-top: 15px; }
.case-study-right p { line-height: 26px; }
.footer-service ul li a { font-size: 1.1em; }
.acc-item { margin-bottom: 20px; }
}
 @media only screen and (max-width: 320px) {
html { font-size: 80%; }
.arrow-title { font-size: 1.8em; }
/*.banner img { height: 600px; }*/
.about-overlay h3 { font-size: 1.5em; }
.about-overlay p { padding: 7px 0 14px 0; line-height: 1.4; }
}
 @media only screen and (max-width: 992px) {
.header .menu { margin-left: 0; background: #f0961d; position: fixed; left: -100%; top: 0; height: 100%; width: 100%; transition: 0.1s; }
.open-menu .header .menu { left: 0; z-index: 99; transition: 0.1s; }
.header .menu ul { margin-right: 0; margin-top: 3em; }
.header .menu ul .sub-menu { margin-top: 0px; }
.header .menu ul li { display: inline-block; width: 100%; padding: 15px; border-bottom: solid 1px #eee; }
.main-wrapper .border-but { width: 90%; text-align: center; margin: 20px auto 0 auto; display: block; background: #f8cf27; border-color: #f8cf27; }
.header .menu ul li a { color: #fff; padding: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.header .menu ul li .sub-menu li a { display: block; padding: 10px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); width: 100%; color: #000; }
.toggle-menu { display: inline-block; margin-left: auto; z-index: 99; width: 30px; height: 20px; position: relative; }
.toggle-menu:before { content: ""; width: 100%; height: 20px; border: solid #000000; border-width: 2px 0px; position: absolute; top: 0; left: 0; transition: 0.1s; }
.toggle-menu:after { content: ""; width: 100%; height: 2px; background: #000000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: 0.1s; }
.sticky .toggle-menu:before { border: solid #000; border-width: 2px 0px; }
.sticky .toggle-menu:after { background: #000; }
.open-menu .toggle-menu { height: auto; position: absolute; right: 10px; top: 20px; }
.open-menu .toggle-menu:after { transform: translateY(-50%) rotate(45deg); transition: 0.1s; background: #fff; }
.open-menu .toggle-menu:before { content: ""; width: 100%; height: 2px; border: none; border-width: 2px 0px; position: absolute; top: 0; left: 0; background: #fff; transform: rotate(-45deg); transition: 0.1s; }
.slick-prev { right: 40px; }
.creative-services-slider .slick-slide { margin: 0 10px; }
.menu-arrow > a:after { border-top: 9px solid #ffffff; }
.header .menu ul li:hover,
.header .menu ul li.current-menu-item { background: #00000038; }
.header .menu ul li a:hover,
.header .menu ul li.current-menu-item a { color: #fff; }
}
 @media (min-width: 768px) and (max-width: 1023px) {
html { font-size: 80%; }
.container { width: 90% !important; }
.header { padding: 1em 2em 1em 2em; }
.toggle-menu { margin-left: 0; }
.header .thi-but { margin-left: auto; }
.logo img { width: 140px; }
.sticky .logo img { width: 110px; }
.myamazon-title { font-size: 2em; }
.banner-left ul { flex-wrap: wrap; }
.strategies .container-flex { gap: 1em; }
.strategies-grid { padding: 1em; }
.strategies-grid figure img { width: 30px; }
.strategies { padding: 5em 0 5em 0; }
.testimonial-slider { width: 100%; }
.testimonial-img img { height: 250px; }
.service-grid { padding: 1em; }
.strategic-campaign .container-flex { gap: 1em 1em; }
.strategic-campaign-grid { flex: 1 1 calc((100% / 2) - 2em); }
.dm-tags ul { flex-wrap: wrap; gap: 0.5em; }
.dm-tags ul li { flex: 1 1 calc((100% / 3) - 2em); text-align: center; padding: 12px 20px; }
.full-service .container-flex.service-all-grid { margin-top: 2em; }
.case-study-left { flex: 1 1 calc((45% / 1) - 2em); }
.case-study .slick-prev { right: 16%; }
.case-study-right { flex: 1 1 calc((45% / 1) - 2em); padding: 2em; }
.amazon-business .service-grid h3 { font-size: 2em; }
.case-study-box { flex: 1 1 calc((100% / 2) - 2em); }
.contact-details { flex: 0 1 calc((50% / 1) - 1em); }
.contact-form { padding-right: 0; }
.contact-details ul li img { width: 30px; }
.about-scale img { height: 260px; }
.footer-info .social-media span { width: 30%; }
.we-different p { width: 80%; }
.about-banner ul { gap: 0.5em; }
.about-banner ul li { padding: 16px 10px 16px 30px; }
.about-banner ul li:before { left: 8px; }
.contact-info { margin-bottom: 4em; }
.contact-form ul li textarea { height: 70px; }
.footer-info ul li { padding: 1em 1em; }
.footer-info ul li img { width: 28px; }
.footer-service ul li { padding-right: 6px; margin-right: 6px; }
.case-study-right p { line-height: 27px; }
.case-study .case-study-itme { padding: 3em 2em 2em 2em; }
.case-study-right ul li aside strong { font-size: 2em; }
.case-study-right img { width: 120px; }
.case-study-right ul li aside strong:after { width: 14px; height: 18px; }
.testimonial-slider .slick-prev { left: -15px; }
.testimonial-slider .slick-next { right: -15px; }
}
 @media (min-width: 1024px) and (max-width: 1200px) {
html { font-size: 80%; }
.container { width: 90% !important; }
.myamazon-but { padding: 14px 20px 14px 20px; }
.banner-left ul li a { padding: 14px 20px 14px 20px; }
.testimonial-img img { height: 300px; }
.dm-tags ul li { padding: 12px 12px; }
.contact-details ul li img { width: 30px; }
.logo img { width: 135px; }
.menu ul li a { padding: 0 13px; }
.about-scale img { height: 300px; }
}
 @media (min-width: 1201px) and (max-width: 1365px) {
html { font-size: 90%; }
.container { width: 90%; margin: 0 auto; }
.leisure-travel-slider { flex: 0 1 calc((90% / 1) - 1.5em); }
}
 @media (min-width: 1366px) and (max-width: 1800px) {
html { font-size: 90%; }
.container { width: 1150px; margin: 0 auto; }
.dm-tags ul li { padding: 12px 18px; }
}