
/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
.header-top-menu ul li { padding: 11px 5px; }
.header-contact ul li a { padding: 10px 8px; font-size: 13px; }
.main-menu > ul > li > a { font-size: 15px; padding: 7px 8px; }
.banner-main-text h3 { font-size: 42px; }
.home-plan-getstart { font-size: 14px; }
.home-plans-img { margin-bottom: -40px; }
.build-ul li { font-size: 16px; }
.home-domain-block { height: auto; }
.home-why-choose-block { padding-top: 60px; min-height: inherit; }
.teastimonial-block { padding: 50px 0; height: auto; }
.teastimonial-haed h3 { margin-bottom: 20px; }
.footer-block { padding-top: 50px; }
.home-build-text { padding-left: 160px; }
.home-features-box { padding: 0 15px; }
.footer-about { padding-right: 0px; }
.about-top-right { margin-left: 0px; }
.website-plan-box-head-bottom a.commen-btn { width: 100%; }
.website-plan-contact a.commen-btn { width: 100%; }
.design-standards-box h4 { font-size: 24px; }
.design-standards-mian { padding-top: 50px; padding-right: 0px; }
}

/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
@media (max-width: 991px) {
.main-menu { display: none; }
.mobile-menu { display: block; background: #2f2929; position: absolute; top: 100%; z-index: 99991; width: 100%; }
.mobile-menu a.menu-toggle { display: block; z-index: 1; top: 15px; right: 0px; background: #27b666; }
.mobile-menu ul.menu-list { display: none; }
.mobile-menu ul li span { display: none; }
.mobile-menu ul.menu-list li a.login { color: #fff; display: block; width: 100%; font-size: 14px; text-transform: uppercase; padding: 8px 0; background: none; display: inline-block; line-height: normal; position: relative; top: 0px; border-radius: 0px; }
.mobile-menu ul li a.active { color: #fff; }
.header-right { margin-right: 50px; }
.mobile-menu ul.menu-list { padding: 10px 0; }
.mobile-menu ul li a { font-size: 14px; }
.mobile-menu ul.menu-list > li > ul > li a { font-size: 14px; }
.header-top-menu { display: none; }
.header-social ul li a { padding: 10px 2px; }
.header-language { padding: 10px 2px; }
.header-main-block { padding: 0px; }
.mobile-menu a.menu-toggle { top: -46px; }
.header-top-main { display: block !important; text-align: center; }
.home-top-block { padding: 0px 0; }
.home-plans-plans { margin-top: 0px; }
.home-plan-getstart { font-size: 16px; }
.home-plan-box { margin-top: 40px; }
.home-plan-bottom-box { background: #2e3650; }
.home-plan-bottom-box:before { background: #2e3650; }
.banner-main-text h3 { font-size: 36px; line-height: 48px; }
.home-plans-main { padding: 35px 0 0px; }
.home-plans-main h3 { font-size: 32px; line-height: 40px; margin-bottom: 40px; }
.border-icon.border-icon-right { bottom: -114px; }
.border-icon.border-icon-left { bottom: -112px; }
.home-features-box { padding: 0px; }
.home-build-text h3 { font-size: 28px; line-height: 36px; }
.build-ul li { margin-bottom: 15px; }
.home-domain-block { padding: 50px 0; }
.domain-block h3 br { display: none; }
.domain-block h3 { font-size: 32px; line-height: 36px; margin-bottom: 25px; }
.domain-search-box { margin-bottom: 20px; }
.home-domain-main { padding: 0px; }
.home-why-choose-left { padding-right: 0px; }
.home-why-choose-left { text-align: center; padding-bottom: 20px; }
.home-why-choose-left h3 br { display: none; }
.home-why-choose-left h3 { font-size: 28px; margin-bottom: 0px; }
.home-why-choose-left h3 span.icon-icon-19 { position: static; margin: auto; margin-bottom: 15px; }
.footer-about { text-align: center; padding-bottom: 20px; }
.footer-about p { margin-bottom: 10px; }
.footer-main-block { padding-bottom: 50px; }
.footer-bottom-block { padding: 20px 0; }
.about-banner-content h3 { font-size: 36px; line-height: 36px; }
.about-top-left h3 { font-size: 26px; line-height: 32px; }
.about-top-left p br { display: none; }
.about-top-left p { font-size: 18px; line-height: 24px; }
.about-mid-box { padding: 55px 15px; padding-top: 70px; }
.about-mid-box h4 { font-size: 22px; }
.support-now-btn { width: 155px; }
.about-mid-box { height: 100%; }
.about-mid-feature { margin-top: 40px; text-align: center; }
.about-contact-right { }
.about-contact-right ul li { border-left: none; margin-top: 25px; }
.about-contact-left { padding-right: 0px; text-align: center; }
.about-contact-right ul li { text-align: center; }
.about-contact-box { margin-top: 50px; margin-bottom: 0px; }
.about-mid-block { padding-bottom: 50px; }
.domain-banner-domainds li { margin-bottom: 15px; }
.domains-head { display: none; }
.domain-banner-domainds li { font-size: 16px; }
.domain-banner-domainds li span { font-size: 30px; }
.domain-box { padding: 0px; }
.domain-box ul { border: none; clip: rect(0 0 0 0); border-bottom: 3px solid #ddd; display: block; margin-bottom: 0; }
.domain-box ul li { border-bottom: 1px solid #e8e8e8; display: block; font-size: .8em; text-align: right; font-size: 14px; width: 100% !important; padding-right: 10px; }
.domain-box ul li:before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; font-size: 12px; }
.domain-box ul li:last-child { border-bottom: 0; }
.domain-box ul li:first-child { text-align: right; }
.domain-box ul li { padding: 8px 10px; }
.domain-top-block { padding: 50px 0; }
.domain-reg-block { padding-top: 50px; }
.domain-reg-block h3 { font-size: 32px; line-height: 36px; padding-bottom: 20px; }
.domain-reg-box { margin-top: 30px; }
.domain-reg-main { padding-bottom: 35px; }
.domain-reg-icon { margin-bottom: 15px; }
.sitelock-banner-content p br { display: none; }
.sitelock-banner-content { text-align: center; }
.sitelock-banner-content h3 { font-size: 36px; line-height: 36px; }
.website-plan-block { padding: 50px 0; }
.design-standards-top { margin-top: 0px; }
.design-standards-box { padding: 20px; text-align: center; }
.design-standards-box-span { position: static; margin: auto; }
.get-start-btn { margin: auto; }
.design-standards-box { margin-top: 30px; }
.design-standards-mian h3 { font-size: 26px; line-height: 30px; }
.design-standards-feature h4 { font-size: 18px; }
.website-plan-box { margin-right: 0px; }
.website-plan-top-span { top: 0px; }
.website-plan-head h3 { font-size: 28px; line-height: 36px; }
.website-plan-head { padding-bottom: 0px; }
.sub-banner-wrapper.share-hosting-banner .sitelock-banner-content { text-align: left; padding-top: 60px; }
}

/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
.header-social,
.header-contact { display: none; }
.header-language { border-left: none; }
.banner-main-text { text-align: center; top: 0 }
.banner-main-text .commen-btn { margin: auto; }
.banner-main-text { padding: 50px 0; }
ul.main-slider > li { min-height: inherit; padding: 30px 0; height: 300px }
.home-top-main h3 { font-size: 28px; }
.home-plans-main h3 br,
.home-plans-feature h4 br { display: none; }
.home-plans-main h3 { font-size: 26px; line-height: 28px; }
.border-icon { display: none; }
.home-plans-feature { margin-bottom: 25px; }
.home-features-span { display: none; }
.home-plans-block { padding-bottom: 50px; }
.home-plans-img { display: none; }
.home-build-text { padding-left: 0px; text-align: center; }
.build-icon { position: static; margin-bottom: 20px; }
.build-ul { padding-bottom: 10px; border-bottom: none; }
.build-ul li { border-bottom: 1px solid #248b7e; margin-bottom: 0px; display: block; padding: 20px 0; }
.build-ul li img { position: static; margin: auto; margin-bottom: 15px; }
.build-icon { margin: auto; margin-bottom: 15px; }
.home-build-text h3 { }
.home-build-text h4 { font-size: 18px; }
.live-chat-btn { margin: auto; }
.home-build-block { padding: 50px 0; }
.domain-block h3 br { display: none; }
.domain-block h3 { font-size: 26px; }
.home-why-choose-box { padding-left: 0px; text-align: center; }
.home-why-choose-box span.why-choose-box-icon { position: static; margin-bottom: 10px; }
.home-why-choose-box { margin-bottom: 35px; }
.footer-link { text-align: center; }
.teastimonial-main { padding: 0 15px; }
.teastimonial-haed h3 { font-size: 28px; }
.banner-main-text h3 { font-size: 24px; line-height: 26px; font-weight: bold; }
.banner-main-text h4 { color: #fff; margin-bottom: 40px; font-size: 16px; }
.footer-bottom-block { display: block !important; text-align: center; }
.footer-social { margin-bottom: 10px; }
.footer-main-block { padding-bottom: 30px; }
.footer-block { padding-top: 30px; }
.footer-logo { margin-bottom: 10px; }
.banner-wrapper .bx-wrapper .bx-viewport { border: none; box-shadow: none; left: 0; height: 300px !important; }
.home-build-block { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1bb65b+0,3c98a9+100 */ background: rgb(27,182,91); /* Old browsers */ background: -moz-linear-gradient(top, rgba(27,182,91,1) 0%, rgba(60,152,169,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(27,182,91,1) 0%, rgba(60,152,169,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(27,182,91,1) 0%, rgba(60,152,169,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1bb65b', endColorstr='#3c98a9', GradientType=0 ); /* IE6-9 */
}
.about-top-block { padding: 50px 0; }
.about-mid-top { margin-top: 0px; }
.about-mid-box { margin-top: 90px; height: auto; }
.about-mid-box h4 br { display: none; }
.about-mid-box h4 { margin-bottom: 10px; }
.sub-banner-wrapper { min-height: inherit; }
.about-top-main { text-align: center; }
.sitelock-feature-content-box { margin-right: 0px; margin-bottom: 20px; height: auto; }
.sitelock-feature-content h3 { font-size: 24px; text-align: center; }
.sitelock-feature-block { min-height: inherit; padding: 50px 0; }
.sitelock-banner-content { text-align: center; }
.sitelock-banner-content h3 { font-size: 32px; line-height: 34px; }
.sitelock-banner-content h3 span { font-size: 20px; }
.website-plan-top-span { position: relative; }
.website-plan-box-head-top { padding-top: 0px; padding-left: 0px; text-align: center; }
.website-plan-box.website-starter-plan .website-plan-top-span { margin: auto; }
.design-standards-feature { text-align: center; padding-left: 0px; }
.design-standards-span { position: static; margin: auto; margin-bottom: 15px; }
.plan-price-block .left-panel { float: none; width: 100%; }
.plan-price-block .switching-block { margin-left: 0px; }
.plan-item.title { display: none; }
.plan-price-main { margin-top: 0px; }
.plan-price-block { padding: 50px 0; }
.access-features-block { padding-top: 30px; }
.access-features-block h3 { margin-bottom: 20px; }
.logo { max-width: 190px; margin-top: 10px; height: 38px; }
.home-plans-feature p { color: #cfdadf; font-size: 15px; line-height: 1.3; }
.home-plans-feature h4 { font-size: 20px }
.home-features-main h3 { font-size: 26px; }
.tr1 h4 { font-size: 16px; }
.inner-banner { height: 150px }
.formBox { padding: 15px 0px 15px 0; }
.formMain {
    padding: 15px 0;
}
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
.about-contact-right ul li { padding: 0px; width: 100%; display: block; border-top: 1px solid #e0e3e9; padding-top: 25px; }
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 400px)*
   ========================================================================== */ 
@media (max-width: 480px) {
}
