@media (max-width: 1199px) and (min-width: 992px)
{
.left-menu.product_left_1  {
        height: 65%;
}
.sub-menu-close{
    top: 20px;
    right: 30px;
    
}
.main-sub-menu:before{
    
    left: 30px;
}
}


@media screen and (min-width: 992px) {
    .location_ani{
        display: none;
    }
}
@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 991px) {
    .main_banner_content, .main_banner_image{
        width: 100%;
        padding: 0 15px;
    }
    .main_banner_image{
        justify-content: center;
        margin-top: 40px;
    }
    .location_animation{
        display: none;
    }
    .main_advantage{
        width: 100%;
        margin: 0 auto;
        margin-top: 70px;
      }
    
}

@media screen and (min-width:1520px) {
    .mark1{
        position: absolute;
        top: 4%;
        left: 32%;
      }
      .mark2{
        position: absolute;
        top: 18%;
        left: 27%;
      }
      .mark3{
        position: absolute;
        top: 29%;
        left: 26%;
      }
      .mark4{
        position: absolute;
        top: 42%;
        left: 16.5%;
      }
      .mark5{
        position: absolute;
        top: 45%;
        left: 28%;
      }
      .mark6{
        position: absolute;
        top: 30%;
        left: 31.5%;
      }
      .mark7{
        position: absolute;
        top: 47%;
        left: 35%;
      }
      .mark8{
        position: absolute;
        top: 30%;
        left: 44%;
      }
      .mark9{
        position: absolute;
        top: 50%;
        left: 55%;
      }
      .mark10{
        position: absolute;
        top: 64%;
        left: 55%;
      }
      .mark11{
        position: absolute;
        top: 20%;
        left: 61.5%;
      }
      .mark12{
        position: absolute;
        top: 22%;
        left: 67%;
      }
      .mark13{
        position: absolute;
        top: 13.5%;
        left: 72%;
      }
      .mark14{
        position: absolute;
        top: 20%;
        left: 74%;
      }
      .mark15{
        position: absolute;
        top: 6%;
        left: 75.7%;
      }
      .mark16{
        position: absolute;
        top: 42%;
        left: 69%;
      }
      .mark17{
        position: absolute;
        top: 48%;
        left: 73%;
      }
      .mark18{
        position: absolute;
        top: 67%;
        left: 77.5%;
      }
}
@media screen and (min-width:1400px) {
    .container{
        max-width: 1320px;
        margin: 0 auto;
    }
	#tab1-tab.active ~ span.blue-bar {
    left: 186px;
    width: 216px;
}
	#tab2-tab.active ~ span.blue-bar {
    left: 412px;
    width: 306px;
}
	#tab3-tab.active ~ span.blue-bar {
    left: 728px;
    width: 167px;
}
	#tab4-tab.active ~ span.blue-bar {
    left: 905px;
    width: 204px;
}
#main_choose_vps_button{
    width: max-content;
    margin: 0 auto;
    margin-top: 50px;
    padding: 15px 36px;
}
}
@media screen and (min-width:1200px) and (max-width:1399px) {
    .left-menu.product_left_1  {
        height: 65%;
}
.sub-menu-close{
    top: 20px;
    right: 30px;
    
}
    .container{
        max-width: 1140px;
        margin: 0 auto;
    }
    .plan_list{
        width: 50%;
        justify-content: start;
    }
    .plan_list:last-child{
        order: 2;
    }
    .plan_list_s{
        width: 33.33%;
    }
    .plan_list_s:nth-child(2){
        order: 3;
    }
    .plan_list_s:nth-child(3){
        order: 4;
    }
    .plan_list_s:nth-child(4){
        order: 5;
    }
    .plan_list_s .single_plan:nth-child(1){
        border-top: 1px solid #e2e9ee;
    }
    .border-left-plan{
        border-left: none !important;
    }
    .border-right-plan{
        border-right: none !important;
    }
    .plan_list:nth-child(1){
        border-right: 1px solid #e2e9ee;
    }
    .name_location_city{
        width: 50%;
        position: absolute;
        bottom: -30px;
        left: 5% !important;
      }
}
@media screen and (min-width:992px) and (max-width:1199px) {
    .container{
        max-width: 960px;
        margin: 0 auto;
    }
    .plan_list{
        width: 50%;
        justify-content: start;
    }
    .plan_list:last-child{
        order: 2;
    }
    .plan_list_s{
        width: 33.33%;
    }
    .plan_list_s:nth-child(2){
        order: 3;
    }
    .plan_list_s:nth-child(3){
        order: 4;
    }
    .plan_list_s:nth-child(4){
        order: 5;
    }
    .plan_list_s .single_plan:nth-child(1){
        border-top: 1px solid #e2e9ee;
    }
    .border-left-plan{
        border-left: none !important;
    }
    .border-right-plan{
        border-right: none !important;
    }
    .plan_list:nth-child(1){
        border-right: 1px solid #e2e9ee;
    }
    .main_fill_form {
        width: 80%;
        margin: 0 auto;
    }
    .main_click_faq{
        width: 100%;
    }
	#tab1-tab.active ~ span.blue-bar {
    left: 6px;
    width: 216px;
}
	#tab2-tab.active ~ span.blue-bar {
    left: 232px;
    width: 306px;
}
	#tab3-tab.active ~ span.blue-bar {
    left: 548px;
    width: 167px;
}
	#tab4-tab.active ~ span.blue-bar {
    left: 725px;
    width: 204px;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
    .container{
        max-width: 720px;
        margin: 0 auto;
    }
    .main_plan_box{
        width: calc(50% - 30px);
        margin: 15px;
        display: block !important;
    }
    .plan_list, .plan_list_s{
        width: 100%;
    }
    .border-left-plan{
        border: none !important;
        border-bottom: 1px solid #e2e9ee !important;
    }
    .border-mobile-none{
        border-right: none !important;
    }
    .border-mobile-bottom{
        border-bottom: 1px solid #e2e9ee !important;
    }
    .plan_list{
        padding: 20px;
        justify-content: start;
    }
    .single_os {
        width: calc(33.33% - 30px);
        margin: 15px;
    }
    .img_flag{
        width: calc(25% - 20px);
        margin: 10px;
    }
    .single_box_feauter{
        width: calc(50% - 30px);
        margin: 15px;
    }
    .main_box_data_center{
        width: calc(50% - 50px);
        margin: 10px 25px;
    }
    .single_advantage{
        width: calc(25% - 15px);
        margin-right: 15px;
    }
    .single_client{
        width: calc(33.33% - 30px);
        margin: 15px;
    }
    .single_list_form {
        width: calc(50% - 30px);
        margin: 10px 15px;
    }
    .main_fill_form {
        width: 100%;
        margin: 0 auto;
    }
    .single_faq_box {
        width: calc(50% - 30px);
        margin: 10px 15px;
    }
    .main_click_faq{
        width: 100%;
    }
	#tab1-tab.active ~ span.blue-bar {
    left: 83px;
    top: 50px;
    width: 216px;
}
	#tab2-tab.active ~ span.blue-bar {
    left: 312px;
    width: 306px;
    top: 50px;
}
	#tab3-tab.active ~ span.blue-bar {
    left: 158px;
    width: 167px;
}
	#tab4-tab.active ~ span.blue-bar {
    left: 335px;
    width: 204px;
}
}
@media screen and (min-width:576px) and (max-width:767px) {
    .container{
        max-width: 540px;
        margin: 0 auto;
    }
    .main_plan_box{
        width: calc(100% - 30px);
        margin: 15px;
        display: block !important;
    }
    .plan_list, .plan_list_s{
        width: 100%;
    }
    .border-left-plan{
        border: none !important;
        border-bottom: 1px solid #e2e9ee !important;
    }
    .border-mobile-none{
        border-right: none !important;
    }
    .border-mobile-bottom{
        border-bottom: 1px solid #e2e9ee !important;
    }
    .plan_list{
        padding: 20px;
        justify-content: start;
    }
    .single_os {
        width: calc(33.33% - 30px);
        margin: 15px;
    }
    .img_flag{
        width: calc(33.33% - 20px);
        margin: 10px;
    }
	.single_box_feauter{
        width: calc(50% - 30px);
        margin: 15px;
    }
    .main_box_data_center{
        width: calc(80% - 50px);
        margin: 10px 25px;
    }
    .content_choose_vps_hosting{
        height: auto;
    }
    .img_choose_vps_hosting, .left_content_looking_class, .left_certificate, .right_certificate{
        width: calc(100% - 30px);
        margin: 0 15px;
    }
    .left_choose_vps_hosting{
        margin-top: 30px;
    }
    .single_hostim{
        width: calc(100% - 30px);
        margin: 15px;
    }
    .single_advantage{
        width: calc(33.33% - 15px);
        margin-right: 15px;
    }
    .left_img_advantage, .right_content_advantage{
        width: calc(100% - 30px);
        margin: 15px;
    }
    .single_client{
        width: calc(50% - 30px);
        margin: 15px;
    }
    .single_list_form {
        width: calc(100% - 30px);
        margin: 10px 15px;
    }
    .main_fill_form {
        width: 100%;
        margin: 0 auto;
    }
    .single_faq_box {
        width: calc(50% - 30px);
        margin: 10px 15px;
    }
    .main_click_faq{
        width: 100%;
    }
}
@media screen and (max-width:575px){
    .container{
        padding: 0 24px;
        margin: 0 auto;
    }
    .main_banner_image img{
        width: 100%;
    }
    .main_plan_box{
        width: calc(100% - 30px);
        margin: 15px;
        display: block !important;
    }
    .plan_list, .plan_list_s{
        width: 100%;
    }
    .border-left-plan{
        border: none !important;
        border-bottom: 1px solid #e2e9ee !important;
    }
    .border-mobile-none{
        border-right: none !important;
    }
    .border-mobile-bottom{
        border-bottom: 1px solid #e2e9ee !important;
    }
    .plan_list{
        padding: 20px;
        justify-content: start;
    }
    .single_os {
        width: calc(50% - 30px);
        margin: 15px;
    }
    .img_flag{
        width: calc(50% - 20px);
        margin: 10px;
    }
    .single_box_feauter{
        width: calc(100% - 30px);
        margin: 15px;
    }
    .img_choose_vps_hosting, .left_content_looking_class, .left_certificate, .right_certificate{
        width: calc(100% - 30px);
        margin: 0 15px;
    }
    .left_choose_vps_hosting{
        margin-top: 30px;
    }
    .single_advantage{
        width: calc(50% - 15px);
        margin-right: 15px;
    }
    .left_img_advantage, .right_content_advantage{
        width: calc(100% - 30px);
        margin: 15px;
    }
    .single_client{
        width: calc(100% - 30px);
        margin: 15px;
    }
    .single_list_form {
        width: calc(100% - 30px);
        margin: 10px 15px;
    }
    .main_fill_form {
        width: 100%;
        margin: 0 auto;
    }
    .single_faq_box {
        width: calc(100% - 30px);
        margin: 10px 15px;
    }
    .main_click_faq{
        width: 100%;
    }
    
    
    .contact-query {
    width: 100% !important;
}


.custom_row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.sumbits_form .single_list_form {
    width: calc(100% - 10px);
    margin: 10px 0px;
}

.sumbits_form .inp_50 {
    display: flex;
    flex-wrap: wrap;
}

.sumbits_form .inp_50 .form_main_icon {
    width: 100%;
}
    
  .form-center {
    display: flex;
    flex-wrap: wrap;
} 

 .contctform_img {
    margin-top: 43px;
}

.contact-query {
    width: 100% !important;
}


.main_item_section {
    display: flex;
    flex-wrap: wrap !important;
}

}
@media screen and (max-width:380px){
    .single_advantage{
        width: calc(100% - 15px);
        margin-right: 15px;
    }
}