@media (min-width:768px) {
       ol.fgp-right { border-left: none !important;border-right: #144788 1px solid;}
  ol.fgp-right li{ justify-content: end; padding-right: 55px; padding-left: 0px !important;} 
  ol.fgp-right li i { left: inherit !important; right: -36px; }
 ol.fgp-right:before,  ol.fgp-right:after{ right: -5px; left: inherit !important; } 

}

@media (min-width:1400px) {
.explore_our_services .nav-tabs:before{  right: -880px; }

 }

@media (min-width:992px) and (max-width:1199px) {  

    .home_slider::after{ margin-right: -140px;} 
    .m_service_aside figcaption{ padding-right: 20px;} 
    .d-app .w-75{ width: 100% !important;}
    .footer{ font-size: 14px;}
 
}


@media (min-width:768px) and (max-width:991px) {  
body{ font-size: 14px; line-height: 20px;}
     .home_slider::after{ margin-right: -140px;} 
    .m_service_aside figcaption{ padding-right: 20px;} 
    .d-app .w-75{ width: 100% !important;}
    .footer, .explore_our_services .nav-tabs .nav-item .nav-link{ font-size: 14px;} .font-45{ font-size: 34px;} .explore_our_services .tab-content{ margin-right: 0px !important;} 
    .ul-2 li .nav-link{ min-width: 174px;} 
    .btn{ padding: 0px 20px; font-size: 14px;} 
    ol.Fgp  li .h3{ font-size: 20px;} .d-app figure{ margin-top: 0px;}

}


@media (max-width:1199px) {
.navbar-toggler {
        padding: 0px;
        border: none;
        outline: none;
        color: #000;
        box-shadow: none; position: relative; right: 0px; top: 0px;
      
    }

    .navbar-toggler:hover {
        color: #000;
    }

    .navbar-toggler:focus {
        border: none;
        outline: none;
        box-shadow: none;
    }

    .navbar-toggler img{ width: 20px;}

    #navbarCollapse {
        position: fixed;
        background: #fff;
        width: 100%;
        z-index: 999;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        height: 100% !important;
        display: block !important;
        left: -100%;
        top: 0px; 
        overflow: auto;
    }

    #navbarCollapse.show {
        left: 0px;
    }

    .navbar-nav>li {
        margin: 0px 0px 15px;
        text-align: center;
    }

    .navbar-nav {
        margin-left: 0px !important;
    }

    /*================================12=07=2023======================================*/
    .navbar-collapse .navbar-toggler {
        position: relative;
        right: 0px;
        top: 0px;
        background: none;
        color: #fff;
        width: auto;
        height: auto;
        padding: 0px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
    }

    .navbar-collapse .logo_menu { padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #121a48;
       
    }

    
   
    .navbar-nav>li>a {
        display: flex;
        align-items: center;
        border-radius: 0px !important; min-height: 58px;
        padding: 15px 15px !important; font-size: 15px;
      
        border-bottom: #121a48 1px solid;
        text-align: left;
        justify-content: inherit; 
    }

    .navbar-nav>li {
        width: 100%;
        margin: 0px;
        padding: 0px 0px !important;  min-width: initial !important;
    }

    
.navbar-nav > li > a.active::before, .navbar-nav > li > a:hover::before, .navbar-nav > li > a:focus::before, .navbar-nav > li:hover > a::before{ bottom: -1px;}

    .navbar-nav > li > .dropdown-toggle::after{ right: 20px; top:10px; font-size: 22px;}

    .navbar-nav>li>.dropdown-menu {
      
        padding: 20px;
        border-radius: 0px;
        margin:0px 0px 15px !important;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease; background: #f5f5f5;
    }




}


@media (max-width:767px) {
  


 body{ font-size: 14px; line-height: 20px;}
     .home_slider::after{ margin-right: -180px;} 
    .m_service_aside figcaption{ padding-right: 20px;} 
    .d-app .w-75{ width: 100% !important;}
    .footer, .explore_our_services .nav-tabs .nav-item .nav-link{ font-size: 14px;} 
    .font-45{ font-size: 30px;} 
    .explore_our_services .tab-content{ margin-right: 0px !important; padding: 25px !important;} 
    .ul-2 li .nav-link{ min-width: 105px; font-size: 12px; padding: 8px 10px; border-radius: 15px 15px 0px 0px;} 
    .ul-2 li{ margin: 0px 2px !important;} 
    .ul-2 li:nth-child(1){ margin-left: 0px !important;}
    .btn{ padding: 0px 20px; font-size: 14px;} 
    ol.Fgp  li .h3{ font-size: 20px;} .d-app figure{ margin-top: 0px;}
    h2{ font-size: 25px;} 
    .explore_our_services .nav-tabs::before{ right: 0px;} 
    .explore_our_services .nav-tabs{ padding: 15px;}
    ol.ul-why{ margin-left: 20px;} 
    .ss-bdy .tab-content{ padding: 25px 20px 25px; border-radius: 10px 10px 50px 50px;}  
    .retailer li{ width: 100%;}
    
ol.Fgp li{ margin-bottom: 15px; min-height: 50px; padding-left: 40px;} 
ol.Fgp li i{ width: 50px; height: 50px; left: -25px;} 
ol.Fgp li i img{ max-height: 25px;} 
ol.Fgp{ padding: 20px 0px 20px 0px !important; margin-left: 20px !important;}
ol.fgp-right{ padding-bottom: 0px !important;}
ol.fgp-right:after, .fgp-left:before{ display: none !important;}   
.fa-bx{ padding: 25px 10px !important;} 
.fa-bx i{ width: 70px; height: 70px;} 
.fa-bx i img{ max-height: 35px;} .fa-bx  p br{ display: none;}

}