@media (min-width: 361px) and (max-width: 450px) {
}

@media (min-width:480px) {

}
@media (min-width:991px) {
 #header .col-md-3 {
padding:0;
}


}
/*--responsive design--*/


@media(max-width:1024px){
body {
overflow-x: hidden;
}
.footer-right-img{display:block;float: none;

text-align: center;

display: block;

width: 30%;

max-width: 100%;

margin: auto;}
}
 @media (min-width: 768px) and (max-width: 840px) {
 .menu-middle-link li a{padding: 8px 10px;
min-width: 90px;}
}
@media (max-width:991px) {
/*Header start*/


.head-menu .mobile-social.social-links{display: block;float: left;position: relative;z-index: 99;}



.menuicon {
padding-top: 0px;
}
.mobile-top-head{display:block;padding:5px 0;background:#fff;}
.mobile-contact-btn {display: inline-block;float: left;}
.mobile-contact-btn a {width: 40px;height: 40px;display: block; background-size: 30px;    background-position: center;text-indent: -999px;}
.mobile-top-link {display:inline-block;}
.mobile-top-link ul{display: block;width: 100%;padding: 0;margin: 0;line-height: 34px;padding-left: 10px;}
.mobile-top-link ul:after{content:"";clear:both;display:block;}
.mobile-top-link li{font-size:14px;float: none;display: inline-block;border-right: 1px solid #999;line-height:6px;margin-left: -3px;padding: 3px 6px;}

.mobile-top-link li:last-child{border:0;}
.mobile-top-link li a{color:#0a3782;}
.mobile-top-link li a:hover, .mobile-top-link li a:focus{color:#ff7e00;}
.top_content-notification{display:none;}
.head-menu .social-links{display:none;}
.head-menu .top-head-bar{z-index: 99;position: relative;}
#menu-button.menu-opened {background-color: transparent;}

#menu-button.menu-opened:before {transform: rotate(135deg) translate(-6px, 5px);
 -webkit-transform: rotate(135deg) translate(-6px, 5px);
-moz-transform: rotate(135deg) translate(-6px, 5px);
-o-transform: rotate(135deg) translate(-6px, 5px);
-ms-transform: rotate(135deg) translate(-6px, 5px);

border-bottom:0 !important;}
#menu-button.menu-opened:after {transform: rotate(-135deg) translate(-10px, -5px);
-webkit-transform: rotate(-135deg) translate(-10px, -5px);
-moz-transform: rotate(-135deg) translate(-10px, -5px);
-o-transform: rotate(-135deg) translate(-10px, -5px);
-ms-transform: rotate(-135deg) translate(-10px, -5px);

}
#menu-button:after,#menu-button:before{transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
}

.logopart a {
position: relative;
z-index: 9;
}
.mobrowleft {
float: right;
width: 100%;
}
#cssmenu ul {
background:#ae1329;
width: 100%;
float: left;
}
#cssmenu ul li.getinv a:before{content:none !important;}
#cssmenu .home a {
    width:100%;
}
#cssmenu > ul > li > a {
padding: 20px 20px;
}
#cssmenu ul li.getinv a{padding: 20px 20px;border:none !important;background:none;border-radius: 0;box-shadow: none;text-shadow: none;font-size: 14px;}
#cssmenu ul li.getinv a:hover{padding: 20px 20px;border:none !important;background:#fff;color:#01848c !important;border-radius: 0;box-shadow: none;
text-shadow: none;}

#cssmenu ul.menulist  {
top:2px;
}
#cssmenu > ul > li::before{content:none;}
.darkHeader #cssmenu ul.menulist  {
top:0px;
}
#cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li{float:left;}
#cssmenu > ul > li > a{margin-bottom:0;}
#cssmenu ul li:hover > ul > li:first-child{margin-top:0;}
#nakainer .head-menu.darkHeader{position:absolute;}
#cssmenu > ul > li{margin-left:0;}
#cssmenu ul li.fb-icon a{padding: 10px 20px;}

/*end header*/

/*Slider text strat*/
.bannertextarea {
top: 25%;
}
.bannerarea {
display:block;
}
.bannertextarea h2{font-size: 32px;}
.bannertextarea h1{font-size: 40px;}
.bannertextarea h3{font-size: 28px;}
/*.videobanner{display:block;}*/
.videobanner {
display:none;
}
.owl-theme .owl-controls .owl-buttons .owl-next, .owl-theme .owl-controls .owl-buttons .owl-prev {

    top: 50%;
}
#testim {
    max-width: 100%;
}


/*End Slider Text*/

/*testimonial text*/

#testim li p {
width: 90%;
}

/*End testimional text*/

/*Start news*/

.owl-theme .owl-controls .owl-buttons .owl-next {
right:-70px;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
left:-70px;
}

/*End News*/

/*Start gallerycontent*/

.gallerycontent li p {
width: 100%;
}
/*End Gallerycontent*/

.head-menu{position:relative;}


#header .container-fluid{margin-top:-2px;}


.menulist.open, .sub-menu.open {display: block !important;}

#primary-content .logopart{position:relative;}

#cssmenu > ul > li.social-icon {margin: 0 4px;display: inline-block;float: left;width: auto;border: 0;}
#cssmenu > ul > li.social-icon a:hover{background: transparent;}

#header{background: #f0e2c2; position:relative;}
.panel_paymentLogin{margin: 4em auto;max-width: 700px;}
footer .footer-backlink::before{background:#f0e2c2;}
footer .copyright{background:#ecd7aa;}
footer .backlink-right{max-width:100%;}
.panel_paymentLogin{width: 100%;}
.bill-pay-text h1{font-size:32px;}
table.pay_bill-table{font-size:14px;}
.panel_view_bill{width: 90%;
padding-top: 70px;
padding-bottom: 70px;
margin: 0 auto;}
.close-view-section{float:none !important; text-align:right;}

.sign-in-form{width: 80%;}

}

@media (max-width:767px) {

.menuicon {
width: 100%;
}
.mobile-top-link{display:block;}
.mobile-top-head{padding:0;background: #fff;}
.mobile-top-link ul{padding:0;line-height: normal;text-align: center;}
.mobile-top-link ul li{float:none;display:inline-block;}
.mobile-top-head .container-fluid{padding:0;}


.mobile-top-link{border-bottom:1px solid #ddd;}
.mobile-top-link, .mobile-contact-btn, .social-links{padding:5px 10px;margin:0;}

#cssmenu > ul > li > a {
padding: 14px 20px;
}
#cssmenu > ul > li.getinv > a, #cssmenu > ul > li.getinv > a:hover {
padding: 14px 20px;


}

#cssmenu ul li.fb-icon a {
    padding: 8px 20px;
}
#cssmenu .submenu-button {
height: 46px;
width: 52px;
}
#cssmenu ul ul li a {
padding: 17px 20px 16px 50px;
}
#cssmenu .submenu-button::before {
top: 24px;
}
#cssmenu .submenu-button::after {
top: 19px;
}


#nakainer .head-menu{position:relative;}
#nakainer .head-menu.darkHeader{position:relative;background:#3c5baf;}
/*End Involved*/


.top-mobile-head-bar{background: #282828;text-align: center;padding: 5px;display:block;}
.top-head-bar .opening-timing{display:none;}
.top-mobile-head-bar .opening-timing .timing-area, .top-mobile-head-bar .opening-timing .location-area{display:inline-block;position:relative;}
.top-mobile-head-bar .opening-timing .timing-area{margin-right:8px;padding-right:10px;}
.top-mobile-head-bar .opening-timing .timing-area:after{content:"|";position: absolute;right: -4px;}
.bottom-head-link{display:inline-block;width:100%;position:absolute;}
#header {position: relative !important;}

.back-left {
    float: left;
    width: 100%;
}
.back-right {
    float: right;
    width: 100%;
}
.bill-pay-text .sub-bill-text{display:none;}
.menulist{float:none;margin-bottom: 10px;}

#header{height:auto;}
.alert{padding: 5px;}
.cart-status-message h2{font-size: 14px;}
.logopart img{margin-bottom:5px;}
.top-head-bar{text-align:center;}
.menu-links{text-align:center;}
.middle-header .menu-link{padding: 5px;
text-align: center;}
.bill-pay-text h1{font-size:32px;}
.inner_header_after_login .middle-header .menu-link{margin-top:0;}
.menu-middle-link ul{text-align:center;}
.last-login-status{text-align:left; margin-top:10px;}

.border-with-radius, .notification-details, .notification-button{display:block;}
.bill-status p{font-size: 16px;}
.sub-status{font-size:14px;}
.notification-title h3{font-size:20px;}
.notification-button a span, .view-details-button a span{font-size:22px;}
.notification-button a img, .view-details-button a img{max-width:45px;}
.notification-button, .view-details-button{text-align:left;}
.view-all-news {
    text-align: left;
    margin-bottom: 10px;
}
.dash_h2{font-size: 24px;}
.inner-title-banner h2{font-size:24px;}
.seek_label{font-size:14px;}
.form-table td, .form-table th{padding: 5px;
font-size: 14px;}
.account-setting table td{padding:5px;font-size: 14px;}
.contactDetails .PaxInfo{margin-left:0;}
.change-pswd-left-icon{width: 60%;}
.change-pswd-Areadiv{width:100%;}
.pwd-req{display:none !important;}
#tab0{text-align:center;}
.menu-middle-link li.back-to-home{display:block;}
.mobile-no-wdth{display: inline-block;
float: none !important;
width: 100%;
vertical-align: middle;}
.inner-title-bar h2{font-size: 18px;}
.cart-section{float:none; margin-bottom:15px;}
table.pay_bill-table table tbody td > div {
    display: block;
    padding: 10px 15px;
    vertical-align: top;
    position: relative;
    width: 100%;
    text-align: left;
}
table.pay_bill-table table tbody td > div input[type="radio"] + label{max-width:inherit;}
.cart-page-cart{width:100%;}
.cart-total-value{float:none !important;margin-bottom:10px;}
.add-more-bill-btn{float:none;text-align: center;}
.checkout-btn-td{text-align:center;}
.page-title{font-size:22px;}
.checkout-activities-sidebar .total{font-size:16px;}
.total .fr, .total .fl{float:none;}
.box-title{font-size:14px;}
.credit_card_icon i{font-size: 20px;
vertical-align: middle;
margin-top: -4px;}
.box-title i img{max-height: 20px;}
.ssl-icon img{height:auto;}
ul.noListStyle li{width:100%;}
.cpmt_Paytabbox .blockEx{width: 100px;}
ul.noListStyle.user-detail-fill li, .paycheque-section ul.noListStyle.user-detail-fill li{width:100%;}

.account_title{font-size:20px;}
.top-head-view-bill-btn ul li span{font-size:16px;}
.top-head-view-bill-btn ul li img{max-width: 20px;}
.close-view{margin-left:10px;}
.invoice-header h1{font-size:24px;}
.invoice-header p{font-size:14px;}
.invoice-information{padding:0;}
.right-part-invoice{text-align: left;margin-top: 20px;}
.invoice-summery h1{font-size:24px;}
.invoice-summery table{font-size:14px;}
.view-bill-top-btn li{width: 100%;}
.view-bill-top-btn li.view-li-btn.active-btn a::after, .view-bill-top-btn li.view-li-btn.active-btn a::before{content:none;}
.viewbill-table{font-size:14px;}

.back-link-mas{float:none; text-align:right;}
.search-icon.jq_top_link{margin-bottom:10px;float: none !important;margin-top: 10px;}
.tr-gap{display:none;}
#adv_search td {display: inline-block;margin: 15px 0;width: 49%;}

.inner-title-banner {
    background-size: auto 100%;
    background-position: 10%;
}
.payment-filters li{width: 50%;}
.payment-filters li:first-child a{margin-left:10px;}
.payment-filters li:last-child a{margin-right: 10px;}
}

 @media (max-width:480px) {
 #adv_search td {display: inline-block;margin: 15px 0;width: 100%;}
 .sign-in-form{width: 100%;}
 .login-forget-link {
    width: 100%;}
 footer .footer-backlink .backlink-left li{display:block;}
 footer .footer-backlink .backlink-left li a{padding:0; border:0;}
 .price-service-section-phone .text-right.add-more-field-link{bottom: 20px;}
 .how-can-pay-link{display:block}
#primary-content .page-action-btn  .checkout-btn{font-size:16px !important; padding: 3px 15px;}
.inline-btn .below-text-btn{font-size:8px;}
.mobile-top-link li{font-size:10px;padding:3px 4px;}

#cssmenu #menu-button {
 padding: 26px;
}

/*Banner Text area*/

.bannertextarea h3 {
font-size: 18px;
}
.bannertextarea h1 {
font-size: 26px;
}

/*End Banner Text Area*/

/*News start*/

.colcen .col-xs-8, .colcen .col-xs-4 {
padding:0;
}

/*End News */


#cssmenu ul.menulist  {
top:0px;
}
.darkHeader #cssmenu ul.menulist  {
top:0px;
}
.ytBtnOrange:hover, .ytBtnOrange:focus{box-shadow: none;background: #7899bd;}
.add-to-cart-btn a:hover, .remove-cart-btn a:hover{box-shadow: none; background:#6f1d43;}

}
@media (max-width:420px){
.payment-filters li{width: 100%;margin: 0;}
.payment-filters li a{margin-left: 0 !important;margin-right: 0 !important;}
.menu-item a {
   
    padding: 4px 2px;
    margin: 0 5px;
    font-size: 12px;
}
.panel_change_pswd{width:100%;}
.actionable-item{padding-bottom:20px;}
.actionable-item a.tc-a-icon{width: 115px;}
.tc-a-icon img{max-width: 75px;}
}

@media (max-width:350px){.menu-links li a{padding: 4px 0px;}}
