/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/


/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/ 

@media (min-width: 240px) and (max-width: 568px){


}
@media (min-width: 569px) and (max-width: 767px){

}
@media only screen and (min-width : 0px) and (max-width :456px) {

               #tethered_frame{height: 205px;}

}

@media (max-width: 767px) {
/*upadate navigation*/
.sm-simple a.has-submenu span.font-awesome { display:none; }
.pad-right { padding-right:15px; }
.navigation { padding:20px 0; }
a.menu { display:block; width:25px; margin:0; float:right; }
a.menu span{display:block; height:2px; width:100%; margin:5px 0; background:#000; }
#main-menu { display:none; margin:30px 0 0 0; clear:both; float:none !important; }
.sm-simple > li { padding:0 !important; }
.sm-simple > li.menu-item-has-children::after { display:none; }

.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active { padding: 13px 20px !important; }
.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted  { padding: 13px 20px !important; }
.sm-simple > li.active a { border-bottom:none !important; color: #f1696b !important; }

.header .right-header { float:none; }
.header .logo { float:none; text-align:center; max-height:93px;}
.header .logo img { display:inline-block; }
.header .right-header .header-contact { float:none; text-align:center; }
.header .right-header .header-contact ul { float:none; }
.header .right-header .header-contact ul li { float:none; display:inline-block; }
.header .right-header .social ul { float:none;justify-content: center;  }
.header .right-header .social ul li { float:none; display:inline-block; }
.social.clearfix { text-align:center; } 
.header .right-header .nearest-location { text-align:center; }
.header .right-header .nearest-location a { float:none; }
.sm-simple > li { border-right:none !important; }
.sm-simple > li:last-child { padding:0 !important; }

.menu > ul > li { padding:0; text-align:left;  }
.menu > ul > li a { padding: 23px 15px; font-size: 18px; line-height: 18px; }
.menu > ul > li > ul > li { margin-top: 0; }
.menu-dropdown-icon:before { margin: 15px 20px 0 0; }
.menu > ul > li > ul { padding: 11px 0 11px 30px; }

.carousel-inner>.item>img { height:250px; object-fit:cover; opacity:.4;}
.content-home .services ul li { float:none; }

.f-menu { text-align:center; }
ul.cnss-social-icon li { text-align:center; }
.footer p { text-align:center; }
.f-logos { text-align:center; }
.footer { padding:0 0 20px 0; }
.footer .f-logos ul { text-align:center; float:none; }
.footer .f-logos ul li { display:inline-block; float:none; }
.ncua-text { display:block;margin-left: auto;margin-right: auto; float:none;}
.ncua-text img {display: block;float: none;text-align: center;margin-left: auto;margin-right: auto;width: 20%;}

.content .left-content img { width:100%; }
.content .float-right { float:none; }
.image-right { padding:0; }
.content .right-content { padding-left:0; }
.content .content-block { padding-bottom:10px; }
h1 { font-size:36px; line-height:46px; }
h2 { font-size:26px; line-height:32px; }
#no-more-tables tr td { font-size:14px; line-height:16px; }
#no-more-tables tr td.features { text-align:center; }
.footer .col-sm-9.col-md-9 { width:100%; }
.footer .col-sm-3.col-md-3 { width:100%; }

.menu > ul { padding: 30px 0 0 0; }
.menu > ul > li > ul.normal-sub > li:nth-child(odd) { float: none; }
.menu > ul > li > ul.normal-sub > li:nth-child(even) { float: none; }
.menu > ul > li > ul.normal-sub > li { width: 100%; }
.menu > ul > li > ul.normal-sub > li a { padding: 10px 0; }
.menu > ul > li > ul > li a { font-size: 15px; line-height: 15px; }



#nav {position:relative; float: left; width: 100%;}
#nav a.menu { display:block; width:25px; margin:0 auto; }
#nav a.menu span{display:block; height:2px; width:100%; margin:5px 0; background:#FFFFFF; }
#nav ul { width:100%; display:none; position:absolute; top:100%; left:0px; z-index:99999;}

#nav ul li { float:none; margin:0; padding:0; }
#nav ul li a { font-size:12px; color:#63656a; line-height: 30px; height: 30px; padding:0 0 0 10px; background:#fc8f1a; }
#nav ul li.active a,#nav ul li a:hover { background:rgba(66, 196, 199, 1.0); color:#fff; }
.sticky-wrapper { height:auto !important; }	
.desktopli {display: none;}
}



@media (min-width:768px) {
/* updated Navigation */
.sm-simple > li { border-left:none !important; }
.sm-simple a span.sub-arrow { right:10px !important; }
.sm-simple .sm-nowrap > li > a { padding:10px !important; }
.sm-simple a span.sub-arrow { display:none !important; }
.sm-simple a.has-submenu span.font-awesome { margin:0 0 0 10px;	}
#main-menu.done { display:block !important; } 
a.menu { display:none;}
.header .header-top .container:before { display:none; }
.mobileli {display: none;}

}
@media (min-width: 768px) and (max-width: 991px){
.sm-simple { float:none !important; }
#social-footer, #social-footer * {justify-content: center; align-items: center; flex-wrap: wrap; text-align: center !important;}
.sm, .sm ul, .sm li { text-align:center; }
.sm-simple li { float: none; display: inline-block; }
.header .logo { text-align:center; max-height:86px;}
.header .logo img { display:inline-block; }
.header .right-header .header-contact { float:none; text-align:center; }
.header .right-header .header-contact ul { float:none; }
.header .right-header .header-contact ul li { float:none; display:inline-block; }
.header .right-header .social ul { float:none; }
.header .right-header .social ul li { float:none; display:inline-block; }
.social.clearfix { text-align:center; } 
.header .right-header .nearest-location { text-align:center; }
.header .right-header .nearest-location a { float:none; }
.carousel-caption { padding-bottom:0 !important; bottom:5px; }
.menu > ul > li a { font-size:20px; line-height:20px; }
.menu > ul > li > ul { padding: 11px 0 11px 7%; }
.menu > ul > li > ul > li > ul > li a { font-size:13px; line-height:13px; }
.slider .slider-left .yellow-btn { padding: 5px 12px 5px; margin:5px 0 0px 0px; font-size:12px; line-height:12px; }
.slider .slider-left p { font-size: 16px; line-height: 20px; }
.slider .member-services .services-detail { padding:5px 20px 0px 30px; }
.slider .slider-left h3 { font-size:19px; line-height:24px; }
.slider .member-services .title h4 { font-size:14px; line-height:14px; }
.slider .member-services .services-detail .teal-btn { padding: 5px 7px; }
.content-home { padding: 40px 0 0 0; }
.content-home .services ul li .caption h6 { font-size:12px; line-height:12px; }
.content-home .services ul li .caption { padding:6px 10px; }
.f-menu { text-align:center; }
ul.cnss-social-icon li { text-align:center; }
.footer p { text-align:center; }
.f-logos { text-align:center; }
.ncua-text { display:block;margin-left: auto;margin-right: auto;width: 100%; }
.ncua-text img {display: block;float: none;text-align: center;margin-left: auto;margin-right: auto;width: 30%;}
.footer { padding:0 0 20px 0; }
.footer .f-logos ul { text-align:center; float:none; }
.footer .f-logos ul li { display:inline-block; float:none; }


.content .left-content .inner-nav h3 { padding: 0 0 8px 14px; }
.content .left-content .inner-nav ul li a { padding: 0 0 0 24px; }
.content .right-content { padding-left:0; }

.menu-dropdown-icon:before { margin: 15px 20px 0 0; }
.menu > ul > li { padding:0; text-align:left;  }
.menu > ul { padding: 30px 0 0 0; }
.menu > ul > li > ul > li { margin-top: 0; }
.menu > ul > li > ul.normal-sub > li:nth-child(odd) { float: none; }
.menu > ul > li > ul.normal-sub > li:nth-child(even) { float: none; }
.menu > ul > li > ul.normal-sub > li { width: 100%; }
.menu > ul > li > ul.normal-sub > li a { padding: 10px 0; }
.menu > ul > li a { padding: 1em; }

.member-services {
	right: 2%;
    bottom: 8px;	
}

}
@media (min-width:992px){
.header .container{max-height:105px;}
}

@media (min-width:992px) and (max-width:1024px){
.menu > ul > li > ul > li { margin-top: 0; }
.menu-dropdown-icon:before { margin: 15px 20px 0 0; }
.menu > ul { padding: 30px 0 0 0; }
.menu > ul > li { padding:0; text-align:left;  }
.menu > ul > li a { padding:17px 28px 17px 28px; font-size:20px; line-height:20px; }
.menu-dropdown-icon:before { margin: 15px 12px 0 0; }
.menu > ul > li > ul { padding: 11px 0 11px 30px; }
.menu > ul > li > ul.normal-sub > li:nth-child(odd) { float: none; }
.menu > ul > li > ul.normal-sub > li:nth-child(even) { float: none; }
.menu > ul > li > ul.normal-sub > li { width: 100%; }
.menu > ul > li > ul.normal-sub > li a { padding: 10px 0; }
}


@media (min-width:1025px) and (max-width:1200px){
.menu > ul > li > ul { padding: 11px 0 11px 7%; }
.menu > ul > li > ul > li { width:25%; }
.menu > ul > li a { font-size: 18px;
    line-height: 22px;
    padding: 17px 30px 17px 30px; }
.menu > ul > li > ul.normal-sub { width:480px; }
.menu > ul > li > ul.normal-sub > li { width: 48%; }
.menu > ul > li > ul.normal-sub > li a { padding: 5px 0; font-size: 12px; line-height: 12px; }
}

@media (min-width: 992px) and (max-width:1200px){
.carousel-caption { padding-bottom:0 !important; }
.slider {min-height:310px;max-height:375px;}
.slider .slider-left p { font-size:16px; line-height:22px; }
.slider .slider-left .yellow-btn { margin:0; }
.slider .slider-left h3 { font-size:22px; line-height:24px; }
}
@media (min-width:1201px) and (max-width:1400px){
.slider {min-height:375px;max-height:438px;}
}

@media (min-width:1201px) and (max-width:1229px){
.container { width:1170px; }
.carousel-caption { padding-bottom:0 !important; }
.slider .slider-left p { font-size:16px; line-height:22px; }
.slider .slider-left .yellow-btn { margin:0; }
.slider .slider-left h3 { font-size:22px; line-height:24px; }
.menu > ul > li a{padding:17px 20px 17px 20px;}
	
}

@media (min-width:1230px) and (max-width:1299px){
.carousel-caption { padding-bottom:0 !important; }
}

/*---------- Large Desktop , Large Screen End ----------*/
