@media (min-width:1220px) { .container { max-width: 1200px } } @media (max-width:1219.98px) { .single-pricing-plan p { padding: 0 20px 15px } .single-pricing-plan ul { padding: 0 20px } } @media (max-width:1199.98px) { .register-button .btn { padding: 8.5px 0 } .post-content { padding: 25px 20px } .our-clients li:not(:first-child) { margin-left: 10px } .single-feature { padding: 25px 15px } .domain-price li+li { margin-left: 15px } .tag-cat li { margin: 0 !important; display: block !important } .tag-cat li:first-child { margin-bottom: 10px !important } } @media (max-width:991.98px) { .pt-120, .pt-175 { padding-top: 100px } .pb-120, .pb-175 { padding-bottom: 100px } .pb-90 { padding-bottom: 70px } .sticking .header-menu>ul>li.active>a:after, .sticking .header-menu>ul>li:hover>a:after, .sticking .header-menu>ul>li>a:after { background-color: transparent !important } .header-menu>ul>li.active>a { color: #2e5ae8 } .header-menu ul ul li a:hover:before, .header-menu ul ul li.active a:before, .header-menu ul ul li:hover>a:before { opacity: 0 } .sticking { padding-top: 10px !important; padding-bottom: 10px !important } .main-header .container .row { position: relative } .header-menu, .main-header .container .row>div:nth-child(2n) { position: initial } .header-menu>ul>li { padding-top: 0; padding-bottom: 0; margin-left: 0 !important } .header-menu>ul>li:first-child { border-top: 0 !important } .header-menu ul li a { color: #1b435d; padding: 12px 15px !important; line-height: 1 } .header-menu ul ul li a { padding-left: 30px !important; width: auto } .header-menu { text-align: right } .header-menu>ul { position: absolute !important; top: 43px !important; left: 15px !important; width: calc(100% - 30px) !important; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); max-height: 350px; overflow-y: auto } .header-menu ul, .header-menu ul ul, .header-menu ul ul li:hover>ul, .header-menu ul ul ul, .header-menu.align-center>ul, .header-menu>ul, .header-menu>ul>li:hover>ul, .header-menu>ul>li>ul { position: relative; left: 0; right: auto; top: 0; width: 100%; display: none; padding: 0; opacity: 1; text-align: left; z-index: 99999 } .feature-image--4, .main-banner.banner--2 .banner-image { text-align: center } .header-menu ul li { width: 100%; border-top: 1px solid rgba(120, 120, 120, .2) } .header-menu ul ul li a, .header-menu ul ul li:first-child>a, .header-menu ul ul li:last-child>a, .header-menu>ul>li>a { border-radius: 0; box-shadow: none; background: 0 0 } .header-menu ul li a i { display: none } .header-menu ul ul ul li a { color: #000; padding-left: 45px !important } .header-menu #menu-button { color: #fff; font-size: 28px; display: inline-block; cursor: pointer; padding-top: 7px } .sticking .header-menu #menu-button { color: #2E5AE8 } .header-menu .submenu-button { position: absolute; right: 0; display: block; width: 50px; height: 38px; border-left: 1px solid rgba(120, 120, 120, .2); z-index: 10; cursor: pointer } .header-menu ul ul .submenu-button { height: 42px } .header-menu .submenu-button:before { content: ''; position: absolute; right: 22.5px; top: 18px; display: block; width: 0; height: 0; border: 4px solid transparent; border-top-color: #2E5AE8; z-index: 99 } .header-menu ul ul ul:after, .header-menu ul ul ul:before, .header-menu>ul>li>ul:before, .main-header.header--2 .header-menu .menu-item-has-children a:before { display: none } .header-menu .submenu-opened:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: 14px } .header-menu ul ul .submenu-button:before { top: 19.5px } .header-menu ul ul .submenu-button.submenu-opened:before { top: 15.5px } .header-menu #menu-button.menu-opened:before, .header-menu .submenu-button.submenu-opened:before { border-top-color: #2E5AE8 } .header-menu>ul>li:hover>a, .header-menu>ul>li>a:hover { background: 0 0 } .header-menu ul ul ul, .header-menu>ul>li>ul { box-shadow: none } .header-menu ul ul ul li:first-child { padding-top: 0 } .header-menu ul ul ul li:last-child { padding-bottom: 0 } .header-menu ul ul li:hover>a, .header-menu ul ul li>a:hover { color: #757575 } .sticking .header-menu>ul>li:hover:not(.active)>a { color: #1b435d } .main-banner.banner--2 .animate-icon.animate-icon_1 { left: 50% } .main-banner.banner--2 .animate-icon.animate-icon_2 { left: 63% } .main-banner.banner--2 .animate-icon.animate-icon_3 { left: 77% } .feature-img { margin-bottom: 50px } .single-post { margin-bottom: 30px; height: auto } .single-home-feature { margin: 15px 0 } .why-choose-icon, .why-choose-text { width: 100% } .single-why-choose { -ms-flex-flow: column; flex-flow: column; text-align: center } .why-choose-text-inner { margin: 0 auto } .purchase:before { bottom: -27px } .single-pricing-plan { margin-bottom: 30px } .why-us-video { margin-top: 50px; max-width: 600px } .subscribe-wrap form input[type=submit] { padding: 8.5px 15px } .main-footer { padding-top: 50px; margin-top: 150px } .footer-menu li:not(:last-child) { margin-right: 10px !important } .happy-counter li span { font-size: 30px } .happy-counter li p { font-size: 13px; letter-spacing: 1px } .domain-price li { padding: 8px 5px } .domain-price li+li { margin-left: 10px } .blog-left { margin-bottom: 50px } .blog-right { margin-top: 50px } .map { margin-bottom: 70px } .not-found-title img { margin-top: 15px } .main-header .header-menu .mega-drop-down:hover .mega-menu { position: static; -webkit-transform: translateY(0); transform: translateY(0); box-shadow: none } .main-header .header-menu .mega-menu .single-mega-item { margin-bottom: 20px; padding: 0 !important } .main-header .header-menu .mega-menu .mega-menu-wrap { padding: 15px } .main-header .header-menu .mega-menu { height: auto !important; opacity: 1; visibility: visible; position: static; box-shadow: none; -webkit-transform: translateY(0); transform: translateY(0) } .main-header .header-menu .mega-menu .single-mega-item.coming_soon:before, .main-header .header-menu .mega-menu .single-mega-item.new:before { opacity: 1 } .main-header .header-menu ul li span.menu-label { top: 5px; left: 70% } .banner-image.banner-img--4 img:nth-child(3) { right: 12% } .feature-image--4 { margin-bottom: 50px; height: 400px } .next-review.next-review--3, .prev-review.prev-review--3 { left: 0 } .review-slider--3 .single-review { padding: 50px } .next-review.next-review--3 { left: auto; right: 0 } } @media (max-width:767.98px) { .banner-image img, .news-letter-title, .single-post { margin-bottom: 30px } .bottom-footer, .domain-price, .our-clients { text-align: center } .pt-120, .pt-175 { padding-top: 70px } .pb-120, .pb-175 { padding-bottom: 70px } .banner-content h2 { font-size: 36px } .main-banner { padding: 140px 0 } .banner-image img { max-width: 350px } .single-post { height: auto } .our-clients li { display: inline-block; margin: 6.5px 5px !important; max-width: 150px } .footer-contacts ul li:last-child a+a { margin-left: 10px } .bottom-footer { padding: 30px 0 } .footer-menu { margin-bottom: 10px } .happy-counter li { width: 33.33333%; margin: 5px 0 } .domain-price { margin-left: -10px } .domain-price li { margin-top: 6.5px; margin-bottom: 6.5px; margin-left: 10px !important; display: inline-block; width: 161px } .domain-table .thead-dark th { font-size: 16px } .domain-table tbody { font-size: 14px } .domain-table tbody a, .domain-table tbody a:hover { font-family: Karla, sans-serif; letter-spacing: 0 } .contact-content { margin-bottom: 25px } .contact-social-icons { margin-bottom: 50px } .footer-menu li { padding: 10px 0 } .banner-image.banner-img--4 img:nth-child(3) { right: 16% } .subscribe-form input:not([type=submit]) { font-size: 12px } .feature-img-inner img:nth-child(3) { bottom: 100px } } @media (max-width:575.98px) { .post-detail-content h2, .section-title h2 { font-size: 24px } .btn { padding: 8.5px 15px } .section-title { padding-bottom: 50px } .register-button i { margin: 0 } .single-reason h3, ul.list-inline>li:not(:last-child) { margin-bottom: 15px } .banner-image img { max-width: 290px } .single-home-feature h3 { margin-top: 10px; margin-bottom: 15px; padding-top: 20px } .our-clients { margin-left: -5px !important; margin-right: -5px !important } .our-clients li { max-width: 122px } .main-footer { margin-top: 120px; padding-top: 0 } .main-footer:before { top: -70px } .purchase { padding: 75px 0 30px } .purchase:before { bottom: -44px } .happy-counter li { width: 50% } .domain-checker input[type=text] { padding-left: 20px } .domain-price li { width: 122px } .single-sidebar-widget { padding: 25px 20px } .post-detail-content { padding: 20px } .main-banner.banner--2 .banner-content h2, .not-found-title h2 { font-size: 30px } .share-icons { margin-top: 10px } .comment-content p { max-width: 100% } .comment-reply { margin-left: 30px } .main-banner.banner--2 .banner-image img { width: auto !important; max-width: 100% } .domain-search-inner { padding: 30px 10px } .review-slider--2 .single-review .review-text { padding: 30px 30px 100px } .review-slider--2 .single-review .review-text p { font-size: 16px } .main-footer.main-footer--2 { padding-top: 50px } .main-banner.banner--2 .animate-icon.animate-icon_1 { left: 48% } .main-banner.banner--2 .animate-icon.animate-icon_2 { left: 66%; bottom: 25% } .main-banner.banner--2 .animate-icon.animate-icon_3 { left: 84%; bottom: 35% } .contact-info--v3 .contact-info li { padding-left: 45px } .main-header .header-menu .mega-menu .single-mega-item img { height: auto } .review-slider--3 .single-review .single-review-inner { margin-left: 0; padding: 20px } .review-slider--3 .single-review .review-image { position: static; text-align: center } .review-slider--3 .single-review .review-content { text-align: center } } @media (max-width:479.98px) { .feature-img-inner img:nth-child(3) { left: 0 } .banner-image.banner-img--4 img:first-child, .banner-image.banner-img--4 img:nth-child(2) { max-width: 150px } .banner-image.banner-img--4 img:nth-child(3) { top: 8%; right: 14%; z-index: 1 } }