




@media only screen  and (max-width: 1280px)  {
  		body{
  		width: 100% ;
  	}
.class3 p {
    z-index: 1;
    font-size: 13px;
    position: relative;
    margin-top: -30px;
    color: #fff;
    offset: 12px !important;
}
.class4 {
    margin-top: 0!important;
    padding-bottom: 8px !important;
}
.border1 {
    border: 2px dashed #d8ea46;
    width: 100%!important;
    margin-top: -7px;
}
}



@media only screen  and (max-width: 1024px) 
  {
body{
    width: 100%;
}
.class2 {
    padding: 30px 15px 0 34px!important;
}
.class21 {
    background: #00446e;
    padding: 0!important;
    text-align: center;
}

}





@media only screen 
  and (max-width: 992px) 
  and (min-width: 767px){
body{
    width: 100%;
}
.class2{
	text-align: center;
}
.class2 img{
	width: 50%;
}
.class3 p {
    z-index: 1;
    position: relative;
    margin-top: 20px!important;
    font-size: 20px;
    color: #00446c !important;
}
.class3 p a{
	color: #00446c !important;
}
.class3 img {
    position: relative;
    z-index: 0;
    display: none;
}
.class5 img {
    margin-top: -10px;
    width: 100% !important;
}
}




@media only screen 
  and (max-width: 768px) 
  and (min-width: 576px){
body{
    width: 100%;
}
.class5 img {
    margin-top: -10px;
    width: 100% !important;
}
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 492px) {
/* Styles */
.slidertop{
   height: 90px;
}
body{
	width: 100%;overflow-x: hidden !important;
}
.class2{
	text-align: center;
}
.class2 img{
	width: 40%;
}
.class3 p {
    z-index: 1;
    position: relative;
    margin-top: 20px!important;
   font-size: 13px;
    font-weight: 500;
    color: #00446c !important;
}
.class3 p a{
	color: #00446c !important;
}
.class3 img {
    position: relative;
    z-index: 0;
    display: none;
}
.class5 img {
    margin-top: -10px;
    width: 80% !important;
}
.class5 p {
    color: #00446e;
    font-size: 18px !important;
}
.class5 h1 {
    color: #00446e;
    font-weight: 400;
    font-size: 18px!important;
    font-family: 'Raleway', sans-serif;
}
.class5 h1 span {
    font-size: 24px!important;
    font-weight: 700;
}
.class6 p {
    font-size: 16px !important;
    margin-top: 10px;
}
#class12 h3 i {
    color: #d8ea46;
    padding: 5px 10px 0!important;
}
.class31 h1{
    font-size:20px!important;
    text-align: center!important;
}
.class11{
    margin-top: 50px;
}
.class12{
    margin-top: 50px;
}
.class13{
    margin-top: 50px;
}

.class32 img {
    margin-top: 0px!important;
    width: 90%;
}
.class32 h6 {
    color: #00446e;
    margin-top: 50px;
    font-size: 20px!important;
}
.class32 h1 {
    color: #00446e;
    margin-top: -10px;
    font-weight: 700;
    font-size: 25px!important;
}
.class32 h2 {
    color: #000;
    font-family: 'Raleway', sans-serif;
    font-size: 25px;
    padding: 0 10px!important;
    margin-top: 50px;
}
.class34 img {
    margin-top: 0px!important;
    width: 90%;
}
.class34 h1 {
    color: #00446e;
    margin-top: 50px;
    font-weight: 700;
    font-size: 25px!important;
}
.Mission p{
margin-top: 10px;
  font-family: 'Rubik', sans-serif;
    font-size: 15px;
    line-height: 28px;
        color: #4C4C4C;
        padding:0 10px !important;
}

}




