@media (min-width: 361px) and (max-width: 450px) {
}
 @media (min-width: 481px) and (max-width: 639px) {
}
@media (min-width:480px) {

}
@media (min-width:991px) {
 #header .col-md-3 {
padding:0;
}


}
/*--responsive design--*/
@media (min-width:1500px) {
#cssmenu > ul > li {margin: 0 8px; }
.banner-field-area{bottom:auto;top:35%;}
}
@media(max-width:1340px){
.opening-timing{font-size: 11px;}
}
@media (max-width:1280px) {
/*Header start*/






/*end header*/

/*Slider strat*/


/*End Slider*/

/*Start news*/
img{height: auto;}

/*End News*/


}
@media(max-width:1199px){
.interest-category h2{font-size:22px !important;line-height: 24px;}
.logopart img{padding: 10px 0px;}
.app-stores-icon{margin-top: 3px;}
}

@media (min-width:992px) and (max-width:1300px) {

.logopart {
    max-width: 140px;
}
.app-stores-icon a {
    max-width: 70px;
}

}
@media (min-width:992px) and (max-width:1200px) {
/*Header start*/
#cssmenu > ul > li > a, #cssmenu ul li.getinv a{font-size: 13px;}
#cssmenu > ul > li.has-sub > a::after{content:none;}
#cssmenu > ul > li.has-sub > a{padding-right:0;}
#cssmenu ul li.getinv a {
    min-height: 26px;
}
.logopart {
    margin: 0 auto;
}
.social-icon {
    margin-top: 0px;
}

}
@media (min-width:992px) and (max-width:1100px) {


}
@media (min-width:992px) and (max-width:1024px) {



}
@media(max-width:1024px){
body {
overflow-x: hidden;
}
}
@media (max-width:991px) {
/*Header start*/

.menuicon {
position:absolute;
right:0px;
top:0;
width: 100%;
}



.menuicon {
padding-top: 10px;
}

#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:#238fda;
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:35px;
}
#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;}
#cssmenu > ul > li > a{color:#fff;}
/*end header*/
.bannertextarea{position:relative;}
.sign-in-form{width:100%;}
.signin{padding:2em 1em;}
#primary-content .department-manager h3{font-size:15px; line-height:1.4;}
.dash-header{text-align:center;}

.dash-menu-head-bar{background:#ddd;}
.dash-menu-head-bar .top-menu{margin-top:0;}

}
@media (max-width:800px) {

}
@media (max-width:768px) {


}
@media (max-width:767px) {

#cssmenu > ul > li > a {
padding: 16px 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 30px;
}
#cssmenu .submenu-button::before {
top: 24px;
}
#cssmenu .submenu-button::after {
top: 19px;
}


#header {position: relative !important;}


.receipt-item {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.receipt-item  + br + hr{display:none;}
.receipt-item > div:first-child{padding-left:0px;}
.receipt-item {display:block;}
.receipt-item > div{display:block;padding-left:0;}
.receipt-item > div:nth-child(2){display:none;}

.amount-paid{font-size:20px;}
.pay-now-btn{text-align:center;}
.pay-now-btn .ytBtn {font-size:16px !important;}

#primary-content .dash_h2{text-align:center;font-size: 20px;}
.last_login_p{margin-top: 30px;
text-align: center;}

.actionable-item{margin-bottom: 40px;
padding-bottom: 20px;}
#adv_search td{margin-bottom: 15px;
padding-bottom: 15px; display:block;}

#adv_search .tr-gap{display:none;}

.account-setting table tr{    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;}
.account-setting  td:first-child{padding-left:0px;}
.account-setting {display:block;}
.account-setting td {display:block;padding-left:0; font-size:14px;}
.account-setting td:nth-child(2){display:none;}

.gym-assign-btn {
    display: inline-block;
    margin-left: .6em
}


}
 @media (max-width:640px) {
 
 .banner-o-btn{padding-left:0;padding-right:0;}
 .banner-o-btn .banner-button-item{margin: 15px 7px;}
 .banner-o-btn .banner-button-item a{min-width:inherit;font-size: 16px;}
 

}
 @media (max-width:480px) {
 .menuicon {
position: absolute;
top: 0px;
right: 0px;
}
.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 */

/*Gallery start*/

#gallerys .owl-controls .owl-buttons .owl-prev {
top:40%
}
#gallerys .owl-controls .owl-buttons .owl-next {
top:40%
}


.gallerycontent h1 {font-size: 24px;}

.darkHeader #cssmenu ul.menulist  {
top:0px;
}
.subs-field-area {
    padding: 0px 10px;}
	#testim {
    max-width: 100%;
}
.testimional-item {
    padding: 20px 20px;
    width: 100%;
}
#testim{padding:10px;}
.subscriber-box input[type="text"]{max-width:200px;text-overflow: ellipsis;}
/*Gallery End*/

.hover-mask .fig-caption h3{display:none;}
.page-heading .back-to-link-btn{float:none !important;}
.page-heading .back-to-link-btn a{padding:0; margin-bottom:15px;}
.page-heading .back-to-link-btn a.refresh-icon{padding-right:15px !important;}
.search-icon a{padding:6px 14px;}


}
@media(max-width:450px){
.checkout-page .box-title{position:relative;padding-right: 24px;font-size: 16px;}
.thanks-page .box-title{position:relative;font-size: 16px;}
.checkout-page .box-title a{position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);}
.credit-card-payment-form label{font-size:13px;}
.checkout-page form input[type="text"], .checkout-page form select, .checkout-page form textarea{padding-right: 30px;
font-size: 12px;}
.box-title i.custom-icon{max-width:45px;}
/*.print-icon {
    padding: 8px 12px;
    float: none !important;
    text-align: right;
}*/

}
 @media screen and (max-width: 380px) {

#cssmenu ul.menulist  {
top:28px;
}

.logopart img {

max-width: 130px;
padding: 10px 0px;
}

#cssmenu #menu-button {
padding: 28px;
}




}
@media(max-width:350px){#cssmenu #menu-button {right:0px;} .mobile-top-link li{font-size:9px;padding:3px 4px;}
.banner-slide-button ul li {min-width: 130px;margin: 0 0px;}
.service-title h1{font-size: 32px;}
.gallerycontent .gallery-heading h1{font-size:32px;}

}
 @media (max-width:320px) {

}
