/*
Theme Name: EwayHost.
Theme URI: www.ewayhost.com
Description: Owner.
Version: 1.0
Author: EwayHost
Author URI: https://www.ewayhost.com/.
*/

@media screen and (max-width: 1200px) {

#landing-banner .slide .slide-content{width:60%; top:130px;}
#plans .item { min-height:317px;}
#amd-banner .slide{ background-position:0px 0px;}
#email-server-banner .slide{background-position:-350px 0px;}
#aboutus-content .item{ min-height:220px;}
#aboutus-content .items{ min-height:160px;}
#startup-content .startup-content-wrap img{ max-width:360px;}
}

@media screen and (max-width: 1024px) {
#email-server-banner .slide{background-position:-400px 0px;}



}

@media screen and (max-width: 990px) {

#plans .item_wrap h3{ font-size:16px;}
#plans .item { min-height:auto;}
#plans .item ul li{ font-size:14px;}

#shared-hosting-banner .slide .slide-content, #shared-dedicated-banner .slide .slide-content, #email-server-banner .slide .slide-content, #amd-banner .slide .slide-content, #intel-banner .slide .slide-content{ padding:20px 80px 30px 20px; width:40%; top:100px;}

#aboutus-content .item{ min-height:150px;}
#aboutus-content .items{ min-height:140px;}
#startup-content .startup-content-wrap img{ max-width:330px;}
#startup-content .startup-content-wrap{ min-height:410px; }
}

@media screen and (max-width: 768px) {
.header .nav >li >a{ padding-top:10px; padding-bottom:10px;}
#landing-banner .slide .slide-content{ padding:30px 30px 60px 80px; width:70%; top:120px;}
#plans .item_wrap h3{ font-size:24px;}
#plans .item ul li{ font-size:18px;}

#shared-hosting-banner .slide .slide-content, #email-server-banner .slide .slide-content, #shared-dedicated-banner .slide .slide-content, #amd-banner .slide .slide-content, #intel-banner .slide .slide-content{ padding:20px 50px 30px 20px; width:60%; top:100px;}
#shared-plans .item-wrap, #shared-dedicated-plans .item-wrap, #email-server-plans .item-wrap, #amd-plans .item-wrap, #intel-plans .item-wrap{ margin-bottom:20px;box-shadow:none;}
#shared-plans .odd, #shared-dedicated-plans .odd, #email-server-plans .odd, #amd-plans .odd, #intel-plans .odd{ top:0px; box-shadow:none;}
#shared-plans .odd h3, #shared-dedicated-plans .odd h3, #email-server-plans .odd h3, #amd-plans .odd h3, #intel-plans .odd h3{ padding:10px;}
#shared-plans .overlap-left, #shared-dedicated-plans .overlap-left, #email-server-plans .overlap-left, #amd-plans .overlap-left, #intel-plans .overlap-left{ left:0px;}
#shared-plans .overlap-right, #shared-dedicated-plans .overlap-right, #email-server-plans .overlap-right, #amd-plans .overlap-right, #intel-plans .overlap-right{ right:0px;}
#aboutus-content .item, #aboutus-content .items{ min-height:auto;}
.header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{ color:#004a94;}
.header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,.header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{ background:#f90; color:#fff;}
#startup-content .startup-content-wrap{ min-height:auto; }
#startup-content .startup-content-wrap img{ max-width:100% !important}
#email-server-banner .slide{background-position:-500px 0px;}
}

@media screen and (max-width: 480px) {

#landing-banner .slide .slide-content{ padding:30px 20px 60px 25px; width:70%; top:120px;}
#landing-banner .slide .slide-content h2{font-size:180%;}
#landing-banner .slide .slide-content a{ padding:10px 20px;font-size:14px; font-weight:600;}

#shared-hosting-banner .slide .slide-content, #shared-dedicated-banner .slide .slide-content, #email-server-banner .slide .slide-content, #amd-banner .slide .slide-content, #intel-banner .slide .slide-content{ padding:20px 30px 30px 20px; width:70%; top:100px;}

#amd-banner .slide{ background-position:-260px 0px;}
#email-server-banner .slide{ background-position:-175px 0px;}
#intel-banner .slide, #email-server-banner .slide{ background-position:-300px 0px;}
#email-server-banner .slide{background-position:-550px 0px;}
}

@media screen and (max-width: 360px) {

.top-bar .container{ padding:0px;}

#shared-hosting-banner .slide .slide-content, #shared-dedicated-banner .slide .slide-content, #email-server-banner .slide .slide-content, #amd-banner .slide .slide-content, #intel-banner .slide .slide-content{ padding:10px 30px 30px 10px; width:70%; top:100px;}

}