@media(min-width:768px) and (max-width:1024px){
    .btn{
        padding:10px 12px
    }
    .section-header .section-title{
        font-size:22px
    }
    #hero-area .contents{
        padding:25px 0 18px;
    }
	#hero-area .domain-promo {
    padding: 0px 10px 15px;
	}
    #hero-area .contents h1{
        font-size:26px;
    }
    .intro-img{
        padding:130px 0
    }
    .contents .head-title{
        font-size:24px!important
    }
    .contents h4{
        font-size:22px;
        line-height:38px
    }
    .navbar-expand-md .navbar-nav .nav-link{
        padding:12px 5px;
        font-size:13px
    }
    .mainmenu-area .menu-button{
        line-height:46px
    }
    .item-boxes h4{
        font-size:16px
    }
    #carousel-area .carousel-item .carousel-caption h1{
        font-size:40px
    }
    #hosting-features .box-item .text h4{
        font-size:12px
    }
    #hosting-features .box-item .icon{
        width:48px;
        height:48px;
        margin:5px 0
    }
    #hosting-features .box-item .icon i{
        line-height:48px
    }
    #hosting-features .content-left .text{
        margin-right:60px
    }
    #hosting-features .content-right .text{
        margin-left:60px
    }
    .pricing-table .pricing-details ul li{
        font-size:13px
    }
}
@media(max-width:640px){
	.header-upper-area {display:none;}
    .btn{
        padding:10px 12px
    }
    .navbar-toggleable-sm>.container{
        width:100%;
        padding-left:30px;
        padding-right:30px
    }
    .navbar-expand-md .navbar-brand,.navbar-expand-md .navbar-toggler{
        margin:12px 15px
    }
    .navbar-expand-md .navbar-nav .active>.nav-link,.navbar-expand-md .navbar-nav .nav-link.active,.navbar-expand-md .navbar-nav .nav-link.active::before,.navbar-expand-md .navbar-nav .nav-link.open,.navbar-expand-md .navbar-nav .open>.nav-link{
        background:#ddd
    }
    .navbar-expand-md .navbar-nav .nav-link{
        padding:4px 12px;
        text-align:center;
        margin-bottom:3px
    }
    .mainmenu-area{
        padding:0
    }
    #hero-area .contents .btn{
        margin:0 25px 15px 0
    }
    #carousel-area .carousel-item .carousel-caption h1{
        font-size:22px;
        line-height:32px
    }
    .section-header .section-title{
        font-size:22px
    }
    #hero-area .contents{
        padding:0px 0 20px
    }
    #hero-area .contents h1{
        font-size:18px
    }
    .contents .head-title{
        font-size:18px!important
    }
    .contents h4{
        font-size:18px;
        line-height:30px
    }
	#hero-area .sub_btn {
		position: relative;
    	width: 100%;
    	border-radius: 4px;
    	margin-top: 5px;
	}
    .mainmenu-area .menu-button{
        display:none
    }
    .intro-img{
        padding:100px 0
    }
    .menu-wrap{
        padding:10px
    }
    .icon-list a{
        padding:5px 0
    }
    .icon-list a::before{
        top:5px
    }
    .bg-faded{
        background:#fff!important
    }
    #hosting-features .content-right span{
        float:none
    }
    #hosting-features .content-left span{
        float:none
    }
    #hosting-features .box-item .icon{
        margin:12px 0
    }
    #hosting-features .box-item .text h4{
        font-size:13px
    }
   
    
    .table-left{
        margin:0
    }
    .counters .facts-item{
        margin-bottom:30px
    }
}
@media(min-width:320px) and (max-width:480px){
    .navbar-toggleable-sm>.container{
        width:100%;
        padding-left:30px;
        padding-right:30px
    }
    .mainmenu-area{
        padding:0
    }
    .bg-faded{
        background:#fff!important
    }
    .navbar-expand-md .navbar-brand,.navbar-expand-md .navbar-toggler{
        margin:10px 10px
    }
    .navbar-expand-md .navbar-nav .active>.nav-link,.navbar-expand-md .navbar-nav .nav-link.active,.navbar-expand-md .navbar-nav .nav-link.active::before,.navbar-expand-md .navbar-nav .nav-link.open,.navbar-expand-md .navbar-nav .open>.nav-link{
        background:#ddd
    }
    .navbar-expand-md .navbar-nav .nav-link{
        padding:12px 12px;
        text-align:left;
        margin-bottom:3px
    }
    .mainmenu-area .menu-button{
        display:none
    }
    .section-header .section-title{
        font-size:20px;
        line-height:30px
    }
    .contents .head-title{
        font-size:16px!important
    }
    .contents h4{
        font-size:18px;
        line-height:30px
    }
    #carousel-area .carousel-item .carousel-caption h1{
        font-size:14px;
        line-height:26px
    }
    #carousel-area .carousel-item .carousel-caption .btn{
        margin:10px 15px
    }
    #carousel-area .carousel-control-next i,#carousel-area .carousel-control-prev i{
        border:0
    }
    #carousel-area .carousel-control-next i:hover,#carousel-area .carousel-control-prev i:hover{
        background:0 0!important;
        border:0!important
    }
    .text-right{
        text-align:left!important
    }
    #hosting-features .box-item{
        text-align:center
    }
    .pricing-tables .pricing-table{
        margin-bottom:30px
    }
    .counters .facts-item{
        margin-bottom:30px
    }
    #contact .section-title{
        font-size:22px
    }
    .social-icons ul li a{
        width:36px;
        height:36px;
        line-height:36px;
        margin-left:0
    }
}