/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (min-width: 2100px) {
    .banner-wrapper { min-height: 940px;}
	.banner-wrapper:after { height:382px;}
	.sub-banner-wrapper:after { height: 400px;}
    /*.sub-banner-wrapper { min-height: 720px;}*/
}

@media (max-width: 2100px) {
	.banner-wrapper:after { height: 350px;}
}

@media (max-width: 2000px) {
	.banner-wrapper:after { height: 313px;}
}

@media (max-width: 1900px) {
	.banner-wrapper:after { height:290px;}
}

@media (max-width: 1800px) {
	.banner-wrapper:after { height:274px;}
}

@media (max-width: 1700px) {
	.banner-wrapper:after { height:274px;}
}

@media (max-width: 1600px) {
	.banner-wrapper:after { height:239px;}
}

@media (max-width: 1500px) {
	.banner-wrapper:after { height:225px;}
}

@media (max-width: 1400px) {
	.banner-wrapper:after { height:210px;}
}

@media (max-width: 1300px) {
	.banner-wrapper:after { height:180px;}
}


/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
    /* megamenu */
    .megadrop-content .floatingMenu{width: 600px;}
    .mobile-menu .floatingMenu > li >a{font-size: 12px !important;}

    .main-menu > ul > li > a { font-size: 14px; padding: 10px 12px;}
    .home-plan-main { padding-right: 0px; padding-left: 175px;}
    .home-plan-box { padding: 0 38px;}
    .newest-cpanel-main .right h3 { line-height: 45px;}
    .newest-cpanel-main .right { padding: 0px;}
    .newest-cpanel-main .left { margin-right: 0px;}
    .footer-top-right { padding-left: 30px;}
	.banner-wrapper { padding-bottom:30px;}
    .banner-content .commen-btn { margin-bottom:25px;}
    .sub-sub-main-banner { padding: 75px 0;}
    .comparison-table {display: table !important;}
}



/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
@media (max-width: 991px) {
    .header { z-index: 6;}
    .mega-drop { padding: 15px; position: relative; z-index: 3; left: inherit !important; top: inherit !important; right: inherit !important; bottom: inherit !important; width: 100% !important; display: none;  opacity: 1; transform: scale(1); pointer-events: auto; background: #1b1a1a;}
    .main-menu { display:none;}
	.mobile-menu { display:block; background:#142031; position: relative; z-index: 3;}
	.mobile-menu a.menu-toggle {display:block; z-index:1; top: -64px; right:10px; background:#9ccd5a;}
	.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: 16px; position: relative; text-transform: uppercase;}
    .mobile-menu ul.menu-list > li > ul > li a { font-size: 14px;}
    .mobile-menu ul li.drp > a:after { content: ""; width: 0; height: 0; display: block; border: 4px solid #fff; border-color: #fff transparent transparent transparent; position: absolute; right: 20px; top: 17px;}

    /* megamenu */
    .megadrop-content .floatingMenu{width: 100%;}
    .mega-drop ul li a span { position: static; display: inline-block; vertical-align: middle; margin-right: 10px;}

    .logo { z-index: 6;}
    .banner-wrapper { background-position: center top; min-height: inherit; padding: 50px 0;}
    .banner-content { max-width: inherit; text-align: center; padding: 0px; background: #000; padding: 25px; background: rgba(0, 0, 0, 0.58); border-radius: 5px;}
    .banner-content p { margin-bottom: 25px;}
    .banner-content .commen-btn { margin-bottom: 20px;}
    .banner-ul li { margin-bottom: 10px;}
    .banner-content h2 { font-size: 40px; line-height: 45px;}
    .home-siteocity-special { padding: 50px 0;}
    .siteocity-special-box { padding: 0px; text-align: center; margin-top: 20px;}
    .siteocity-special-box .siteocity-special-icon { position: relative; margin-bottom: 15px; left: inherit; top: inherit;}
    .banner-wrapper:after { display:none;}

    .home-plan-block { min-height: inherit; padding-top: 50px;}
    .home-plan-block .commen-head h3 { font-size: 36px;}
    .home-plan-choose-host { display: none;}
    .home-plan-main { padding-left: 0px;}
    .home-plan-box { padding: 0 15px;}
    .home-plan-box h4 { font-size: 25px;}
    .home-plan-box h3 { font-size: 32px;}
    .home-plan-ul { padding-top: 0px;}
    .newest-cpanel-block { padding: 50px 0; text-align: center;}
    .newest-cpanel-main .right h3 { font-size: 32px; line-height: 36px;}
    .newest-cpanel-main .right p { margin-bottom: 20px;}
    .technology-partners-main h5 { margin-bottom: 20px;}
    .technology-partners-block { padding: 0 0 50px 0;}
    .support-experience-block { padding: 40px 0 50px 0;}
    .support-experience-main h3 { font-size: 32px; line-height: 38px; margin-bottom: 25px;}
    .support-experience-main ul li { padding: 0 7px;}
    .support-experience-main ul li a { width: 220px; height: 50px; line-height: 46px; font-weight: 600; font-size: 16px;}

    .footer-top-block { padding: 40px 0;}
    .footer-links h5, .footer-social h5 { margin-bottom: 15px;}
    .footer-top-right { padding-left: 0px;}
    .footer-contact li a { font-size: 14px;}
    .footer-contact li { margin-bottom: 0px;}
    .footer-logo { margin-bottom: 10px;}

    .sub-banner-wrapper { min-height: inherit; padding: 50px 0;}
    .sub-sub-main-banner { padding: 0px;}
    .sub-sub-main-banner h2 { font-size: 36px; line-height: 42px;}
    .reseller-plans-main { margin-top: 0px;}
    .sub-banner-wrapper:after { display:none;}

    .reseller-plans-main .home-plan-box { max-width: 425px; margin: auto; background: #ffffff; padding: 25px; border-radius: 10px; width: 100%; box-shadow: 0 13px 16px 0 rgba(8, 38, 44, 0.04); margin-top: 30px;}
    .reseller-plans-main .home-plan-main-cont { padding: 0px; background: none; box-shadow:none;}
    .home-plan-box:before { display: none;}
    .else-included-block { padding: 40px 0 30px 0;}
    .else-included-left { text-align: center;}
    .else-included-right { text-align: center;}
    .else-included-box p { text-align: left;}
    .technology-partners-main ul { display: block !important; text-align: center;}
    .technology-partners-main ul li { display: inline-block; padding: 0 10px;}
    .most-popular { top: -20px;}

    .service-banner h2, .home-siteocity-special.service-siteocity-special .commen-head h3 { font-size: 36px; line-height: 42px;}
    .newest-cpanel-block.service-cpanel-block { padding: 50px 0;}
    .comparison-table {display: block !important; width: 100% !important; overflow-x: auto !important;}
}

/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */
@media (max-width: 767px) {
    .banner-content .commen-btn { margin-bottom: 15px;}
    .banner-ul li { margin-top: 0px; font-size: 16px;}
    .banner-content h2 { font-size: 32px; line-height: 38px;}
    .banner-content p { font-size: 15px; line-height: 24px;}
    .home-siteocity-special .commen-head h3, .home-plan-block .commen-head h3 { font-size: 30px;}
    .home-plan-main-cont { padding: 0px; background: none; box-shadow:none;}
    .home-plan-box { margin-bottom: 25px; background: #ffffff; padding: 25px; border-radius: 10px; width: 100%; box-shadow: 0 13px 16px 0 rgba(8, 38, 44, 0.04);}
    .newest-cpanel-block { padding: 30px 0 50px 0;}
    .home-plan-ul li { padding-left: 0px; text-align: center; padding: 3px 0;}
    .home-plan-ul li:before { position: relative; top: -3px; display: inline-block; margin-right: 5px;}

    .footer-top-left { text-align: center;}
    .footer-links, .footer-social { text-align: center;}
    .footer-bottom-block { display: block !important; text-align: center;}
    .footer-bottom-block p { margin-bottom: 10px;}
    .else-included-block .commen-head h3 { font-size: 28px;}
    .else-included-box p { padding-left: 0px; text-align: center;}
    .else-included-box p:before { display: inline-block; position: relative; left: inherit; top: -2px; margin-right: 5px;}
    .else-included-right h5 { margin-bottom: 25px;}
    .newest-cpanel-main .right h3 { font-size: 28px;}
    .support-experience-main ul li { margin-top: 10px;}

    .home-siteocity-special.service-siteocity-special .commen-head h3 { font-size: 28px; line-height: 36px;}
    .comparison-table {display: block !important; width: 100% !important; overflow-x: auto !important;}
}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */
@media (max-width: 600px) {

}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */
@media (max-width: 575px) {
    .banner-content .commen-btn { padding: 14px 30px;}
}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 400px)*
   ========================================================================== */
@media (max-width: 480px) {

}