@media (min-width:1400px){  

}


@media (min-width:1200px) and (max-width:1399px){  
.sse_bx h3{ font-size:21px;}

}

@media (min-width:992px) and (max-width:1199px){    
.navbar-brand{ width:190px;} .header{ height:70px;} 
.slide_caption h2{ font-size:48px; line-height:60px;} 
.slide_caption .s_content{ font-size:18px; line-height:28px;} 
.btn{ font-size:20px;} h2{ font-size:40px;} .sse_bx h3{ font-size:16px;} 
.sse_bx .col_text{ font-size:12px; min-height:140px;} 
.smart_solutions .row .col:first-child .sse_bx .row .col-md-6:first-child .ul_2 { margin-right:-10px !important;} 
.smart_solutions .row .col:first-child .sse_bx .row .col-md-6:last-child .ul_2 { margin-left:-10px !important;} 
.ul_2 li a{ font-size:13px; padding:5px 8px;} .sse_bx figure{ height:270px; display:flex; align-items:flex-end; justify-content:center;} 
.smart_solutions .row .col figure img{ height:255px;}
.adv_u_pay h4{ font-size:15px;} .adv_u_pay i img{ height:80px;} 
.btn_4{ font-size:14px !important; padding:6px 16px;} .office  a br{ display:none;} 
.d_upay_detail .btn{ font-size:25px;} 
.contact_left{ max-width:90%;}
/*========================21=01=2023 mega menu start==================*/
.navbar .navbar-nav > .nav-item > .dropdown-menu{ top:70px !important;} 
.ml_p_1{ margin-left:8% !important;}
}
.navbar .navbar-nav > .nav-item > .dropdown-menu li a {
	color: #000000;
	font-size: 14px;
	font-family: "quicksand",sans-serif;
	font-weight: 700;
	text-decoration: none;
}
@media (min-width:992px){  
    /*========================21=01=2023 mega menu start==================*/
    .navbar .navbar-nav > .nav-item:hover > .dropdown-menu{  display:flex ; flex-wrap:wrap !important;} 
.nav-item.dropdown {
	position: relative;
}
   /*  .navbar .navbar-nav > .nav-item > .dropdown-menu {
        width: 100%;
        left: 0px;
        top: 76px; border:none; border-radius:0px;
        box-shadow: none !important;
        padding-top: 30px;
        padding-bottom: 35px;
        border-top: #5cbefb 2px solid !important;
        border-bottom: #5cbefb 5px solid !important;
    }*/
	.navbar .navbar-nav > .nav-item > .dropdown-menu {
	width: 100%;
	box-shadow: 0px 15px 15px rgba(0,0,0,.3);
	left: 0px;
	top: 60px;
	border: none;
	border-radius: 0px;
	padding: 20px;
}
	
	
	
    .navbar .navbar-nav > .nav-item > .dropdown-menu > .container > ul{ margin:0px; list-style:none; padding:0px; display:flex; justify-content:space-between; white-space:nowrap;}
    .navbar .navbar-nav > .nav-item > .dropdown-menu > .container > ul > li > .dropdown-menu > li{ margin-bottom:3px;}
    .navbar .navbar-nav > .nav-item > .dropdown-menu > .container > ul > li > .dropdown-menu > li > a{ font-size:14px; position:relative; font-weight:400; padding:0px 0px 8px 20px!important; color:#494949;} .navbar-light .navbar-nav > .nav-item > .dropdown-menu > .container > ul > li{ padding-right:17px;} 
    .nav-item > .dropdown-menu > .container > ul > li:last-child{ padding-right:0px;} 
    .navbar .navbar-nav > .nav-item > .dropdown-menu > .container > ul > li > .dropdown-menu > li > a i{ position:absolute; width:18px; left:0px; top:0px;}
    .ml_p_1{ margin-left:12%;} 
    .navbar .navbar-nav > .nav-item > .dropdown-menu > .container > ul > li > .dropdown-menu > li > a:hover{ color:#090d4d;}
    .dropdown-menu .nav-item .nav-link {
        background: url(../images/chevron-right.png) no-repeat left top;
        background-size: 13px auto;
        background-position: 0px 3px;
    }
    /*===================mega menu end=======================*/
    
    }
    
@media (min-width:768px) and (max-width:991px){   
.navbar-toggler{ border:none; padding:0px; color:#090d4d; border:none !important; outline:none !important; box-shadow:none !important;}  
#navbarCollapse{ position:fixed; top:0px; height:100% !important; display:block !important; bottom:0px; transition:all 1s; overflow-y:auto; background:#090d4d; left:-100%; width:100%; padding:40px 15px 20px;}  
#navbarCollapse.show{ left:0px !important;}
#navbarCollapse .navbar-brand{ margin:0px 0px 25px !important; padding:0px !important; display:block !important;} 
#navbarCollapse .navbar-brand img{ max-width:200px;} 
#navbarCollapse .navbar-toggler{ position:absolute; right:15px; top:15px; color:#fff !important;}
.navbar-nav li{ margin:0px 0px 0px !important;}
.navbar.fixed-top{ position:relative !important;} 
.navbar-brand{ display:inline-block; padding:0px; margin:0px; width:200px;} 
.navbar-nav > li > a{ color:#fff !important; padding:15px !important; border-bottom:#fff 1px solid; text-transform:uppercase;}

.slide_caption{ max-width:100%; text-align:center; padding-top:25px;}   
.recharge_pay_bills, .book_buy_usetopay, .banking_services { text-align:center;} 
.ul_bx1{ justify-content:center;} .sse_bx .col_text{ margin-bottom:15px;}
.smart_solutions .row .col:first-child .sse_bx .row .col-md-6:first-child .ul_2 { margin-right:-10px !important;} 
.smart_solutions .row .col:first-child .sse_bx .row .col-md-6:last-child .ul_2 { margin-left:-10px !important;} 
.sse_bx h3{ font-size:18px;} .smart_solutions .row, .advantages_usetopay .row{justify-content:center;} 
.d_upay_detail h2{ font-size:30px;} .d_upay_detail .btn{ font-size:20px; padding:12px 20px;} 
.d_upay_detail .pt-5{ padding-top:15px !important;} .download_u_pay{ height:280px; margin-top:80px;} 
.download_u_pay figure{ margin-top:-80px !important;} .menu_footer.ms-5{ margin-left:20px !important;} 
.contact_info_f.text-end{ text-align:left !important;} 
.top_right{ padding:15px; margin-top:20px; background:#fff;} 

.header{ height:58px;} 
.contact_information { border-radius:30px 30px 0px 0px !important; padding:40px 50px 20px !important;} 
.cinfo_cl ul{ display:flex; flex-wrap:wrap;}
.cinfo_cl ul li{ width:50%;} .contact_left{ padding-left:0px;} 


  
}

@media (max-width:767px){  
.navbar-toggler{ border:none; padding:0px; color:#090d4d; border:none !important; outline:none !important; box-shadow:none !important;}  
#navbarCollapse{ position:fixed; top:0px; height:100% !important; display:block !important; bottom:0px; transition:all 1s; overflow-y:auto; background:#090d4d; left:-100%; width:100%; padding:40px 15px 20px;}  
#navbarCollapse.show{ left:0px !important;}
#navbarCollapse .navbar-brand{ margin:0px 0px 25px !important; padding:0px !important; display:block !important;} 
#navbarCollapse .navbar-brand img{ max-width:200px;} 
#navbarCollapse .navbar-toggler{ position:absolute; right:15px; top:15px; color:#fff !important;}
.navbar-nav li{ margin:0px 0px 0px !important;}
.navbar.fixed-top{ position:relative !important;} 
.navbar-brand{ display:inline-block; padding:0px; margin:0px; width:190px;} 
.navbar-nav > li > a{ color:#fff !important; padding:15px !important; border-bottom:#fff 1px solid; text-transform:uppercase;}
.header .btn{ margin-right:6px;} 
.header{ height:auto !important;} #myCarousel{ padding:20px 0px 40px!important;} 
#myCarousel figure img{ width:220px;} .slide_caption{ max-width:100%; padding-top:25px; text-align:center;} 
.slide_caption h2{ font-size:26px; line-height:35px; padding-bottom:0px !important;} .slide_caption .s_content{ font-size:15px; line-height:24px;}
.s_last_rw{ padding-top:0px !important;} .btn{ font-size:14px; padding:6px 20px;} .carousel-indicators{ margin-bottom:0px;} 
.m_right{ text-align:center;} h2, .font42{ font-size:26px;} .m_right h2{ padding-bottom:0px !important; padding-top:15px !important;} 
.ul_bx1, .advantages_usetopay .row{ justify-content:center;} .sse_bx .ul_2, .sse_bx .col_text{ min-height:initial;} .sse_bx .col_text{ margin-bottom:15px;} 
.adv_u_pay{ min-height:inherit;} .adv_u_pay h4{ font-size:14px; padding-top:10px !important;} 
.download_u_pay{ height:auto; text-align:center;} .d_upay_detail{ padding-top:15px; padding-bottom:35px;} .d_upay_detail h2{ font-size:28px;} 
.download_u_pay p{ font-size:18px !important; line-height:24px;} 
.d_upay_detail .pt-5{ padding-top:10px !important;} .d_upay_detail .btn{ font-size:14px; padding:6px 20px;} 
.logo_white, .connect_social{ text-align:center;} .connect_social{ padding:20px 0px 40px !important;} 
.social{ justify-content:center;} .social a{ margin:0px 4px;} .menu_footer.ms-5{ margin-left:0px !important;} 
.menu_footer, .footer_bottom { text-align:center;} .contact_info_f.text-end{ text-align:center !important; padding-top:15px;} 
.footer_bottom{ font-size:11px;} .footer{ padding-top:20px;} .footer_top{ padding-bottom:25px !important;} 
.owl-carousela .owl-nav{ margin-top:0px !important;} 
.top_right{ padding:15px; margin-top:20px;} 
.s_last_rw .btn_1{ margin-right:18px !important;} 
.container, .container-fluid{ padding-top:0px !important; padding-bottom:0px !important;}  
.m_right .text-center.pt-5{ padding-top:20px !important;} 
.smart_solutions .title_rw{ margin-bottom:15px !important;} 
.advantages_usetopay h2.font42{ padding-bottom:15px !important;} 
.testimonials .title_top_rw, .our_partners  .title_top_rw { padding-bottom:0px !important; margin-bottom:10px !important;}  
.d_upay_detail .pt-5 .btn_1{ margin-right:18px !important;} 
.d_upay_detail .pt-5 .btn_1 i{ margin-right:4px;}
.d_upay_detail .pt-5 .btn_1 i img{ height:20px;} .sse_bx .btn{ font-size:14px;} 

.about_detail, .utp_technologies .descrip { text-align:center; padding-top:25px;}
.ov_cl{ margin-bottom:30px; height:auto !important;} 

.s_all_rw .rounded-5{ padding:20px !important; text-align:center;} 
.s_all_rw .rounded-5 .sr_descrip{ padding-top:15px;} 

.contact_information { border-radius:30px 30px 0px 0px !important; padding:40px 30px 40px !important;} 
.contact_left{ padding-left:0px;} .cinfo_cl ul li{ margin-bottom:15px;}
.navbar .menu_left.show{ right:0px;}
  
}