/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */


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

@media only screen and (max-width : 1280px) {
	
	.h1_wrap img {position:static; top:auto; left:auto; margin-top:20px;}
    
	.sort_wrap .nav-tabs.ob_tabs li:nth-child(2) a {
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
	
    .main_title_wrap {
        position: relative;
        left: 60px;
        top: 25px;
        font-size: 16px;
    }
    
    section.about p {
        width: 100%;
    }
    
    .how_work_item .how_img_wrap {
        width: 100%;
    }
    
    ul.social li {
        margin-right: 5px;
    }

    .deli_form_wrap .form, p.price {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    form input[type="text"], .form input[type="text"], .deli_form_wrap .form .btn {
        width: 100%;
    }
    
    .deli_item {
        padding-bottom: 20px;
    }
    
    .deli_item_wrap {
        padding-bottom: 0;
    }
    
    .deli_btn.btn {
        margin-bottom: 25px;
    }
    
    ul.deli_features_2 li {
        margin-right: 15px;
    }
    
    ul.date_adres li {
        margin-bottom: 15px;
    }
    
    .nav-tabs.ob_tabs li {
        display: block;
        width: 100%;
        display: none;
        text-align: left;
    }
    
    ul.nav-tabs.ob_tabs {        
        width: 200px;
        display: inline-block;
        position: relative;
        top: -15px;
        background-color: #2a7ac8;
        border-radius: 30px;
        background-image: url(../img/arr_bot.png);
        background-repeat: no-repeat;
        background-position: 93% 50%;
        cursor: pointer;
    }
    
    ul.nav-tabs.ob_tabs.active {
        background-position: 93% 16%;
    }
        
    .ob_tabs .mobile_show {
        display: inline-block;
    }
    
    .nav-tabs.ob_tabs span.mobile_show {
        color: #fff;
        font-size: 16px;
        font-family: "OpenSansBold";
        line-height: 3;
        padding-left: 22px;
        text-transform: uppercase;
    }
    
    .nav-tabs.ob_tabs li:last-child a {
        border-top-right-radius: 0;
        border-bottom-left-radius: 30px;
    }
    
    .nav-tabs.ob_tabs li a {
        font-size: 16px;
        padding-left: 22px;
    }
    
    .profile_wrap {
        padding-top: 50px;
    }
    
    .sort_wrap .btn {
        width: 275px;
    }
    
    .comp_wrap_title li {
        margin-right: 3px;
        font-size: 10px;
    }
    
    .comp_item .col-md-4 img {
        width: 100%;
    }
    
    .comp_item div p {
        font-size: 11px;
       
    }
    
    .comp_item .col-md-5 img {
        display: block;
         width: 14px;
        margin: 0 auto;
    }
    
    .comp_wrap {
        margin-top: -14px;
    }
    
    .profile_wrap .tab-content ul.date_adres li {
        margin-right: 50px;
    }
    
    .profile_wrap .tab-content ul.date_adres li.dop_arr:before {
        left: 170px;
    }
    
    .offers_wrap .btn {
        width: 100%;
        margin-top: -5px;
    }
    
    .offers_wrap .offer_item .btn {
        margin-top: 20px;
    }
    
    .work_out .btn {
        width: 95%;
    }
    
    .tab-content .deli_form_wrap {
        top: 0;
        margin-top: 0;
    }
    
    .profile_wrap .tab-content ul.deli_features {
    border-top: none;
    }
    
    .profile_wrap.zakazy .nav > li > a {
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .nav-tabs span.span_numb {
        margin-right: 5px;
    }
    
    .profile_wrap.zakazy .ui-selectmenu-button.ui-button {
        width: 160px;
    }
    
    .profile_wrap.zakazy .tab-content ul.date_adres li {
        margin-right: 85px;
    }
    
    ul.deli_features li {
        margin-right: 65px;
    }
    
    .company_cont_wrap {
        margin-left: 0;
        padding-right: 15px;
    }
    
    #new_ob .modal-dialog {
        width: 960px;
    }
    
    .adres_item {
        width: 382px;
    }
    
/*     .nav-tabs li:nth-child(2) a, .nav-tabs.auth_tabs li:nth-child(2) a, .sort_wrap .nav-tabs.ob_tabs li:nth-child(2) a {
    border-radius: 0;
} */
}

@media only screen and (max-width : 1000px) {
	.main_title_wrap {display:none;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    
     .log_in_wrap {
   /* margin-top: 0;*/
    position: relative;
   /*/ bottom: 94px;*/
    }
    .textblock {
    width: 100%; padding:0 15px;
}
    
    .main_title_wrap {
        top: 40px;
        left: 0;
        width: 100%;
        font-size: 18px;
    }
    
    .nav-tabs.main_tabs, .tab-content {
        width: 100%;
    }
    
    .how_work_item .how_img_wrap {
        margin-bottom: 20px;
    }
   
    .bot_logo_wrap {
        display: none;
    }
    
    ul.bot_mnu {
        float: none !important;
        text-align: center;
    }
    
    footer {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .modal-dialog {
        width: 100%;
        margin-left: 0;
    }
    
    ul.date_adres li.dop_arr {
        margin-bottom: 35px;
    }
    
    ul.date_adres li.dop_arr:before {
        left: 0;
        top: 58px;
        transform: rotate(90deg);
		display:none;
    }
    
    ul.date_adres {
        padding-bottom: 10px;
    }
    
    ul.deli_features li {
        min-width: 50px;
    }
    
    ul.deli_features_2 li {
        margin-bottom: 10px;
    }
    
    .deli_descr {
        margin-top: 15px;
    }
    
    .user_mnu li {
         margin-right: 15px;
    }
    
    .head_bot_wrap {
        padding-bottom: 10px;
    }
    
     ul.date_adres {
        width: 390px;
    }
    
    .profile_wrap .tab-content ul.date_adres li.dop_arr:before {
        left: 0;
    }
    
    /*
    .comp_wrap {
        display: none;
    } */
    
    .comp_item .col-md-4 img {
        width: auto;
    }    
    
    .tab-content .deli_form_wrap {
        z-index: 998;
    }
    
    .user_mnu li {
        margin-right: 10px;
    }
    
    .user_mnu li a {
        font-size: 11px;
    }
    
    .user_mnu li a span.span_numb {
        margin-right: 3px;
    }
    
    .profile_wrap.zakazy .nav-tabs > li > a {
        font-size: 12px;
    }
    
    .profile_wrap.zakazy .nav-tabs span.span_numb {
        line-height: 2;
    }
    
    .profile_wrap.zakazy .ui-selectmenu-button.ui-button {
        width: 145px;
    }
    
    .zakaz_btn {
        width: 95%;
    }
    
    .my_rew_item {
        padding-right: 50px;
    } 
    
    .rew_list li {
        margin-right: 40px;
    }
    
    #new_ob .modal-dialog {
        width: 100%;
    }
    
    .adres_item {
        width: 300px;
    }
    
    #new_map_wrap {
        width: 100%;
    }
    
    #new_ob .modal-content {
        padding-right: 30px;
        padding-left: 30px;
    }
    
    #new_ob .modal-header .close {
        margin-right: 0;
        margin-top: 10px;
    }
	
	.deli_item h2 {max-width:400px;}
}

@media only screen and (max-width : 767px) {
	
	ul.date_adres {width:100%;}
	
	.how_work_item .how_img_wrap {margin-left:auto; margin-right:auto;}
    
    ul.main_mnu {
        display: none;
    }
    
    .log_in_wrap {
        display: none;
    }
    
    .logo_wrap {
        text-align: center;
        margin-top: 15px;
    }
    
    .main_title_wrap {
        font-size: 20px;
    }
    
    .nav-tabs li, .nav-tabs.main_tabs li, .nav-tabs.how_work_tabs li, .nav-tabs.auth_tabs li {
        display: block;
        width: 100%;
        display: none;
        text-align: left;
    }
    
    ul.nav-tabs {        
        width: 100%;
        display: block;
        background-color: #2a7ac8;
        border-radius: 30px;
        background-image: url(../img/arr_bot.png);
        background-repeat: no-repeat;
        background-position: 97% 50%;
        cursor: pointer;
    }
    
    ul.nav-tabs.active {
        background-position: 97% 12%;
    }
    
    .nav-tabs.how_work_tabs {
        width: 100%;
    }
    
    .mobile_show {
        display: inline-block;
    }
    
    .nav-tabs span.mobile_show {
        color: #fff;
        font-size: 16px;
        font-family: "OpenSansBold";
        line-height: 3;
        padding-left: 22px;
        text-transform: uppercase;
    }
    
    .nav-tabs.ob_tabs span.mobile_show, .zakazy .nav-tabs span.mobile_show {
        display: none;
    }
    
    .nav-tabs.ob_tabs li, .zakazy .nav-tabs li {
        display: block;
    }
    
    .sort_wrap .nav-tabs.ob_tabs li:nth-child(2) a, .zakazy .nav-tabs li:nth-child(2) a {
         border-top-right-radius: 30px;
         border-top-left-radius: 30px !important;
    }
    
    .nav-tabs li:last-child a {
        border-top-right-radius: 0;
        border-bottom-left-radius: 30px;
    }
    
    .nav-tabs li a {
        font-size: 16px;
        padding-left: 22px;
    }
    
    .tab-content {
        padding-top: 30px;
    }
    
    .main_reg_item {
        margin-bottom: 20px;
    }
    
    .main_choice {
        padding-bottom: 10px;
    }
    
    section.bg_1, section.bg_2 {
        background-size: cover;
        height: 150px;
        background-position: -144px 0px;
    }
    
     section.bg_2 {
    height: 128px;
    background-size: 100%;
    background-position: 0;
    background-repeat: no-repeat;
    }

    .mobile_mnu_btn {
        display: inline-block;
        position: absolute;
        left: 25px;
        top: 30px;
        width: 24px;
        height: 24px;
        background-image: url(../img/menu.png);
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .mobile_mnu_btn.active {
        background-image: url(../img/menu_close.png);
        z-index: 999;
        position: absolute;
    right: 30px;
    left: auto;
    }
    
    .mobile_mnu_wrap {
        position: absolute;
        height: 100vh;
        background-color: #2a7ac8;
        width: 100%;
        z-index: 999;
    }
    
    .head_bot_wrap {
        padding-top: 0;
    }
    
    .town_select_wrap {
        padding-left: 10px;
    }
    
    .mobile_mnu_wrap .user_mnu {
        margin-left: 25px;
        margin-top: 101px;
        position: relative;
        display: block;
    }
    
    .mobile_mnu_wrap .user_mnu li {
        display: block;
        margin-bottom: 30px;
    }
    
    .mobile_mnu_wrap .user_mnu li a {
        color: #fff;
    }
    
    .mobile_mnu_wrap .user_mnu li:last-child {
        position: absolute;
        bottom: -230px;
    }
    
    .main_mnu.mobile_main_mnu {
        display: block;
        margin-left: 25px;
        margin-top: 40px;
    }
    
    .main_mnu.mobile_main_mnu li {
        display: block;
        margin-bottom: 27px;
        text-transform: uppercase;
        font-size: 12px;
    }
    
    .fixed {
        position: fixed;
        width: 100%;
    }
    
    .nav-tabs li:nth-child(2) a {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
    
    .town_select_wrap span {
        margin-left: 7px;
        margin-right: 0;
    }
    
    .deli_form_wrap {
        top: 0;
        margin-bottom: 17px;
        position: relative;
    }
    
    .deli_item {
        padding-left: 10px;
        padding-right: 10px;
    }   
    
    h2 {
        font-size: 24px;
    }
    
    .deli_item h2 {
        padding-left: 10px;
    }
    
    span.order_n {
        margin-left: 13px;
    }
    
    .user_mnu {
        display: none;
    }
    
    h1 {
        font-size: 20px;
        text-transform: uppercase;
        margin-top: 0;
    }
    
    .head_bot_wrap {
        background-color: #fff;
    }
    
    body.main .head_bot_wrap {
        background-color: #e7ebee;
    }
    
    .profile_mnu li {
        display: block;
        border: 1px solid #e7ebee;
    }
    
    .profile_mnu {
        margin-bottom: 20px;
    }
    
    ul.nav-tabs.ob_tabs {
        display: block;
        width: 300px;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    
    .sort_select_wrap {
        display: block;
        text-align: center;
    }
    
    .sort_select_wrap .ui-selectmenu-button.ui-button {
        left: 0;
        top: 0;
        width: 300px;
    }
    
    .sort_select_wrap {
        display: block;
        text-align: center;
    }
    
    span.select_title {
        top: -10px;
        left: -100px;
        display: block;
        position: relative;
    }
    
    .sort_wrap .btn {
        top: 0;
        left: 0;
        width: 300px;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    
    .profile_wrap {
        background-color: #fff;
    }
    
    .offers_wrap .btn {
        margin-top: 0;
        position: relative;
        top: 20px;
    }
    
    .offers_wrap .offer_item .btn {
        top: 0;
    }
    
    .tab-content .deli_form_wrap {
        margin-top: 0;
    }
    
    .tab-content span.order_n {
        padding-left: 0;
    }
    
    .tab-content .deli_item h2 {
        padding-left: 12px;
    }
    
    .profile_wrap {
        padding-top: 20px;
    }
    
    .profile_wrap .deli_item .col-md-8, .profile_wrap .deli_item .col-md-12 {
        padding-left: 10px;
    }
    
    .profile_wrap.zakazy .nav-tabs, .profile_wrap.zakazy .ui-selectmenu-button.ui-button {
        width: 300px;
        display: block;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    
    .profile_wrap.zakazy .nav-tabs .mobile_show span.span_numb {
        line-height: 1.5;
    }
    
    .profile_wrap.zakazy ul.nav-tabs.active {
        background-position: 97% 9%;
    }
    
    .profile_item.my_profile_text {
        min-height: 265px;
    }
    
    .profile_item p {
        background-position: 100% 5px;
    }
    
    .profile_img_wrap {
        padding-left: 0;
    }
    
    .profile_item textarea {
        height: 240px;
    }
    
    .my_rew_item {
        padding-right: 20px;
        padding-left: 20px;
    }  
    
    .rew_list li {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .my_rew_item span.order_n {
        margin-left: 0;
    }
    
    .rew_list li p {
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .my_rew_item {
        padding-top: 0;
    }
    
    .rew_text {
        margin-top: 0;
    }
    
    .my_rew_item {
        padding-top: 0;
        border-bottom: 4px solid #e7ebee;
        border-radius: 0;
        padding-bottom: 23px;
    }
    
    .h1_wrap img {
       /* position: relative;
        left: 0;
        top: 50px;*/
        display: block;
        margin: auto;
    }
    
  /*  .h1_wrap h1 {
        position: relative;
        top: -100px;
    }*/
    
    .h1_wrap h1 span {
       /* position: relative;
        top: 41px;*/
		margin-top:10px;
        text-align: center;
        text-transform: none;
    }
    
    .company_descr_wrap h2 {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .company_descr_wrap p {
        margin-bottom: 15px;
    }
    
    .my_rew_item {
        margin-bottom: 0;
        padding-top: 20px;
    }
    
    .adres_item {
        width: 100%;
    }
    
    #new_ob .modal-content {
        padding-right: 20px;
        padding-left: 20px;
    }
    
    .adres_item:first-child:after {
        right: auto;
        left: 13px;
        top: 98px;
        transform: rotate(90deg);
    }
    
    .adres_item:first-child input, .adres_item:last-child input {
        background-position: 12px 50%;
    }
    
    .size_block img {
        top: 20px;
    }
    .select_button {    text-align: center;
    margin: 0 0 10px 54px !important;
    width: 100px;
    display: block;}
    
    .comp_wrap .nav-tabs li {
        display: inline-block !important;
    }
    
    .comp_wrap_title {
        display: none;
    }
    
    ul.date_adres li:nth-child(3), ul.date_adres li:nth-child(4), ul.date_adres li:nth-child(5), ul.date_adres li:nth-child(6), ul.date_adres li:nth-child(7), ul.date_adres li:nth-child(8), ul.date_adres li:nth-child(9), ul.date_adres li:last-child {
        width: 81%;
    }
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    
  
    ul.social li {
    margin-right: 2px;
}
    
    .logo_wrap img {
        width: 150px;
    }
    
    .mobile_mnu_btn {
        top: 15px;
    }
    
    .mobile_mnu_wrap .user_mnu {
        margin-top: 81px;
    }
    
    .main_title_wrap {
        top: 0;
        margin-top: 23px;
    }
    
    .main_choice {
        padding-top: 15px;
    }    
    
    ul.date_adres {
        width: 100%;
    }
    
    ul.date_adres li {
        margin-right: 35px;
    }
    
    .deli_item {
        padding-left: 0;
        padding-right: 0;
    }
    
    ul.deli_features li {
        margin-right: 45px;
    }
    
    .profile_wrap .tab-content ul.date_adres li, .profile_wrap.zakazy .tab-content ul.date_adres li {
        margin-right: 25px;
    }
    
    .offers_wrap p {
        font-size: 20px;
        text-align: center;
    }
    
    .offers_wrap {
        padding-left: 0;
        padding-right: 0;
    }
    
    .my_profile {
        padding-left: 0;
        padding-top: 0;
    }
    
    .profile_img_wrap {
        width: 100%;
    }
    
    .my_rew_item {
        padding-right: 10px;
        padding-left: 10px;        
    } 
    
     #new_ob .date_block, #new_ob .time_block {
        width: 100%;
    }
    
    
     h4.modal-title {
        font-size: 24px;
         margin-top: 7px;
         text-align: left;
    } 
    
    #new_ob .checkbox_label {
        margin-right: 20px;
    }
    
    .size_item {
        width: 100%;
    }
    
    .modal form .size_item input[type="text"], .modal form .price_block input[type="text"] {
        width: 91%;
    }
    
    .size_block img {
        display: none;
    }
    
    #new_ob .modal-body {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 20px;
    }
    
    .modal .size_item label {
        display: block;
    }
    
    #new_ob input.btn, .upload_block .btn {
        width: 100%;
    }
    
    .required_descr {
        margin-top: 0;
    }
	
	.modal-content {
    padding-left: 15px;
    padding-right: 15px;
}
.modal-header .close {margin-right:0px;}
	.popupcity {    top: 100%;
    left: 0px;
    width: 100%;}
}
@media only screen and (max-width : 400px) {
	
	.sogl {    width: 90%;
    text-align: left;
    line-height: 1.5; white-space:normal;}
}
@media only screen and (max-width : 360px) {
	
	
	
    ul.deli_features li {
    margin-right: 35px;
    }
    
    ul.date_adres li {
    margin-right: 25px;
    }
    
    ul.nav-tabs.ob_tabs, .sort_select_wrap .ui-selectmenu-button.ui-button, .sort_wrap .btn, .profile_wrap.zakazy .nav-tabs, .profile_wrap.zakazy .ui-selectmenu-button.ui-button {
        width: 100%;
    } 
    
    #new_ob .modal-content {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #new_ob .modal-header {
        padding-left: 0;
        padding-right: 0;
    }
    
    .modal form .size_item input[type="text"], .modal form .price_block input[type="text"] {
        width: 90%;
    }
}




/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 767px) {
    #signin .auth_tabs .mobile_show
    {
            display: none;
    }
     #signin .auth_tabs li
    {
            display: block;
    }
    #signin .nav-tabs li:nth-child(2) a,#signin .nav-tabs.auth_tabs li:nth-child(2) a,#signin .sort_wrap .nav-tabs.ob_tabs li:nth-child(2) a {
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    }
    #signin .nav-tabs li:nth-child(2) a,#signin .nav-tabs.auth_tabs li:nth-child(2) a,#signin .sort_wrap .nav-tabs.ob_tabs li:nth-child(2) a {
    border-bottom-left-radius: 0px;

    }
    .nav-tabs li:nth-child(2) a, .nav-tabs.auth_tabs li:nth-child(2) a, .sort_wrap .nav-tabs.ob_tabs li:nth-child(2) a {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    }
}