* {margin: 0px; padding: 0px; box-sizing:border-box; }
body a:hover, body a:focus{text-decoration:none;outline:0;}
.top-btn{float:right;margin: 10px 69px 0 0;}
 .top-btn a{display:block;font-weight: bold;border-radius:4px;
font-size: 15px;
background: #CE434A;
padding: 10px;
text-align: center;
color: #fff;
border: none;
outline: none;
-webkit-appearance: none;
font-family: "Roboto",sans-serif;}
.logolink{display:inline-block;}
 .top-btn a:hover{background:#B32129;text-decoration:none;}
 .top-btn a:focus{text-decoration:none;}
body{
  background:#fff;
}
 a{
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  
}
h1, h2, h3, h4, h5, h6 { margin:0px;}

/* HEADER CSS */
.header{ border-top:5px solid #CE434A;}
.head-top { padding: 10px 0; position: relative;}
.logo{float:left; width:100px;}
.logo img{width:100%;}
.logo-name{ float:left; margin:0 0 0 10px;}
.logo-name h1{ font-family: 'Roboto', sans-serif; font-size:38px; font-weight:900; color:#373D4B; margin:5px 0 0 0;}
.logo-name h2{ font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:400; color:#CE434A; margin-left:140px;}
.logo-name h2:first-child { border-top:1px dotted #373D4B; padding:10px 0 0 0;}

.top-contact{ float:right; font-family: 'Montserrat', sans-serif; font-size:16px; margin:5px -75px 0 0;}
.top-contact i{display:inline-block; color:#000; height:25px; width:25px; font-size:28px; vertical-align:middle;}

/* start menu */
.menu-bg{ background:#373D4B;}

.h_nav h4{
  border-bottom:1px solid rgb(236, 236, 236);
  font-size: 1.3em;
  color:#000;
  line-height: 1.8em;
  margin-bottom: 4%;
}
.h_nav h4.top{
  margin-top:1%;
}
.h_nav ul li{
  display: block;
  width:100%;
}
.h_nav ul li a{
  display: block;
  font-size: 0.85em;
  color: #8A8686;
  text-transform: capitalize;
  line-height: 2.5em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-family: 'Roboto', sans-serif;
  width:100%;
  font-size:16px;
  border-bottom:1px solid #ccc;
}
.h_nav ul li a:hover{
  color:#CE434A;
  text-decoration:none;
}
/*--banner--*/

.banner{
  background-size:cover;
  width:100%;
  min-height: 500px;
  position:relative;
}
/*--- slider-css --*/

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.callbacks_tabs a:after {
  content: "\f111";
  font-size: 0;
  font-family: FontAwesome;
  visibility: visible;
  display: block;
  height: 0px;
  width: 0px;
  display: inline-block;
  border:none;
  background:none;
  border-radius:50px;
}
.callbacks_here a:after{
  background:#fff;
}
.callbacks_tabs a{
  visibility:hidden;
}
.callbacks_tabs li{
  display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
  position: absolute;
  bottom: 14%;
  z-index: 999;
  left: 46%;
}
.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 38%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
height: 35px;
  width: 35px;
  background: url("../images/img-sprite.png") no-repeat -13px -98px ;
 }
.callbacks_nav.next {
  left: auto;
  background-position:-91px -98px;
  right: 0;
 } 
.banner-text{
 padding:14em 0 1em;
 color:#fff;
   width: 50%;
}
.banner-text h3 {
  font-size: 2em;
  font-weight: 800;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  letter-spacing: 6px;
  line-height: 1.2em;
}
.banner-text p{
  font-size:1.2em;
  margin: 1.3em 0 1em;
}
.banner-text a{
  text-decoration: none;
  color:#fff;
  font-size:1.2em;
  background: #8ce78a;
  padding: 0.4em 1em;
  border-radius:5px;
}
.banner-text a:hover{
  color: #8ce78a;
  background: #fff;
}

/*--content-top--*/
.contentbox{ position:relative; top:-100px; z-index:999;}
.contentbox1{ position:relative; top:-100px; z-index:999; margin-bottom:120px;}
.cont {
    position: relative;
    min-height: 26em;
  
}
.content {
    position: absolute;
    top: -62px;
    background-color: #fff;
    padding: 1em 0;
  width:100%;
  
}
.content::before {
    background: transparent url("../images/shadow-left.png") no-repeat scroll right top;
    width: 17px;
    height: 130px;
    margin-left: -17px;
    display: block;
    float: left;
    content: "";
}
.content::after {
    background: transparent url("../images/shadow-right.png") no-repeat scroll left top;
    width: 17px;
    height: 130px;
    float: left;
    top: 0px;
    display: block;
    content: "";
    position: absolute;
    right:-17px;
}
.content-top-bottom h1{
    color: #CE434A;
  font-size:30px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  margin: 0.5em 0 1em 0;
  text-align: center;
    text-transform: uppercase;
  letter-spacing:-1px;
}
.content-top-bottom h2{
  color: #373D4B ;
  font-size:20px;
  font-family:'Montserrat', sans-serif;
  font-weight:700;
  text-align:center;
  text-transform: uppercase;
  letter-spacing:-1px;
  margin:15px 0 5px 0;
}
.content-top-bottom p{
  color: #989393 ;
  font-size:16px;
  font-family:'Roboto', sans-serif;
  text-align:center;
  line-height:24px;
}
.hvr-rectangle-out {
    display: inline-block;
    padding: 0.5em 1em;
    font-size: 1em;
    background: #CE434A none repeat scroll 0% 0%;
    border-radius: 3px;
    color: #FFF;
  font-family:'Montserrat', sans-serif;
}
.hvr-rectangle-out:hover {
    background: #373D4B none repeat scroll 0% 0%;
    color: #FFF;
  text-decoration:none;
}
.content-box-bg {
    /*background: transparent url("../images/e1.jpg") no-repeat scroll 0% 0% / cover;*/
    width: 100%;
    display: inline-block;
}
.content-box-inner {
    background: #FFF none repeat scroll 0% 0%;
    /*padding: 1em;
    margin: 1em;*/
    text-align: center;
}
.content-box-inner img{ width:100%;
}
.content-box-inner label {
    width: 80px;
    margin: 1em auto;
    height: 2px;
    border-radius: 5px;
    background-color: #CE434A;
    display: block;
}
.content2 {
    padding-top:3em;
  padding-bottom:3em;
  width:100%;
  color:#fff;
}
.content2 h1{
color: #fff;
font-size: 26px;
font-family: "Montserrat",sans-serif;
font-weight: 700;
text-align: left;
text-transform: uppercase;
letter-spacing: -1px;
}
.content2 h3{
color: #fff;
font-size: 18px;
font-family: "Montserrat",sans-serif;
font-weight: 700;
text-align: left;
text-transform: uppercase;
margin:10px 0 5px 0;
}
.content2 h4{
color: #373D4B;
font-size: 16px;
font-family: "Montserrat",sans-serif;
font-weight: 400;
text-align: center;
text-transform: uppercase;
margin:5px 0 5px 0;
}
.content2 h5{
color: #989393;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
text-align: center;
text-transform: uppercase;
margin:0 0 0 0;
}
.content2 span {
    width: 100px;
    height: 2px;
    border-radius: 5px;
    background-color: #fff;
    display: block;
  margin:1em 0 1.5em 0;
}
.content2 p{
  color: #fff ;
  font-size:14px;
  font-family:'Roboto', sans-serif;
  text-align:left;
  line-height:23px;
}
.content2 a{
display: inline-block;
padding: 0.5em 1em;
font-size: 1em;
background: #fff none repeat scroll 0% 0%;
border-radius: 3px;
color: #373D4B;
font-family: "Montserrat",sans-serif;
}
.message .image{ float:left; padding:7px; background:#fff; width:36%; margin:0 20px 0 0;}
.message .image img{ width:100%;}
.content3 {
  padding-bottom:4em;
  width:100%;
  color:#333;
}
.content3 h1{
color: #373D4B;
font-size: 26px;
font-family: "Montserrat",sans-serif;
font-weight: 700;
text-align: left;
text-transform: uppercase;
letter-spacing: -1px;
}
.content3 i{color:#CE434A ; font-size:20px; margin-right:5px;}
.content3 h5{
color: #373D4B;
font-size: 18px;
font-family: "Montserrat",sans-serif;
font-weight: 400;
text-align: left;
text-transform: uppercase;
margin:0 0 5px 0;
letter-spacing:-1px;
margin-top:1.5em;
}
.content3 p{
  color: #989393 ;
  font-size:16px;
  font-family: 'Roboto', sans-serif;
  text-align:left;
  line-height:24px;
  margin-top:10px;
}
.bdr {
    width: 100%;
    height: 2px;
    border-radius: 5px;
    background-color: #f7f7f7;
    display: block;
  margin:1em 0 2.5em 0;
}
.bdr span {
    width: 100px;
    height: 2px;
    border-radius: 5px;
    background-color: #CE434A;
    display: block;
}
.gallery ul{ list-style:none;}
.gallery ul li{ float:left; width:32%; margin:0 2% 2% 0;}
.gallery ul li img{ width:100%; }
.gallery ul li:nth-child(3n+0){ margin:0 0 2% 0;}

/*--footer--*/
.footer{
  background:#141414;
}
.footer p{
  color:#f1f1f1;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  text-align:left;
  line-height:18px;
  margin-top:10px;
}
.footer .about a {
    display: inline-block;
    padding: 0.5em 1em;
    font-size: 1em;
    border-radius: 3px;
    color: #fff;
    font-family:"Montserrat",sans-serif;
  border:1px solid #fff;
  margin-top:10px;
}
.footer h4{
  font-size: 1.4em;
    color: #fff;
font-family:"Montserrat",sans-serif;
  margin: 0 0 1em;
    text-transform: uppercase;
  font-weight: 700;
}

.footer h5{
  font-size: 1em;
    color: #fff;
font-family:"Montserrat",sans-serif;
  margin: 0 0 1em;
    text-transform: uppercase;
  font-weight: 700;
}
.footer-top-at {
    padding: 4em 0 4em;
}
 ul.nav-bottom li{
  list-style:none;
  font-family: Arial, Helvetica, sans-serif;
  border-bottom:1px dotted #6B6B6B;
}
ul.nav-bottom li  a{
  text-decoration:none;
  color:#f1f1f1;
  font-size:14px;
  display: inline-block;
    margin: 0.4em 0;
}
ul.nav-bottom li:first-child  a{ margin-top:0px;}
ul.nav-bottom li  a:hover{
  color:#CE434A ;
}
.footer-class  p{
  color:#fff;
  font-size:1em;
  margin-bottom:0px;
  text-align:center;

}
.footer-class  p a{
  color:#CE434A;
  text-decoration:none;
}
.footer-class  p a:hover{
  color:#fff;
}
.footer-class {
  padding: 1.5em 10px;
  text-align:center;
  background:#000;
  font-family:Arial, Helvetica, sans-serif;
}
.enquiryform {font-family:"Oswald",sans-serif; font-weight:300; font-size:14px; border-radius:2px;}
.enquiryform label{ display:inline-block; width:85px; vertical-align:top;}
.enquiryform input[type='text']{ border:1px solid #999; border-radius:2px; padding:5px 10px; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.enquiryform input[type='submit']{ display: inline-block;
padding: 0.5em 1em;
font-size: 1em;
background: #CE434A none repeat scroll 0% 0%;
border-radius: 3px;
color: #FFF;
font-family: "Montserrat",sans-serif; border:none; }
.enquiryform textarea{ border:1px solid #999; border-radius:2px; padding:5px 10px; width:100%; font-size:12px;
font-family:Arial, Helvetica, sans-serif; }

.address{ font-family: "Montserrat",sans-serif; font-size:14px; color:#F1F1F1; border-bottom:1px dotted #6B6B6B; padding-bottom:10px; }

/*--About Page--*/
.about-cont {
    position: relative;
    min-height: 65em;
}
.about-cont h1 {
    color: #373D4B;
    font-size: 28px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    margin: 0.5em 0px 0.5em;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -1px;
  border-top:4px solid #CE434A;
  padding:10px 0 14px 0;
  background: url(../images/pattern.gif) repeat-x scroll center bottom;
}
.about-cont h2 {
    color: #373D4B;
    font-size: 28px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    margin: 0.5em 0px 0.5em;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -1px;
  padding:10px 0 14px 0;
  background: url(../images/pattern.gif) repeat-x scroll center bottom;
}
.about-cont h3 {
    color: #373D4B;
    font-size: 18px;
    font-family: "Roboto",sans-serif;
    text-align: left;
  font-weight:400;
    line-height: 22px;
  margin-bottom:10px;
}
.about-cont p {
    color: #989393;
    font-size: 16px;
    font-family: "Roboto",sans-serif;
    text-align: left;
    line-height: 22px;
}
.about-cont .bullets ul {list-style:none;}
.about-cont .bullets ul li{padding-left:1.3em; color:#989393; font-size:16px; font-family:"Roboto",sans-serif; text-align:left; line-height:20px; font-weight:500; margin-top:10px;}
.about-cont .bullets ul li:before {content:"\f00c"; display:inline-block; margin-left:-1.3em; width:1.3em; color:#CE434A; font-family: FontAwesome; font-size:18px;}

.sidebar {}
.sidebar img{ width:100%;}

/*--Course Offered Page--*/
.course-cont {
    position: relative;
    min-height:65em;
}
.course-cont h1 {
    color: #373D4B;
    font-size: 28px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    margin: 0.5em 0px 0.5em;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -1px;
  border-top:4px solid #CE434A;
  padding:10px 0 14px 0;
  background: url(../images/pattern.gif) repeat-x scroll center bottom;
}
.course-cont h2 {
    color: #373D4B;
    font-size: 28px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    margin: 0.5em 0px 0.5em;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -1px;
  padding:10px 0 14px 0;
  background: url(../images/pattern.gif) repeat-x scroll center bottom;
}
.course-cont h3 {
    color: #373D4B;
    font-size: 18px;
    font-family: "Roboto",sans-serif;
    text-align: left;
  font-weight:800;
    line-height: 22px;
  margin:15px 0;
}
.course-cont p {
    color: #989393;
    font-size: 16px;
    font-family: "Roboto",sans-serif;
    text-align: left;
    line-height: 22px;
}
.course-cont .bullets ul {list-style:none;}
.course-cont .bullets ul li{padding-left:1.3em; color:#989393; font-size:16px; font-family:"Roboto",sans-serif; text-align:left; line-height:20px; font-weight:500; margin-top:10px;}
.course-cont .bullets ul li:before {content:"\f00c"; display:inline-block; margin-left:-1.3em; width:1.3em; color:#CE434A; font-family: FontAwesome; font-size:18px;}

/*--Message Page--*/
.message-cont {
    position: relative;
    min-height:35em;
}
.message-cont h1 {
    color: #373D4B;
    font-size: 28px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    margin: 0.5em 0px 0.5em;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -1px;
  border-top:4px solid #CE434A;
  padding:10px 0 14px 0;
  background: url(../images/pattern.gif) repeat-x scroll center bottom;
}
.message-cont h2 {
    color: #373D4B;
    font-size: 28px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    margin: 0.5em 0px 0.5em;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -1px;
  padding:10px 0 14px 0;
  background: url(../images/pattern.gif) repeat-x scroll center bottom;
}
.message-cont h3 {
    color: #373D4B;
    font-size: 18px;
    font-family: "Roboto",sans-serif;
    text-align: left;
  font-weight:800;
    line-height: 22px;
  margin:15px 0;
}
.message-cont p {
    color: #989393;
    font-size: 16px;
    font-family: "Roboto",sans-serif;
    text-align: left;
    line-height: 22px;
}
.message-cont .image{ float:left; padding:7px; background:#fff; width:36%; margin:0 15px 0 0;}
.message-cont .image img{ width:100%;}
.message-cont .text{ float:left; width:61%}
.message-cont h4{
color: #373D4B;
font-size: 16px;
font-family: "Montserrat",sans-serif;
font-weight: 400;
text-align: right;
text-transform: uppercase;
margin:5px 0 5px 0;
}
.message-cont h5{
color: #989393;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
text-align: right;
text-transform: uppercase;
margin:0 0 0 0;
}

/*--Gallery Page--*/
.gallery-cont {
    position: relative;
    min-height:18em;
}
.gallery-cont h1 {
    color: #373D4B;
    font-size: 28px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    margin: 0.5em 0px 0.5em;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -1px;
  border-top:4px solid #CE434A;
  padding:10px 0 14px 0;
  background: url(../images/pattern.gif) repeat-x scroll center bottom;
}
.gallery-cont .gallery ul{ list-style:none;}
.gallery-cont .gallery ul li{ float:left; width:18.4%; margin:0 2% 2% 0;}
.gallery-cont .gallery ul li img{ width:100%; }
.gallery-cont .gallery ul li:nth-child(5n+0){ margin:0 0 2% 0;}

/*--Resource Center Page--*/
.resource-cont {
    position: relative;
    min-height: 126em;
}
.resource-cont h1 {
    color: #373D4B;
    font-size: 28px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    margin: 0.5em 0px 0.5em;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -1px;
  border-top:4px solid #CE434A;
  padding:10px 0 14px 0;
  background: url(../images/pattern.gif) repeat-x scroll center bottom;
}
.resource-cont h2 {
    color: #373D4B;
    font-size: 28px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    margin: 0.5em 0px 0.5em;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -1px;
  padding:10px 0 14px 0;
  background: url(../images/pattern.gif) repeat-x scroll center bottom;
}
.resource-cont h3 {
    color: #373D4B;
    font-size: 18px;
    font-family: "Roboto",sans-serif;
    text-align: left;
  font-weight:800;
    line-height: 22px;
  margin:15px 0;
}
.resource-cont p {
    color: #989393;
    font-size: 16px;
    font-family: "Roboto",sans-serif;
    text-align: left;
    line-height: 22px;
}
.resource-cont .bullets ul {list-style:none;}
.resource-cont .bullets ul li{padding-left:1.3em; color:#989393; font-size:16px; font-family:"Roboto",sans-serif; text-align:left; line-height:20px; font-weight:500; margin-top:10px;}
.resource-cont .bullets ul li ul li{padding-left:1.3em; color:#989393; font-size:16px; font-family:"Roboto",sans-serif; text-align:left; line-height:20px; font-weight:300; margin-top:10px;}
.resource-cont .bullets ul li:before {content:"\f00c"; display:inline-block; margin-left:-1.3em; width:1.3em; color:#CE434A; font-family: FontAwesome; font-size:18px;}


/*--contact--*/
/*--contact--*/
.contact-cont {
    position: relative;
    min-height:23em;
}
.contact-cont h1 {
    color: #373D4B;
    font-size: 28px;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    margin: 0.5em 0px 0.5em;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -1px;
  border-top:4px solid #CE434A;
  padding:10px 0 14px 0;
  background: url(../images/pattern.gif) repeat-x scroll center bottom;
}
.contact-cont h4 {
    color: #373D4B;
    font-size: 20px;
    font-family: "Roboto",sans-serif;
    text-align: left;
  font-weight:800;
    line-height: 22px;
  margin:15px 0;
}
.contact-cont h3 {
    color: #555;
    font-size: 16px;
    font-family: "Roboto",sans-serif;
    text-align: left;
  font-weight:500;
    line-height: 22px;
  margin:15px 0;
}
.contact-grid input[type="text"],.contact-grid textarea{
  width: 100%;
  padding: 0.8em 1em;
  margin: 0.5em 0;
  background:none;
  outline:none;
    border: 1px solid #A09F9F;
    font-size:1em;
    color:#A09F9F;
  -webkit-appearance: none;
  font-family: "Roboto",sans-serif;
  border-radius:2px;
}
.contact-grid textarea{
  resize:none;
  font-family: "Roboto",sans-serif;
}
.send input[type="submit"]{
  width: 14%;
  font-size: 1.1em;
  background:#CE434A;
  padding: 0.4em 0.8em;
  text-align: center;
  color: #fff;
  border: none;
  outline:none;
  -webkit-appearance: none;
  font-family: "Roboto",sans-serif;
}
.send input[type="submit"]:hover{
  background:#2d2d2d;
}
.address-more {
  padding: 0 0 2em;
}
.contact-in p{
  font-size:1em;
  color: #626262;
  width: 72%;
  line-height: 1.7em; 
}
.address-more h4{
  color:#6c7886;
  font-size:1.4em;
    font-family: 'Lato', sans-serif;
  margin: 0 0 0.3em;
    font-weight: 600;
}
.address-more p a{
  text-decoration:none;
  color: #626262;
}
.address-more p a:hover{
  color: #8ce78a;
}

@media only screen and (max-width:1024px) {
  .top-btn {
    float: none;
    margin: 23px auto 0;
    width: 230px;
}
  .top-contact{  margin:15px 0px 0 0;}
.contentbox { top: -155px;}
.cont { min-height: 21em;}

.about-cont { min-height: 67em;}
.about-cont h1 { font-size:22px;}
.about-cont h2 { font-size:22px;}

.message-cont { min-height: 28em;}
.message-cont h1 { font-size:22px;}

.course-cont h1 { font-size:22px;}
.course-cont h2 { font-size:22px;}

.gallery-cont { min-height: 9em;}
.gallery-cont h1 { font-size:22px;}

.resource-cont { min-height: 120em;}
.resource-cont h1{ font-size:22px;}
.resource-cont h2{ font-size:22px;}

.contact-cont { min-height: 16em;}
.contact-cont h1{ font-size:22px;}
  
}
@media only screen and (max-width:768px) {
.logo{ width:90px;}
.contentbox { top:-235px;}
.cont { min-height: 98em;}
.logo-name h1 { font-size: 30px; margin: 10px 0px 0px;}
.logo-name h2 { font-size: 14px; margin-left:100px;}
.content-top-bottom h1 { font-size:24px;}
.callbacks_nav { top:20%;}
.top-contact{ float: left;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
margin: 10px 0 0;
width: 242px;}
.top-btn {
    float: right;
    margin: 16px auto 0;
    width: 235px;
}
.col-md-4{ margin-bottom:20px;}
.col-md-6{ margin-bottom:30px;}
.col-md-3{ margin-bottom:30px;}

.about-cont { min-height: 145em;}

.message-cont { min-height: 87em;}

.course-cont { min-height: 144em;}
.course-cont h1 { font-size:22px;}

.gallery-cont { min-height: 0em;}

.resource-cont { min-height: 201em;}

.contact-cont { min-height: 30em;}
  
}
@media only screen and (max-width:640px) {
.logo{ width:80px;}
.contentbox { top:-270px;}
.cont { min-height: 85em;}
.logo-name h1 { font-size: 24px; margin: 5px 0px 0px;}
.logo-name h2 { font-size: 14px; margin-left:100px;}
.content-top-bottom h1 { font-size:20px;}
.callbacks_nav { top:20%;}
.top-contact { font-size: 14px; margin: 10px 0px 0px;}

.about-cont { min-height: 142em;}

.message-cont { min-height: 78em;}

.course-cont { min-height: 135em;}

.gallery-cont { min-height: 16em;}
.gallery-cont .gallery ul li { width: 32%; margin: 0px 2% 2% 0px;}
.gallery-cont .gallery ul li:nth-child(5n+0){ margin:0 2% 2% 0;}
.gallery-cont .gallery ul li:nth-child(3n+0){ margin:0 0 2% 0;}

.resource-cont { min-height: 194em;}

.contact-cont { min-height:28em;}
  
}
@media only screen and (max-width:480px) {
  .top-btn {

    width: 180px;
}
.top-contact i {

    height: 20px;
    width: 20px;
    font-size: 20px;
    vertical-align: middle;
}
.top-btn a {
font-size:11px;
padding: 7px;}
  .logo-name {
    float: none;
    margin: 0 0 0 10px;
    overflow: hidden;
    padding-left: 10px;text-align:center;
}
.logo{ width:90px;}
.contentbox { top:-262px;}
.cont { min-height: 73em;}
.logo-name h1 { font-size: 28px; margin: 5px 0px 0px;}
.logo-name h2 { padding: 3px 0 0 0 !important;font-size: 13px;margin-left: 0;}
.content-top-bottom h1 { font-size:20px;}
.callbacks_nav { top:12%;}

.top-contact div{ display:inline-block;margin-top:0 !important;}

.about-cont { min-height: 144em;}

.message-cont { min-height: 84em;}
.message-cont .image { float:none; width:75%; margin: 0px auto 0px auto;}
.message-cont .text { float:none; width:100%;}
.message-cont p{ text-align:center;}

.course-cont { min-height: 131em;}

.gallery-cont { min-height: 29em;}
.gallery-cont .gallery ul li { width: 48%; margin: 0px 4% 4% 0px;}
.gallery-cont .gallery ul li:nth-child(5n+0){ margin:0 4% 4% 0;}
.gallery-cont .gallery ul li:nth-child(3n+0){ margin:0 4% 4% 0;}
.gallery-cont .gallery ul li:nth-child(2n+0){ margin:0 0 4% 0;}

.resource-cont { min-height:209em;}

.contact-cont { min-height:29em;}
  
}
.infra-btn {
    position: absolute;
    right: 25.5%;
    bottom: 15px;
}
.infra-btn a {
  	background: #CE434A;
	display: inline-block;
	color: #fff;
	font-family: "Roboto", sans-serif;
	padding: 10px 10px;
	font-weight: bold;
	border-radius: 4px;
	font-size: 15px;
	text-transform: uppercase;
}
.infra-btn a span {
  animation: animate 1s linear infinite; 
}
 @keyframes animate{ 
   0%{ 
     opacity: 0; 
   } 
   50%{ 
     opacity: 0.5; 
   } 
   100%{ 
     opacity: 1; 
   } 
 } 
 .tabbox {
  padding: 15px;
  font-family: "Roboto", sans-serif;
 }
.tab {
  overflow: hidden;
  text-align: center;
}
.tab button {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  background: #373D4B;
  color: #fff;
  border-radius: 5px;
  font-weight: 600;
  width: 150px;
}
.tab button:hover {
  background-color: #CE434A;
}
.tab button.active {
  background-color: #CE434A;
}
.tabcontent {
  display: none;
  border-top: none;
}
.tabcontent a {
  display: block;
  margin-top: 30px;
}
.tabcontent a img {
  height: 186px;
  width: 100%;
  border-radius: 10px;
}


@media only screen and (max-width:360px) {
.top-btn {
    float: none;
    margin: 10px auto 0;
}
  .logo-name {
    margin: 0;
    padding-left: 0;
}
.logo{ width:80px; float:none; margin:0 auto 0 auto;}
.contentbox { top:-305px;}
.cont { min-height: 64em;}
.logo-name h1 { font-size: 26px; margin: 5px 0px 0px;}
.logo-name h2 { font-size: 14px; text-align:center; margin:0px !important; }
.content-top-bottom h1 { font-size:20px;}
.callbacks_nav { top:9%;}
.top-contact{ float: none;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
margin: 0 auto;
width: 240px;}
.top-contact div{ display:block;text-align: center;}
.content2 h1 { font-size:20px;}
.message .image { float:none; padding:7px; background:#FFF none repeat scroll 0% 0%; width:100%; margin:0px auto 20px auto;}
.content2 { text-align:center;}
.content2 p { text-align:center;}
.content2 a { text-align:center; margin:0px auto 0 auto; width:110px;}

.about-cont { min-height: 157em;}

.message-cont { min-height: 83em;}
.message-cont .image { float:none; width:100%; margin: 0px auto 0px auto;}

.course-cont { min-height: 144em;}

.gallery-cont { min-height: 13em;}

.resource-cont { min-height:234em;}

.contact-cont { min-height:28em;}
.send input[type="submit"] {width: 25%;}
  
}
@media only screen and (max-width:320px) {
.logo{ width:80px; float:none; margin:0 auto 0 auto;}
.contentbox { top:-321px;}
.cont { min-height: 65em;}
.logo-name h1 { font-size: 23px; margin: 5px 0px 0px;}
.logo-name h2 { font-size: 10px; text-align:center; font-size: 14px; margin-left: 21px; margin-top: 0px;}
.content-top-bottom h1 { font-size:20px;}
.callbacks_nav { top:9%;}

.content2 h1 { font-size:19px;}
.message .image { float:none; padding:7px; background:#FFF none repeat scroll 0% 0%; width:100%; margin:0px auto 20px auto;}
.content2 { text-align:center;}
.content2 p { text-align:center;}
.content2 a { text-align:center; margin:0px auto 0 auto; width:110px;}
.top-contact i {height:20px; width:20px; line-height:20px;}

.about-cont { min-height: 172em;}

.message-cont { min-height: 88em;}

.course-cont { min-height: 147em;}

.gallery-cont { min-height: 8em;}

.resource-cont { min-height:250em;}
  
}