@media screen and (max-width: 800px){
     .mobilehead {
         display: block;
    }

    .downloadwak{
    	margin:0;
    }
}
 *, *:before, *:after {
     box-sizing: border-box;
}
 .nav-mobile {
     color: #FFF;
     padding: 0;
     margin: 0;
     cursor: auto;
     font-size: 18px;
     list-style-type: none;
     box-shadow: 0 5px 5px -5px #333;
     background: url(images/jsa-header-bg.png);
}
 .nav-mobile:after {
     content: "";
     display: table;
     clear: both;
}
 .nav-mobile svg {
     height: 45px;
     width: 65px;
     padding: 9px;
}
 .nav-mobile svg path {
     fill: #fff;
}
 .nav-mobile svg.icon-close {
     display: none;
     padding: 15px;
}
 .nav-mobile li {
     width: 100%;
     height: 55px;
     line-height: 46px;
     float: left;
}
 .nav-mobile li a {
     display: block;
     color: #fff;
     width: 100%;
     height: 100%;
     text-decoration: none;
     text-align: center;
}
 .nav-mobile .menu-button {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     margin: 0;
     cursor: pointer;
     display: block;
}

.nav-mobile .menu-button:after {
	opacity: 0;
	top: 55px;
	content: "";
	width: 100vw;
	display: block;
	position: fixed;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	content: "";
	pointer-events: none;
	transition: opacity 0.2s cubic-bezier(0, 0, 0.3, 1);
	transition-delay: 0.1s;
}

 .nav-mobile #menu-toggle {
     display: none;
}
 .nav-mobile #menu-toggle.active ~ .menu-button .icon-close, .nav-mobile #menu-toggle:checked ~ .menu-button .icon-close {
     display: block;
}
 .nav-mobile #menu-toggle.active ~ .menu-button .icon-open, .nav-mobile #menu-toggle:checked ~ .menu-button .icon-open {
     display: none;
}
 .nav-mobile #menu-toggle.active ~ .menu-button:after, .nav-mobile #menu-toggle:checked ~ .menu-button:after {
     opacity: 1;
     pointer-events: auto;
     transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
}
 .nav-mobile #menu-toggle.active ~ .menu-sidebar, .nav-mobile #menu-toggle:checked ~ .menu-sidebar {
     transform: translateX(0);
     transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
}
 .nav-mobile .menu-container {
     width: 65px;
     float: left;
     cursor: pointer;
     position: absolute;
}
 .nav-mobile .menu-container .menu-sidebar {
     box-shadow: 5px 0 5px -5px #333;
     display: block;
     bottom: 0;
     color: #fff;
     position: fixed;
     transform: translateX(-582px);
     transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
     top: 45px;
     z-index: 2;
     list-style-type: none;
     padding: 0;
     background: url(images/bg-pattern.png);
     width: 85vw;
     max-width: 400px;
     min-height: 630px;
}
 .nav-mobile .menu-container .menu-sidebar .arrow {
     position: absolute;
     line-height: 50px;
     font-size: 32px;
     color: #fff;
     top: 0;
     z-index: 0;
}
 .nav-mobile .menu-container .menu-sidebar .arrow.left {
     left: 25px;
}
 .nav-mobile .menu-container .menu-sidebar .arrow.right {
     right: 25px;
}
 .nav-mobile .menu-container .menu-sidebar li {
     height: 55px;
     line-height: 55px;
     font-size: 16px;
     text-align: left;
     position: relative;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     padding-left: 20px;
     background: #01c0ff;
}
 .nav-mobile .menu-container .menu-sidebar li:hover {
     background: orange;
}
.nav-mobile .menu-container .menu-sidebar li .menu-sub {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 0;
	overflow: hidden;
	visibility: hidden;
	transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0, 0, 0.3, 1);
	transition-delay: 0s;
	border-left: 1px solid #ccc;
	list-style-type: none;
	padding: 0;
	margin: 0;
	z-index: 2;
	background: #2fbffe;
	max-width: 400px;
	overflow-y: scroll;
}
 .nav-mobile .menu-container .menu-sidebar li .menu-sub li {
     overflow: hidden;
}
 .nav-mobile .menu-container .menu-sidebar li .menu-sub .menu-sub-title {
     padding-left: 50px;
}
 .nav-mobile .menu-container .menu-sidebar li .submenu-label {
     cursor: pointer;
     width: 100%;
     height: 100%;
     display: block;
}
 .nav-mobile .menu-container .menu-sidebar li .submenu-toggle {
     display: none;
}
 .nav-mobile .menu-container .menu-sidebar li .submenu-toggle.active ~ .menu-sub, .nav-mobile .menu-container .menu-sidebar li .submenu-toggle:checked ~ .menu-sub {
     width: 100%;
     visibility: visible;
     z-index: 1;
     box-shadow: -2px 2px 16px 0px grey;
     transition: width 0.35s cubic-bezier(0, 0, 0.3, 1);
}
 .jsa-n-logo {
     max-width: 130px !important;
}
 .link-caption {
     font-size: 11px !important;
}
 .link-text-jsa-mobnav{
     text-align: center;
     color: white;
     line-height: 18px;
     padding: 10px;
     font-weight: bold;
     font-size: 13px;
     text-shadow: 1px 1px 1px #333333;
}
 .fiftypercent-mobnav-icon{
     height: auto !important;
     float: left !important;
     width: 100% !important;
     padding: 15px;
}
 .thirtythree-mobnav-icon{
     height: auto !important;
     float: left !important;
     width: 33.33% !important;
     padding: 15px !important;
}
 .nav-mobile .menu-container .menu-sidebar li img {
     border: 0px solid #1d4984;
     box-shadow: 2px 2px 20px 1px #234777;
     border-radius: 50%;
     background: white;
}
 .request-btn{
     cursor:pointer;
}
 .modal-dialog {
     position:absolute;
     top:50% !important;
	 left:50% !important;
     transform: translate(-50%, -50%) !important;
     -ms-transform: translate(-50%, -50%) !important;
     -webkit-transform: translate(-50%, -50%) !important;
    /* margin:auto 40%;
     width: 52%;
     height: 60%; */
}
 .modal-content {
	 min-height: 50%;
     width: 544px;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: #dadada;
     border-radius: 20px;
     box-shadow: 3px 6px 0 #787878;
     border: 2px solid #787878;
     font-family: arial;
}
 .modal-header .close{
     position: absolute;
     right: 10px;
	 margin-top: -25px;
     font-size: 30px;
     color: #666666;
     opacity: 1;
     background: transparent;
     border: 0;
}
 .request-model .modal-header {
     border: none;
     text-align: center;
     padding-top: 20px;
     width: 82%;
    margin: 0 auto;
}

 .request-model .modal-header .modal-title{
     display: inline-block;
     background-color: #266ce3;
     color: #fff;
     padding: 15px 35px 12px;
     margin: 0;
     width: 301px;
}

.request-model .modal-header .modal-title h1{
    font-size: 24px;
    font-weight: 900;
    line-height: 46px;
}

 .rapid_contact_form .input-group{
     width: 100%;
     padding: 5px 0 5px 25px;
}
 .rapid_contact.form-control.inputbox{
     border-radius: 10px;
     font-size: 16px;
     padding: 10px;
     border: 0;
     width: 92%;
     margin: 10px;
}
 .rapid_contact.form-control.textarea{
     border-radius: 10px;
     width: 93%;
}
 .rapid_contact.form-control.dropdown{
     border-radius: 10px;
     font-size: 16px;
     min-height: 42px;
     width:93%;
     padding: 1%;
}
 .rapid_contact.button{
     background-color: #fcb444;
     border: 1px solid #676767;
     box-shadow: 0px 3px 0px #676767;
     font-size: 28px;
     font-weight: 900;
     color: #90521b;
     padding: 10px 40px;
     border-radius: 12px;
     text-transform: uppercase 
}
 .rapid_contact_form .input-group label{
     margin-bottom: 0;
     font-weight: normal;
     font-size: 21px;
     color: #000;
}
 .required{
     color: #d00;
     font-size: 24px;
     line-height: 20px;
}
 .rd-valid{
     display:block;
     text-align:center;
}
 .modal-content img{
     vertical-align:middle;
}
 #btnSubmit {
     margin:0 auto;
}

.mobile-btn{	
	font-weight: 800;
	border-radius: 15px;
	margin-top: 3px;	
}

 @media only screen and (max-width: 768px){    
     .modal-content {
         width: 100%;
    }
     .request-model .modal-header {
         margin: 0 auto;
    }   
}
@media only screen and (max-width: 1366px){
	 .modal-header span {
         display: none;
    }
     .modal-title{
         border-radius: 15px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 1366px){
     .request-model .modal-header {
         margin: 0 auto;
         font-size: 28px;
         width: 66%;
    }
     #message{
         margin: 0 auto;
         font-family: cursive;
    }
     .modal-content {
         width: 490px;
    }
     .modal-dialog {
         top: 50% !important;
         left: 50% !important;
         transform: translate(-50%, -50%) !important;
         -ms-transform: translate(-50%, -50%) !important;
         -webkit-transform: translate(-50%, -50%) !important;
         margin: 0;
    }
	
	.rapid_contact.form-control.inputbox, .rapid_contact.form-control.dropdown{    
		width: 50%;
		margin-top: 0px;
	}	
}


#noBorders li{border: 0px solid #fbfbfb00 !important;}
.dividerMobileMenu{
    text-align: center !important;
    background: #13b1e6 !important;
    }

ul.errorMsg {
    color: red;
    margin-left: 10px;
}

@media (min-width: 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.col-lg-6 {
	-ms-flex: 0 0 48.333333% !important;
	flex: 0 0 48.333333% !important;
	max-width: 48.333333% !important;
	}

	.star {
	margin-left: 0 !important;
	}

	.learnmore-ylw {
		transform: scale(0.75);
	}
}

.social-mobile div{
	text-align: center;
}

.social-mobile a{
	display: inline !important;
	margin: 0 10px;
}

@media screen and (max-width: 480px){
	 .downloadwak{
    	 margin-left: 0;
    }
     .downloadwak a img {
         display: block;
         width: 135% !important;
         margin-left:-15%;
         margin-bottom:-6%;
    }

    .carousel-caption {
        display: none;
    }

    footer .row {
    margin: 0;
    }

}

@media screen and (min-width:768px){
	.carousel.slide{
		min-height: 300px;
	}
}