@media only screen and (max-width:1280px){
    .slide-data h2{
        margin-top: 15%;
    }
    .slide-img{
        top: 15%;
    }
}
@media only screen and (max-width:1150px){
    .slide-data{
        left: 2%;
    }
    
    .responsive-slider .slider-control{
        width: 30px;
        height: 30px;
    }
    .responsive-slider .slider-control.right, .responsive-slider .slider-control.left{
        background-size: 40%;
    }
    
    .slide-lists{
        margin-top: 0;
    }
    
    .vps-feature .col-width{
        width: 38%;
    }
    
    .icon-heading h3{
        width: 75%;
        line-height: 25px;
    }
    
}

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


    .dedicated-lists{
        width: 70%;
    }
    
    .dedicated-bg{
        background-size: cover;
    }
}

@media only screen and (max-width:1050px){
    .plans{
        margin-right: 1.5%;
    }
    .choose-us .span-3.pull-left .choose-data, .choose-us .span-3.pull-right .choose-data{
        width: 65%;
    }
    
    .choose-us{
        background-position: center;
    }
    
    .choose-us .span-3 h3{
        font-size: 17px;
        font-weight: bold !important;
    }
    .slider .cloud-slider{
       background-size: 100% 60px;
    }
    
    .parallax-2 .span-3{
        width: 30%;
    }
    .inner-plans .plans.highlight::after{
        left: 10px;
        width: 20px;
        background-size: 100%;
    }
    
    .click-txt{
        width: 160px;
    }
    
}


@media only screen and (max-width:1030px){
   .logo {
        margin: 22px 0;
        width: 230px;
    }
}

@media only screen and (max-width:990px){
      .logo {
        margin: 11px 0;
        width: auto;
    }
    
    .ftr-inner-list li {
        margin: 0 5px;
    }
    
    .menu-tab {
		cursor: pointer;
		display: block;
		float: right;
		margin: 15px 0;
                margin-right: 10px;
	}
        .menu-tab .lines-square {
		border: thin solid #E6A801;
		border-radius: 3px;
		float: left;
		height: 25px;
		margin-right: 5px;
		width: 25px;
	}
	
	.menu-tab .lines-square .lines:first-child {
		margin-top: 5px;
	}
	.menu-tab .lines {
		background: #E6A801 none repeat scroll 0 0;
		border-radius: 2px;
		height: 2px;
		margin: 4px auto auto;
		width: 70%;
	}

	
	.menu-tab .menu-txt {
		float: left;
		font-family: "raleway";
		font-size: 18px;
		line-height: 26px;
		text-transform: uppercase;
                color: #fff;
	}
        
        .drop-nav{
            display: none;
            clear: both;
        }
        
        .nav ul li{
            float: none;
            margin-top: 1px;
        }
        
        .nav ul li a{
            padding: 10px 0;
            text-indent: 15px;
            
        }
      
        
        
        .nav{
            width: 100%;
        }
        
        .logo{
            position: absolute;
            margin: 17px 0;
        }
        
        .nav ul li a{
            border-right:none;
        }
        
        .nav ul li:first-child a {
            border-left: none;
        }
        .main-drop{
            z-index: 5;
            width: 98%;
            min-width: auto;
        }
        .span-4{
            width: 32%;
            margin-right: 1%;
            margin-bottom: 20px;

        }
        
        .span-4:last-child{
            width:100%;
        }
        
        .span-4 .row-1{
            width: 34.5%;
        }
        
        .col .col-round:first-child .server-img{
            width: 50%;
            bottom: 30px;
        }
        
        .slide-img{
            width: 32%;
        }
        
        .slide-data h2 {
            margin-top: 10%;
            font-size: 45px;
        }
        
        .list-slide{
            margin-top: 10px;
            font-size: 18px;
        }
        .slide-price{
            right: 30%;
        }
        
        .cntct-icon{
            
            width: 45px;
            height: 45px;
        }
        
        .icon-top{
            width: 90px;
            height: 90px;
        }
      
        .inr-slide-data .price{
            font-size: 20px;
        }
        
        .exprnc .span-6{
            width: 100%;
        }
        
        .exprnc .span-6 h4,.exprnc .span-6 h2{
            text-align: center;
        }
        .exprnc .span-6:first-child{
            padding-right: 0;
            border-right: 0;
        }
        
        .exprnc .span-6 p{
            text-align: center;
        }

}
@media only screen and (max-width:930px){

    ul.cntct li{
        width: auto;
        margin-right: 8%;
    }
    
    .icon-heading h3 {
        width: 70%;
    }
    
    .inr-slide-data .span-3::before, .inr-slide-data .span-3::after{
        width: 60px;
    }
    
    .choose-us{
        background: none;
    }
    
    .choose-us .span-3.pull-left .row:nth-child(odd){
    right: auto;
    }

    .choose-us .span-3.pull-right .row:nth-child(odd){
        left: auto;
    }
    
    .choose-us .span-3{
        width: 45%;
    }
    .parallax-2 .span-3{
        width: 40%;
    }
    .choose-us .span-3.pull-left .choose-data, .choose-us .span-3.pull-right .choose-data{
        width: 73%;
    }
    
    .inner-plans h2{
        font-size: 20px;
    }
    
    .sprt-img{
        width: 250px;
        top: 50px;
    }
    .supporting-cols{
        width: 49%;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .sprt .span-7{
        width: 70%;
    }
    
    
}

@media only screen and (max-width:850px){
        .plans .btn-round-grey{
            padding: 5px;
            font-size: 14px;
        }

        .highlight .btn-round-white{
            padding: 5px;
            font-size: 14px;
        }
        
        .slide-price{
            width: 130px;
            height: 130px;
        }
        
        .slide-price .strt{
            font-size: 15px;
            margin-top: 20px;
        }
        
        .slide-price .rupee{
            font-size: 35px;
        }
        
        .slide-price .pm{
            font-size: 20px;
        }
        
        .feature-data ul li{
            width: 47%;
        }
        
        ul.tutorial li{
            width: 29%;
        }
        
        .click-txt {
            width: 120px;
        }
        
}

@media only screen and (max-width:830px){
    .span-4{
        width: 31%;
    }
    .col-round{
        width: 70%;
        margin: 10px 0;
    }
    
    .col .col-round:first-child .server-img{
        width: auto;
        bottom: 15px;
    }
    .slide-data .btn-round-white{
        padding: 5px 20px;
        font-size: 15px;
    }
    
    .read-more{
        bottom: 10%;
    }
    
    .slide-data h2{
        font-size: 40px;
    }
    
    ul.cntct li{
     
        margin-right: 5%;
    }
    
    .icon-heading h3 {
        width: 68%;
    }
    .dedicated-lists{
        width: 80%;
    }
    
    .plans h2{
        font-size: 20px;
    }
    
    .inr-slide-data .span-3{
        width: 48%;
        margin: 15px 0;
    }
    .inr-slide-data .span-3::before, .inr-slide-data .span-3::after{
        width: 160px;
    }
    .ftr-cntct .span-3 h3{
        font-size: 18px;
    }
    .ftr-cntct .span-3 h4{
        font-size: 16px;
        margin-bottom: 7px;
    }
    
  
    .choose-data{
        min-height: 120px;
    }
    .choose-us .span-3.pull-left .choose-data, .choose-us .span-3.pull-right .choose-data{
        width: 70%;
    }
    .parallax-2 .span-3{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    
    .parallax-2 .span-6{
        margin-left: 0;
        width: 80%;
    }
    
    .inpt-select{
        width: 70%;
    }
}

@media only screen and (max-width:768px){
    .list-slide{
        font-size: 15px;
        background-position: left 2px;
    }
    .slide-data h2{
        font-size: 35px;
    }
    
     ul.cntct li{
     
        margin-right: 3%;
    }
    
    .cntct-left {
        width: 35%;
    }
    
    .cntct-right{
        width: 59%;
    }
    .cntct-right .row .cntct-icon {
 
        width: 30px;
    }
    
    .form-center{
        width: 90%;
    }
    .inpt-select{
        width: 100%;
    }
    .parallax-2 .span-6{
        text-align: center;
    }
    .parallax-2 .btn{
        float: none;
        display: inline-block;
        margin-top: 15px;
    }
    
    
}

@media only screen and (max-width:767px){
    .visible-medium ul li span.ftrs{
        display: block;
        font-size: 13px;
        color: #aaa;
    }
    
    .features{
        display: none !important;
    }
    
    .plans{
        width: 23%;
    }
    
    .parallax{
        text-align: center;
    }
    
    .quote{
        text-align: center;
    }
    
    .quote-data{
        width: 100%;
    }
    
    .quote .heading h2{
        float: none;
        text-align: center;
    }
    
    .parallax .txt{
        text-align: left;
    }
    
    .parallax .btn-white, .quote .btn-white{
        
        float: none;
        display: inline-block;
        margin-top: 20px;
    }
    .main-drop{
        width: 97%;
    }
    
    .banks{
        width: 95%;
        margin: 0;
        margin-bottom: 10px;
        border: none;
    }
    .cntct-left{
        width: 100%;
    }
    
    .cntct-right{
        width: 100%;
        float: left;
        border: none;
        padding: 0;
    }
    
    .contact-us .row{
        width: 47%;
        float: left;
    }
    
    .scroll-tble .tble-design{
        width:900px;
    }
    
    .plans li{
        font-size: 13px;
    }
    .plans h2{
        font-size: 18px;
    }
    
    .sprt-img{
        display: none;
    }
    
    .sprt .span-7{
        width: 100%;
    }
    .cntct-us .span-12 .span-3{
        width: 100%;
    }
    
    
    
}  

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


    ul.cntct li {
        margin: 0;
        width: 47%;
        margin-bottom: 20px;
    }
    
    ul.cntct li:last-child{
        margin-bottom: 0;
        width: 100%;
    }
    
    .vps-feature .col-width{
        margin: 10px 0;
        width: 100%;
        padding: 10px 0;
    }
    .dedicated-lists{
        width: 100%;
    }
    
    .choose-us .span-3.pull-left .choose-data, .choose-us .span-3.pull-right .choose-data{
        width: 67%;
    }
    
  
    .ftr-cntct .span-3{
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
        text-align: center;
    }
    .ftr-cntct .span-3:last-child{
        padding: 0;
        margin-bottom: 0;
    }
    
    .ftr-cntct .social li{
        float: none;
        display: inline-block;
    }
    
    
    
}
@media only screen and (max-width:730px){
    .inr-slide-data .span-3::before, .inr-slide-data .span-3::after{
        width: 100px;
    }
    .big-img{
        width: 100%;
        margin-right: 0;
    }
    
    .span-6.pull-right{
        width: 100%;
        float: left;
    }
    
}

@media only screen and (max-width:680px){
    .ftr-drop{
        display: none;
        width: 100%;
        float: left;
    }
    
    .span-4{
        margin-right: 0;
        width: 100%;
    }
    #footer .heading{
        background: none;
       // border-bottom: #ccc solid thin;
        margin: 10px 0;
    }
    ul.ftr-links li a{
        padding: 0;
    
    }
    
    ul.ftr-links li{
        float: left;
        width: 100%;
        text-align: left;
    }
    
    .span-4 .row-1:first-child{
        margin-bottom: 0;
        margin-right: 15px;
    }
    
    .span-4 .row-1{
        width: 48.5%;
    }
    
    .ftr-res{
        display: block;
        background: url(../images/arw-dwn-white.png) no-repeat right;
        cursor: pointer;
    }
    .ftr-desk{
        display: none;
    }
    
    .slide-lists{
        display: none;
    }
    
    .read-more{
        display: none;
    }
    
    .slide-data h2{
        margin-top: 0;
    }
    
    .slide-head{
        margin-top: 60%;
    }
    
    .slide-2 .slide-head{
        margin-top: 44%;
    }
    
    .slide-3 .slide-head{
        margin-top: 54%;
    }
    
    .slide-1 .slide-img{
        top: 20%;
    }
    
    .slide-data{
      left: 7%;  
    }
    
    ul.tutorial li {
        width: 46%;
    }
    
    .ftr-logo img{
        width: auto;
    }
    
    
    
}

@media only screen and (max-width:640px){
    .plans{
        width: 47%;
        margin:10px 0.5% !important;
       
    }
    .choose-us .span-3{
        width: 100%;
    }
    .choose-us .span-3.pull-left .choose-icon, .choose-us .span-3.pull-left .choose-data{
        float: left;
    }
    
    .choose-us .span-3.pull-left .choose-data{
        text-align: left;
        margin-right: 0;
        margin-left: 20px;
    }
    
    .choose-us .span-3.pull-left p{
        text-align: left;
    }
    
    .choose-data{
        min-height: auto;
    }
    
    .choose-us .span-3.pull-left .choose-data, .choose-us .span-3.pull-right .choose-data{
        width: 80%;
    }
    
    .plans h2 {
        font-size: 20px;
    }
    
    .click-slider{
        width: 100%;
        float: left;
        margin-top: 20px;
            
    }
    .click-txt{
        width: 100%;
        text-align: center;
    }
    .btn {
        padding: 5px 2px;
    }
    .btn-small {
    font-size: 9px;
    
    }
    table {
        font-size: 11px;
    }
    .price-color {
    font-size: 12px;
    }
    .level-size {
    font-size: 14px
    }
}
@media only screen and (max-width:620px){
    .top-right, .top-left{
        float: left;
        width:100%;
    }
    
    .top-left .social{
        text-align: center;
        width: 100%;
        float: left;
    }
    
    .top-left .social li{
        display: inline-block;
        float: none;
    }
    
    .cntct-top{
        text-align: center;
    }
    
    ul.top-cntct li{
        float: none;
        display: inline-block;
    }
}

@media only screen and (max-width:600px){
    .slide-img{
        display: none;
    }
    
    .slide-head{
        margin-top: 0 !important;
    }
    
    .slide-data{
        
        width: 100%;
        text-align: center;
        left: 0;
        top: 15%;
    }
    .slide-price{
        position: relative;
        top: 0;
        right: 0;
       margin: auto;
       top: 45%;
       border-radius: 0;
       height:auto;
       display: block;
       padding: 10px 0;
       height: 50px;
       text-align: center;
       width: 50%;
       border-radius: 50px;
       
    }
    .slide-price .strt{
        margin-top: 0;
        display: inline-block;
        float: none;
        width:auto;
        vertical-align: middle;
    }
    .slide-price .rupee, .slide-price .pm{
        width: auto;
        display: inline-block;
        float: none;
        vertical-align: middle;
}
    
    
    
}


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


    .parallax .btn-blue-solid{
        width: 100%;
    }
    .span-4 .row-1{
        width: 100%;
    }
    
    .col .col-round:first-child .server-img{
        width: 50%;
    }
    .dedicated-bg ul.bullet-tick li{
        width: 100%;
    }
    
    .form.form-center .form-group{
        width: 100%;
    }
    
    .form.form-center .form-group.full-text textarea{
        width: 100%;
    }
    
    ul.checkbox-list li{
        width: 100%;
    }
    .numbers .num-col{
        width: 48%;
        margin-bottom: 20px;
    }
    
    .plans {
        margin: 10px 0.7%;
        width: 44%;
    }
    
    
}

@media only screen and (max-width:530px){
    .plans{
        width:49.5%;
        margin-bottom: 20px;
    }
    .inner-page .linux-hosting .plans{
        margin-bottom: 70px;
    }
    
    
    .span-4 .row-1:first-child{
        margin-right: 0;
        margin-bottom: 30px;
    }
    
    .col-round{
        width: 85%;
    }
    
    .feature-data ul li{
        width: 95%;
    }
    
    .logo {
    margin: 18px 0;
    width: 190px;
    }

    .btn-inline .btn{
        margin-bottom: 10px;
    }
    .contact-us .row {
        width: 100%;
        float: left;
    }

    ul.cntct li{
        width: 100%;
    }

    .cntct-right .row .cntct-data{
        width: 75%;
    }

    .main-drop{
        width: 95.5%;
    }

    .slider .cloud-slider {
        display: none;
    }
    
    .heading h1, .heading h2, .main-heading h1 span{
        font-size: 20px;
    }
    .exprnc .span-6 h2{
        font-size: 30px;
    }
    
    .exprnc .span-6 h4{
        font-size: 18px;
    }
    .main-heading .light-txt{
        font-size: 75px;
        top: -30px;
    }
    
    .plans{
        width: 80%;
    }
    
    .plans h2 {
    font-size: 25px;
    }
    .plans .price{
        font-size: 30px;
    }

    .plans li{
        font-size: 15px;
    }

    .choose-us .span-3.pull-left .choose-data, .choose-us .span-3.pull-right .choose-data{
        width: 70%;
    }
    .inner-header h1{
        font-size: 30px;
    }

    .inner-header{
        padding: 30px 0;
    }

    .breadcrums{
        display: none;
    }
    
    
}
@media only screen and (max-width:486px){
table {
    font-size: 9px;
}
.level-size {
    font-size: 10px;
}
.price-color {
    font-size: 9px;
}
.btn {
    padding: 3px 0px;
}
.month-size {
    font-size: 8px;
}
}
@media only screen and (max-width:440px){
    
    .tab-links{
        border:none;
    }
    
    .tab-links  li{
        width: 100%;
        float: none;
       
    }
    
    .tab-links a{
        width: 100%;
        float: left;
        display: block;
        padding: 10px 0;
        text-align: center;
        border:#aaa solid thin;
        margin-bottom: 5px;
    }
    
    .responsive-slider{
        display: none;
    }
    
    .form.form-center .btn{
        float: left;
        width: 95%;
        padding: 15px 0;
        margin-top: 5px;
    }
    .inr-slide-data .span-3{
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    
    .inr-slide-data .span-3::before, .inr-slide-data .span-3::after{
        width: 150px;
    }
    
    .top-left .social{
        display: none;
    }
    
    .exprnc .span-6 p{
        font-size: 14px;
    }
    .numbers .num-col{
        width: 100%;
        padding: 0;
    }
    
    .supporting-cols{
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }
    
    .supporting-cols h2{
        font-size: 20px;
    }
    
    
}
@media only screen and (max-width:400px){

    .col .col-round .server-img{
        display: none;
    }
    
    .price{
        margin-right: 0;
        width: 100%;
        margin: 10px 0;
    }
    
    .col-round h2{
        width:100%;
        text-align: center;
    }
    
    .col-round ul.lists{
        width: 95%;
    }
    .col-round{
        text-align: center;
    }
    
    .col-round .btn-orange{
        float: none;
        display: inline-block;
    }
    
    .right-img{
        width: 100%;
        margin-left: 0;
    }
}

@media only screen and (max-width:360px){
.main-drop {
    width: 94%;
}

ul.tutorial li {
    margin: 10px 0;
    width: 100%;
}

.form-center{
    padding-left: 12px;
}


}

@media only screen and (max-width:320px){
.main-drop {
    width: 93%;
}

}