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

/* Large Devices, Wide Screens */

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

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .p_head {
        font-size: 22px;
    }

    .ul_mnu li a {
        padding: 10px 7px;
    }

    .tabs > label {
        padding: 15px 3px;
        font-size: 12px;
    }

    .p_heads {
        margin: 20px 0 10px 0;
    }

    .av{
        position: unset;
        transform: unset;
        top: unset;
        left: unset;
        margin: 0 auto;
        margin-top: -26px;
    }

    .toplists{
        margin-bottom: 60px;
    }

    .hg {
        height: 120px;
    }

    .bb .tbl{
        display: block;
    }

    .blocks{
        margin-bottom: 60px;
    }

}



/* Small Devices, Tablets */

@media only screen and (max-width : 768px) {
    .p_head {
        font-size: 20px;
        text-align: center;
        margin: 7px 0;
        margin-top: 12px;
    }

    .sng {
        margin: 10px 0;
        float: left;
    }

    .link {
        margin: 15px 0;
    }

    .ul_mnu{
        display: none;
        position: relative;
        z-index: 9999;
    }

    .ul_mnu li{
        text-align: center;
        float: unset;
    }

    .write{
        text-align: center;
    }

    h2{
        text-align: center;
    }

    .soc{
        margin-bottom: 15px;
        justify-content: center;
    }

    .mb{
        margin: 0 auto;
        display: table;
        margin-bottom: 15px;
    }

    .tabs > label {
        padding: 10px 1px;
        font-size: 9px;
    }

    .forgot{
        text-align: center;
    }

    .cabs label {
        font-weight: unset!important;
        font-size: 10px!important;
    }

    #content-tab3{
        padding-left: 0;
        padding-right: 0;
    }

    .cab_numb{
        margin: 15px auto;
    }

    .cnt {
        margin-top: 5px;
    }

    .wr_b_numb{
        background-position: center;
        background: url("../img/small-number.png");
        width: 140px;
        height: 29px;
    }

    .s11{
        font-family: "RobotoMedium";
        font-weight: bold;
        font-size: 15px;
        margin: 0;
        line-height: 1.6;
        width: 26px;
        text-align: right;
        float: left;
        position: relative;
        top: 4px;
        height: 29px;
        margin-right: 6px;
        text-transform: uppercase;
    }

    .s22, .s33, .s44 {
        font-family: "RobotoMedium";
        font-weight: bold;
        font-size: 18px;
        margin: 0;
        line-height: 1.6;
        width: 12px;
        text-align: right;
        float: left;
        position: relative;
        top: 1px;
        height: 29px;
        text-transform: uppercase;
    }

    .s55, .s66 {
        font-family: "RobotoMedium";
        font-weight: bold;
        font-size: 15px;
        margin: 0;
        line-height: 1.6;
        width: 15px;
        text-align: right;
        float: left;
        position: relative;
        top: 4px;
        height: 29px;
        text-transform: uppercase;
    }

    .rg {
        font-family: "RobotoMedium";
        font-weight: bold;
        font-size: 10px;
        margin: 0;
        line-height: 1.6;
        width: 27px;
        text-align: center;
        float: left;
        position: relative;
        top: 2px;
        left: 11px;
        height: 29px;
        text-transform: uppercase;
    }

    .main_numb_sel select {
        margin-left: 0px;
    }

    .main_numb_sel {
        display: table;
        padding: 0;
        margin: 15px auto;
    }

    .main_numb_sel li {
        float: left;
    }

    .main_numb_sel li {
        float: left;
        margin: 4px 0;
    }

    .m_w{
        width: 100%;
    }

    .btns {
        width: 50%;
    }

    .ms{
        width: 20%;
    }

    .ms2{
        width: 80%;
    }

    .wir {
        width: 96%!important;
    }

    .podr {
        padding: 5px 4px;
    }

    .wr_b_numb2{
        margin: 15px auto;
        display: table;
        width: 240px;
        height: 183px;
        background: url("../img/big_moto.png");
    }

    .s22_nn {
        font-family: "RobotoMedium";
        font-weight: bold;
        font-size: 18px;
        margin: 0;
        line-height: 1.6;
        width: 12px;
        text-align: right;
        float: left;
        position: relative;
        top: 1px;
        height: 29px;
        text-transform: uppercase;
        margin-left: 14px;
    }

    .rg2 {
        left: 17px;
    }

    .s22_nn2{
        font-family: "RobotoMedium";
        font-weight: bold;
        font-size: 18px;
        margin: 0;
        line-height: 1.6;
        width: 12px;
        text-align: right;
        float: left;
        position: relative;
        top: 1px;
        height: 29px;
        text-transform: uppercase;
    }

    .s11j {
        font-family: "RobotoMedium";
        font-weight: bold;
        font-size: 15px;
        margin: 0;
        line-height: 1.6;
        width: 6px;
        text-align: right;
        float: left;
        position: relative;
        top: 4px;
        height: 29px;
        margin-right: 6px;
        text-transform: uppercase;
    }

    .phonez{
        text-align: center;
    }

    .ya-share2{
        display: flex;
        justify-content: center;
        margin: 15px 0;
    }

    .mobmb{
        margin-bottom: 10px;
    }

    .felts{
        width: 100%;
        margin-top: 17px;
    }

    .p_heads {
        font-size: 15px;
    }

    .l {
        font-size: 14px;
    }

    .bgw{
        margin: 15px 0;
    }

    .small-number {
        margin-top: 18px;
    }

    .small-number2 {
        margin-top: 7px;
    }

    .tb_h {
        padding: 30px 10px!important;
        width: 160px;
    }

    .tb_h2 {
        padding: 30px 10px!important;
    }
    
    .war_p {
        font-size: 12px;
    }

    .ms2-mobile {
        width: 100%;
    }

}

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

}

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

}


/*==========  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) {
    .top_header{
        display: flex;
        align-items: center;
    }

    .flex{
        display: flex;
        align-items: center;
    }

    .flex2{
        display: flex;
        flex-wrap: wrap;
    }

}

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

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {


}