@media(max-width:767px) {  
.mobile-nav {
		display: block;
		position: relative;
		background-color: #19133f;
	}
    .main-nav {
        display: none !important;
    }
    .mobile-nav .logo {
        text-decoration: none;
        position: absolute;
        top: 9px;
        z-index: 999;
        left: 15px;
        color: #52b2cf;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 20px;
    }
    

}

@media(max-width:990px) {  
     .counter_section{padding: 20px 0 40px;margin-bottom: 0px;height: auto;}
    .counter_section .counter_box {margin-bottom: 70px;}
    .counter_section .counter_box .bg_image{ height: 300px;}
    .counter_section .counter_box .icon img{width: 52px;}
    .counter_section .counter_box .counter_info h4{font-size: 10px; min-height: 14px;}
    .counter_section #prg-counter h3.prg-count{margin-bottom: 0px; font-size: 25px;}
}

@media(max-width:480px) {  
    
/* 
.our_office{display: none;}
.our_office_for_mobile{display: block; padding-bottom: 30px;} 

*/

    
    /******************Table css**********************/
.theader {display: none;}
    .table_row {
    border-bottom: solid 1px #eaedef;
    display: table;
    width: 100%;
    border-collapse: separate;
    padding-bottom: 20px;
    border-radius: 12px;
    }
    .table_small {display: table-row;border: solid 1px #333;}
    .table_row > .table_small > .table_cell:nth-child(odd) {
        display: table-cell;
        width: 33%;
        padding: 5px;
        font-weight: 500;
        color: #fff;
        }
    .table_row > .table_small > .table_cell {vertical-align: middle;
    padding: 5px;}
    .table_row:last-child{border-bottom: none;}
    .product_name { width: auto; padding: 10px 0 0 0px;}
    .table_row > .table_small > .table_cell .qty-btn .theme-button .default-btn {padding: 8px 25px; }
    .my_account_details .user_profile .table_row > .table_small:first-child > .pro-img-table{display: block;}
    .my_account_details .user_profile .product_name{width: auto; padding: 10px 0 0 0px;}
    .my_account_details .user_profile .table_row{padding: 10px 10px;    margin-top: 20px;}
    .my_account_details .final_info .time_table .time_ruing p {width: 55px !important;height: 55px !important;font-size: 20px !important;}
    .table_row > .table_small > .table_cell:nth-child(odd) span{display: block;    }
    .my_account_details .user_profile .earning_history .product_name { width: auto;}
    .top-botton a{width: 100%;} 
    /****************** SLIDER CSS **********************/
    .slider_section{height: 320px;}
    .height-100vh {height: 100%;}
    .slider_section{padding: 0px 0 0px;}
    .slider_section video{height: 320px;}
    .slider_section .banner_content {margin-bottom: 25px;}
    .slider_section .banner_content h2 {font-size: 37px;line-height: 47px;} 
    .slider_section .banner_content p{font-size: 21px;line-height: 27px;}
    .slider_section .banner_content p br{display: none;}
    .slider_section .banner_content .theme-button .default-btn{width: 100%; text-align: center;}
    .inner-slider .banner_content h2 {font-size: 36px;line-height: 40px; }
    .posi-ab{    top: 71px;}
    .inner-slider{height: 340px;}
    .bg-img{background-size: cover;}
    .inner-slider .row {height: 410px;}
    /****************** GROUP DIVISIONS CSS **********************/
    .group_divisions .tab_list{width: 100%}
    .img2{display: none;}
    /****************** HISTORY SECTION CSS **********************/
    .history_box{width: 100%; margin-bottom: 100px; height: 330px;}
    .history_box img{ bottom: -50px;}
    .first_row .col-lg-4:nth-child(2) { margin-top: 0;}
    .first_row .col-lg-4:nth-child(1) { margin-top: 0;}
    .seprate_line{display: none;}
    .first_row {margin-bottom: 7px;}
    .history_box_1 img {top: -50px;transform: rotate(180deg);}
    .our_history {padding: 0px 0 0px; display: none;}
    .history_box_1{margin-bottom: 60px;}
    /****************** COUNTER SECTION CSS **********************/
   
   
   
     /****************** OUR PARTNERS SECTION CSS **********************/
    .our_partners .owl-theme .owl-nav{top: -60px;display: none;}
    .our_partners .owl-prev{left: 0px;}
    .our_partners .owl-next {right: 0px;}
    .our_people .our_pepole_box{margin-bottom: 50px;}
     /****************** QUERY SECTION CSS **********************/
    .query_box h2 { font-size: 27px; line-height: 38px; }
    .our_query{ background-position: center; background-size: cover; height: 250px;}
    .our_query::after{opacity: 0.6;}
    .history_content p{position: relative; z-index: 99; padding-right: 0px;}
    
    /****************** TESTIMONIAL SECTION CSS **********************/
    .testimonial_section .testimonial .image {display: block;padding-right: 0;}
    .testimonial_section .testimonial .testimonial_info{padding-top: 20px;}
    .testimonial_section .testimonial .image img{width: 250px; margin: 0px auto;}
    .testimonial{margin-top: 20px;}
    /****************** OUR TEAM SECTION CSS **********************/
    .our_team_list .team_image{margin-bottom: 0px;}
    
    .our_team_list .team_image {
        margin-bottom: 20px;
        max-height: 180px;
        position: relative;
        overflow: hidden;
        
    }

    /****************** JOIN BRAXTONE CSS **********************/
    .join_braxtone_section {padding-bottom: 0px;}
    .join_braxtone_section .card_details{margin-bottom: 35px;}
    .join_braxtone_section .tab_list ul li {margin-right: 20px;width: 150px;}
    .join_braxtone_section .discount{margin-top: 0px;}
    /****************** CLUB DISCOUNT CSS **********************/
    .address_content .nav-tabs .nav-link{ padding: 0px 11px 10px;}
    .address_content .card-body .main_row .auto_info{padding: 10px 10px;}
    .auto_address ul{padding: 20px 0px 0 5px;}
    .auto_address{text-align: center;}
    .auto_address img{width: 100%;}
    /****************** CONTACT CSS **********************/
    .contact_info .form_row{ padding: 30px 10px 15px;}
    .contact_details .contact_box{padding: 20px 11px; margin: 10px 1px 35px;}
    .contact_info .select{width: 100%;}
    .contact_info .select-styled{border: none;}
    /****************** ACCODION MAIN CSS **********************/
    .accodion_main .contact_info{padding: 10px 10px; 0}
    .accodion_main .contact_info ul li{margin: 5px 0 5px; font-size: 15px; box-shadow: unset;}
    .accodion_main .contact_info ul li a{padding-left: 5px;}
    .accodion_main #main .card .card-header .btn-header-link{font-size: 16px;}
    /****************** AWARDS SECTION CSS **********************/
    .awards_section .history_content { padding: 30px 0px 0 0;}
    .image-order{order: 2}
    .details_box{padding-right: 0px;}
    .query_box .main_btn {width: 190px;font-size: 18px;}
    .mean-container .mean-bar{background: transparent;border: none;}
    .is-sticky .mean-container .mean-bar{background:#fff;}
    .footer-col ul{margin-bottom: 30px;}
    .footer-col h4 {font-size: 18px;font-weight: 600;}
    .footer-col {    margin-bottom: 30px;}
    .group_divisions_for_mobile{display: block;}
    .group_divisions{display: none;}
    .for_mobile{ display: block;}
    .for_desktop{display: none;}
    .pt-50 {padding-top: 30px !important;}
    .pb-50 {padding-bottom: 20px;}
    
   

    #main {    margin: 2px 0;}
    
    
    
    .img1{display: none;}
    .img3{display: none;}
    .img4{display: none;}
    .img5{display: none;}
    .img6{display: none}
}

    @media (max-width: 820px){ 
        .main-nav nav .navbar-nav .nav-item a{
            font-size: 11px;
            margin-left: 10px;
            margin-right: 10px;
        }
        .main-nav nav ul{
            align-items: center;
        }
    } 
  
    @media (max-width: 360px){  
        
    }