body, .no-gutter, .link-address {margin:0; padding:0;}
html{overflow-y:scroll;}
.header-wrapper{width:100%; float:left;}
.header-contact-wrapper{width:100%; float:left; background-color:#39367f;}
.desktop-banner{width:100%; float:left;}
.mobile-banner{width:100%; float:left; display:none; }
.mobile-banner img, .desktop-banner img{width:100%;}
/*header contact css*/
.contact-wrapper{width:100%; float:left; margin:1% 0;}
.contact-wrapper p{margin:0; color:white; font-family:Calibri; font-size:1.1em; display:inline; padding-left: 2%;}
.contact-wrapper span{padding:0 1%;}
.contact-wrapper a{text-decoration:none; color:white;}
/*header social media css*/
.social-media-wrapper{width:90%; float:right;margin:1.3% 5%;}
.social-media-wrapper .fa{padding: 0.5%;font-size: 1.2em;text-align: center;text-decoration: none; float:right; margin: 0 0.5%; color:white;}
.social-media-wrapper .fa-facebook, .social-media-wrapper .fa-twitter, .social-media-wrapper .fa-google-plus, .social-media-wrapper .fa-linkedin,.social-media-wrapper .fa-youtube{color: white;transition:all ease-in-out 0.4s;}
.social-media-wrapper .fa-facebook:hover{color: #1371ff; transition:all ease-in-out 0.4s;}
 .social-media-wrapper .fa-twitter:hover{color: deepskyblue; transition:all ease-in-out 0.4s;}
 .social-media-wrapper .fa-google-plus:hover{color: #ea5043; transition:all ease-in-out 0.4s;}
 .social-media-wrapper .fa-linkedin:hover{color: #43b2dc; transition:all ease-in-out 0.4s;}
.social-media-wrapper .fa-youtube:hover{color: #f13a3a; transition:all ease-in-out 0.4s;}

.logo-image img{width:100%;}
/*logo navigation css*/
.logo-nav-wrapper{width:100%; float:left; background-color:#f9d01d;    z-index: 1000;}
.logo-image{width:90%; float:left; margin:0% 5%;}
.nav-wrapper{width: 51%;float: right; margin:0.5% 2.3% 0.5% 0;}
.logo-image h1{ font-size:2em; font-family:Arial Rounded MT; font-weight:600; margin:0; padding:3.5% 2%;}
.logo-image a{text-decoration:none;color:#149087;}
.logo-image span{font-size:0.57em; font-family:Arial Rounded MT; font-weight:normal; margin:0; color: #2d7ec5;}
/*Content css*/
.content{width:100%; float:left; background-color:#f2f9ff;}
.content-wrapper{width:64%; float:left; margin:0 18%; border: 1px solid #d9ecfd;background-color: white;box-shadow: 3px 3px 10px gainsboro;padding:1%;}
.content-wrapper h1{text-align:center; font-size:3em; margin:0; font-family:Corbel; padding:1.5% 2%; color: #4e49b9;text-shadow: 1px 1px 1px grey; font-weight: 600;}
/*Footer css*/
.footer-wrapper{width:100%; float:left; background-color:#1d1a54;}
.footer-content{width:96%; float:left; margin:0 2%;}
.footer-content-wrapper{width:60%; float:left; /*border: 1px solid gray;*/ margin:1% 20%;}
.contact{width:100%; float:left; margin:1% 0;}
.contact-heading{width:35%; float:left;}
.contact-heading span{float:right; padding-right:10%;}
.contact h6{color:#cec9c9;font-family:calibri; font-size:1em; font-weight:600; margin:0;}
.contact p{margin:0; color:#cec9c9;font-family:calibri; font-size:1em;}
.contact .fa{padding-right:6%;}
.contact-content{width:65%; float:left;}
.footer-content ul{margin:0; padding:0; list-style: none;}
.footer-content ul li{padding:1% 0; font-size:1em; font-family:calibri;}
.footer-content ul li a{font-family:Corbel; text-decoration:none; font-size:1em; color:#cec9c9;}
.footer-content ul li a:hover, .contact a:hover{color:#eae7e7;}
.contact a{font-family:Corbel; text-decoration:none; font-size:1em; color:#cec9c9; word-break: break-word;}
.footer-social-media{width:100%; float:left; margin: 2% 0;}
.footer-social-media p{margin:0; display: inline-block; padding-right: 5%; font-size: 1.5em;}
.footer-social-media a{text-decoration:none; color:#dedede;}
.footer-social-media a:hover{opacity:0.7;}
.copyright{width:100%; float:left; background-color:#080721;}
.copyright h6{margin:0; padding:0.7% 2%; text-align:center; color:#bfac59; font-family:Corbel; font-size:1.1em;}
.footer-content iframe{width:100%;}
/*Default css*/
.content-wrapper p{margin:0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em;color: #4e4e4e;padding: 1% 0;line-height: 165%; }
.content-wrapper ul{margin:0; padding-left:2%;}
.content-wrapper ul li{margin:0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em;color: #4e4e4e; padding: 0.5% 0;}
.update-soon{width:100%; float:left;}
.update-soon p{font-size:2em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center;     padding: 10% 2% 15% 2%;font-weight: 600; color: #e4ce6c;}

@media only screen and (max-width:1600px) and (min-width:1400px){
.nav-wrapper{width: 60%;float: right; margin:0.5% 2.3% 0.5% 0;}
}
@media only screen and (max-width:1400px){
.content-wrapper{width:76%; margin:0 12%;}
.nav-wrapper{width: 67%;float: right; margin:0.5% 1% 0.5% 0;}
.social-media-wrapper{width:93%; margin:1.5% 3.5%;}
.footer-content-wrapper{width:70%; margin:1% 15%;}
}
@media only screen and (max-width:1200px){
.content-wrapper{width:90%; margin:0 5%;}
.content-wrapper h1{font-size:2.5em; padding:2%;}
.nav-wrapper{width: 80%;float: right; margin:0.5% 1% 0.5% 0;}
.social-media-wrapper .fa{margin:0 1%;}
.footer-content-wrapper{width:80%; margin:1% 10%;}
}
@media only screen and (max-width:991px){
.content-wrapper{width:96%; margin:0 2%;}
.content-wrapper h1{font-size:2.5em; padding:2%;}
.nav-wrapper{width: 90%;float: right; margin:0.5% 1% 0.5% 0;}
#cssmenu > ul > li > a{font-size:1em; padding: 17px 10px;}
.contact-wrapper{margin:2% 0;}
.social-media-wrapper{margin:3% 3.5%;}
.social-media-wrapper .fa{margin:0 1.5%;}
.footer-content-wrapper{width:96%; margin:1% 2%;}
.footer-content ul li{font-weight:600; padding: 3% 0;}
.contact-heading{width:100%; margin:1.5% 0;}
.contact-content{width:90%; margin-left:10%;}
.contact-heading span{display:none;}
.contact p{font-weight:600;}
.contact h6{color:#c1a21a;}
.contact{margin:3% 0;}
.footer-social-media p{padding-right:7%;}
}
@media only screen and (max-width:767px){
.content-wrapper{width:100%; margin:0;}
.desktop-banner{display:none;}
.mobile-banner{display:block; }
.content-wrapper h1{font-size:2.5em; padding:2%;}
.nav-wrapper{width:100%; background-color:#39367f; margin: 0; z-index: 1000;}
.header-contact-wrapper{display:none;}
.logo-image h1{text-align:center;}
.copyright h6{font-size:1em; padding:2%;}

}
@media only screen and (max-width:480px){
.content-wrapper h1{font-size:2em; padding:3.5% 2%;}
.link-address{width:100%;}
.contact-heading{width:35%;margin: 0;}
.contact-content{width:65%; margin:0;}
.contact-heading span{display:block;}
.copyright h6{padding:3.5% 2%;}
}