/* ========================= Start media screen 991px =========================  */
@media screen and (max-width:991px) {
    /* menu css start */
    header .top_btns a{margin: 0 0 0 5px;}
    header .menu li {padding: 9px 7px 0;}
    header .logo{z-index: 1;}
    .navbar{position: fixed; top: 11px; left: 0; width: 100%; max-width: 690px; right: 0; margin: 0 auto; z-index: 0;}
    header .top_btns{ margin-right: 56px; padding-top: 1px; z-index: 1; position: relative;}
    .navbar-light .navbar-toggler{border-color: #ffffff; height: 33px; width: 46px; padding: 0 7px; line-height: 1; display: inline-block;}
    .navbar-light .navbar-toggler:focus{outline: 0;}
    .navbar-light .navbar-toggler-icon{background-image: none; position: relative; width: 30px; height: 3px; background: #ffffff; display: block; margin: -8px 0 0 0;}
    .navbar-light .navbar-toggler-icon:before,.navbar-light .navbar-toggler-icon:after{content: ""; width: 100%; height: 3px; position: absolute; left: 0; background: #ffffff;}
    .navbar-light .navbar-toggler-icon:before{top: 6px;}
    .navbar-light .navbar-toggler-icon:after{top: 12px;}
    header.sticky .navbar-light .navbar-toggler {border-color: #3f05b2;}
    header.sticky .navbar-light .navbar-toggler-icon,
    header.sticky .navbar-light .navbar-toggler-icon:before, 
    header.sticky .navbar-light .navbar-toggler-icon:after{background: #3f05b2;}
    .navbar-collapse{background: #ffffff; box-shadow: 0 9px 7px rgba(0,0,0,0.2); margin: 6px 0 0 0;}
    header .menu{width: 100%; padding: 0;}
    header .menu li{padding: 0; display: block; border-top: 1px solid #ebe0ff;}
    header .menu li a{padding: 12px 10px; display: block; color: #3f05b2; text-align: center;}
    header .menu li a:hover{color: #FF186B;}
    /* menu css ends */
    
    /* Register css start */
    .registerdiv .left_form, .registerdiv .right_info {padding: 15px;}
    .registerdiv .right_info svg {max-height: 150px;}
    .registerdiv .rightdiv, .registerdiv .leftdiv{width: 100%; padding: 0 0 15px;}
    .registerdiv .right_info{display: flex; align-items: center; justify-content: center;}
    /* Register css ends */
    
    /* About us css start */
    .recruit_proce li{width: 33.3333%; padding-bottom: 20px;}
    /* About us css ends */
    
    /* Rewards css start */
    .rewards_list li {width: 33.3333%;}
    /* Rewards css ends */
    
    /* Contact us css start */
    .contactdiv .registerdiv .right_info{display: block;}
    /* Contact us css ends */

    .tableresponsive{width: 100%; overflow-x: auto;}
    .tableresponsive .table{width: 900px;}


    .testimonial_section {height: 100vh;}
    .testimonial_section .items {height: 100vh;}
    .testimonial_section .slider_cap {min-height: 460px;}
}
/* ========================= Close media screen 991px =========================  */

/* ========================= Start media screen 767px =========================  */
@media screen and (max-width:767px) {
    /* menu css start */
    header .container,.navbar{max-width: 100%;}
    .navbar-light .navbar-toggler{margin: 0 15px 0 0;}
    header .logo{width: 70px; margin: 4px 0 0 0;}
    .navbar-light .navbar-toggler{width: 36px;}
    .navbar-light .navbar-toggler{padding: 0 5px;}
    .navbar-light .navbar-toggler-icon{width: 100%;}
    header .top_btns a{padding: 8px 10px;}
    header .top_btns {margin-right: 47px;}
    .navbar-collapse{margin: 5px 0 0 0;}
    /* menu css ends */
    
    /* Footer css start */
    footer{padding: 30px 0 0;}
    footer .centerdiv{padding-bottom: 25px; padding-top: 10px;}
    .copyright{margin: 10px 0 0 0;}
    footer .footer_menus li{padding: 0 0 10px;}
    /* Footer css ends: ; */    
    
    /* login css start */
    .login .sec_inner_banner {padding: 30px 0;}
    .login_main h5{font-size: 25px; padding: 0 0 5px;}
    .login_main p{font-size: 13px; padding: 0 0 50px;}
    .user_icon{width: 60px; height: 60px; top: -30px; line-height: 60px;}
    .user_icon img {width: 35px;}
    .logindiv{padding: 45px 15px 0;}
    .login input[type="text"], .login input[type="password"], .login input[type="email"], .login input[type="tel"], .contactdiv input[type="text"], .contactdiv input[type="email"], .contactdiv textarea{padding: 8px 10px; font-size: 14px;}
    .btns.purpl{font-size: 14px;}
    .login .submitbtn .btns.purpl{padding: 4px 20px;}
    .sec_inner_banner > .container{display: flex; align-items: center; justify-content: center;}
    .sec_inner_banner > .container > .row{width: calc(100% + 30px );}
     /* login css ends */
    
    /* Register css start */
    .registerdiv .left_form, .registerdiv .right_info {width: 100%;}
    .registerdiv .right_info{padding: 15px 15px 40px;}
    .register_slider .owl-dots{bottom: 0;}
    .registerdiv .right_info svg {max-height: 100px;}
    h4{font-size: 15px;}
    h1{font-size: 25px;}
    h2{font-size: 22px;}
    h3{font-size: 18px;}
    p{font-size: 14px; line-height: 1.6;}
    /* Register css ends */
    
    /* Home page css start */
    .sec_home_slider p{font-size: 15px;}
    .sec_home_slider .owl-dots .owl-dot {height: 15px; width: 15px; margin: 0 4px;}
    .btns{padding: 5px 15px; font-size: 15px;}
    .sec_home_slider .owl-dots{bottom: 15px;}
    .sec_how_it_works,.sec_we_working_with ,.sec_aboutus,.sec_enquire_now{padding: 30px 0;}
    .sec_how_it_works h2,.sec_benefits h2,.sec_enquire_now h2{padding: 0 0 15px;}
    .sec_how_it_works h3 {padding: 0 0 10px 0; line-height: 1.2;}
    .sec_how_it_works p {padding: 0 0 15px 0;}
    .sec_we_working_with strong{font-size: 70px;}
    .sec_we_working_with p{font-size: 18px;}
    .sec_benefits{padding: 30px 0 15px;}
    .benefits_list li{width: 50%;}
    .sec_enquire_now input[type="text"], .sec_enquire_now input[type="email"], .sec_enquire_now textarea{padding: 8px 10px; font-size: 14px;}
    /* Home page css ends */
    
    /* About us css start */
    .sec_inner_banner{padding: 25% 0 10%;}
    .sec_privacy_policy {padding: 20px 0 20px;}
    .sec_privacy_policy h2{padding: 15px 15px; text-transform: uppercase; font-size: 16px;}
    .resp-tab-content{padding: 0 15px;}
    .sec_privacy_policy h3{padding: 10px 0 5px 0;}
    .sec_privacy_policy p{line-height: 1.4;}
    .measure_list li .qcm_icon {width: 100px; height: 100px; border: 3px solid #AEAEAE; margin: 0 auto;}
    .measure_list li img {width: 40px;}
    .recruit_proce li {width:100%;}
    .our_steps li{width: 50%; padding-bottom: 20px;}
    /* About us css ends */
    
    
    /* Rewards css start */
    .rewards_list li {width: 50%;}
    .sec_rewards h2 {padding: 0 0 10px 0;}
    .sec_rewards {padding: 30px 0 0;}
    .sec_rewards h3{font-size: 16px; padding: 0 0 10px; margin: 0px 0 15px;}
    /* Rewards css ends */
    
    /* Contact us css start */
    .contactdiv .registerdiv {margin: 15px auto 0; box-shadow: none;}
    .contactdiv .col-12{padding: 0;}
    .contactdiv .registerdiv .right_info{padding: 15px 15px 5px;}
    .contactdiv{padding: 0;}
    .mapdiv iframe{height: 300px;}
    .contactdiv .right_info h4 {margin: 10px 0 15px 0;font-size: 20px;}
    /* Contact us css ends */

    .sec_about .mission_main .missiondiv_card{ margin:0; margin-bottom:20px; width:100%; }
    .sec_about .missiondiv_card .card_text{ padding:15px 20px; }


    /*Testimonial section style  start*/
    .testimonial_section {height: 100vh;}
    .testimonial_section .items {height: 100vh;}
    .testimonial_section .owl-dots .owl-dot {height: 15px; width: 15px; margin: 0 4px;}
    .testimonial_section .owl-dots{bottom: 15px;}
    .testimonial_section h2{padding: 1% 0 25px 0; font-size: 28px; letter-spacing: 1px;}
    .testimonial_section p{font-size: 18px;  padding: 0 0 8px;}
    .testimonial_section .slider_cap {min-height: 470px; padding-bottom: 10px;}
    /*Testimonial section style  End*/
}
/* ========================= Close media screen 767px =========================  */


/* ========================= Start media screen 480px =========================  */
@media screen and (max-width:480px) {
     /* Home page css start */
    .benefits_list li{width: 100%; padding: 0 15px 15px;}
     /* Home page css ends */
    
     /* About us css start */
    .our_steps li,.recruit_proce li,.measure_list li{width: 100%;}
    .our_steps li:last-child{padding-bottom: 0;}
    .recruit_proce strong{margin: 0 auto 10px;}
    .recruit_proce li{padding-bottom: 10px;}
     /* About us css ends */
    
    /* Rewards css start */
    .rewards_list li {width: 100%; padding: 0 0 15px;}
    .list_info p{height: auto !important;}
    .sec_rewards {padding: 30px 0 15px;}
    /* Rewards css ends */

     /*Testimonial section style  start*/
     .testimonial_section .slider_cap {padding: 10px 15px 0px; min-height:430px; }
    .testimonial_section h2{padding: 1% 0 25px 0; font-size: 25px; letter-spacing: 1px;}
    .testimonial_section p{font-size: 14px; padding-bottom: 0;}
    /*Testimonial section style  End*/
    
}
/* ========================= Close media screen 480px =========================  */