/*general settings*/
body,div,h1,h2,h3,h4,h5,h6,p,a,ul,li{margin:0;padding:0;font-family: 'Work Sans', sans-serif;}
img{max-width:100%;}
h1,h3,h4,h2{color:  #0f3661;text-transform: capitalize}
a{text-decoration:none;color:#000;}
ul li{float: left;list-style: none}
.success2{background: #D8FFC0;padding: 5px 10px 5px 10px;margin: 10px 0px 5px 0px;border: none;font-weight: bold;color: #2E6800;border-left: 3px solid #2E6800;clear: both;}
.error {background: #FFE8E8;padding: 5px 10px 5px 10px;margin: 10px 0px 5px 0px;border: none;font-weight: bold;color: #FF0000;border-left: 3px solid #FF0000;clear: both;}
.heading_general{position: relative;z-index: 2}
.heading_general::after {
    height: 4px;
    width: 8px;
    left: -12px;
    position: absolute;
    content: '';
    background: #00A5DF;
    height: 32px;
    z-index: -1;
    top: 8px;
}
.heading_general::before {
    height: 4px;
    width: 8px;
    left: -20px;
    position: absolute;
    content: '';
    background: #0f3661;
    height: 32px;
    z-index: -1;
    top: 8px;
}

/*general settings2*/
.container{max-width: 1170px;margin: 0 auto;}
h2,h3{font-family: 'Magra', sans-serif;}
.wrap{float: left;width: 100%}
.inner_section{float: left;width: 100%}
.outer_section{float: left;width: 100%}
.clear{clear: both}
.left{float: left}
.right{float: right}


/*mobile menu*/
.overlay{display: none}
.navbar{display: none;}
.block{position: relative}
.overlay_wrap{width: 100%;float: left;transition: opacity 0.35s ease 0s, visibility 0.35s ease 0s, width 0.35s ease 0s;}
.overlay_wrap h3 { color: #fff; font-size: 16px; text-transform: uppercase;text-align: left;text-align: center}


/*slider*/
#slider1 > li{float: left;width: 100%}
/*slider styles here*/
.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;}

/*for bullet points above the banner*/
.bullet2 { clear: both; display: block;  float: none; margin: 0 auto; position: relative;  width: 80px;}
.bullet { margin: 0; position: absolute; right: 0; top: -58px; z-index: 9;}
.bullet li{ float: left; list-style: none;	margin-left: 0px; position:relative; font-size:60px; }
.bullet li a{ color:#652ee1; }
.bullet li.rslides_here a, .bullet li a:hover{ color:#fdc32d ; }

/*top header and banner*/
.banner{float: left;background-image:url(../images/vinuth-hegde-&-co-1.jpg) ;background-repeat: no-repeat;background-size: cover;background-position: center top;height: 632px;width: 100%;color: #fff}
.top_head { margin: 38px 0 0; float: left; width: 100%;}
.banner_text { margin: 265px 0 0 0; text-align: left; width: 600px;color: #fff}
/*logo*/
.logo.left a{position: relative;text-transform: uppercase;font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 20px;;color: #fff;z-index: 1}
.logo.left a::after{width: 20px;left: 0;position: absolute;content: '';background: #00A5DF;height: 100%;z-index: -1;top:0}

.menu.right ul li a{display: inline-block;color: #fff;margin: 0 20px;text-transform: uppercase}
.menu.right ul li a:hover{color: #00A5DF}

.banner_text h3 {font-size: 50px;font-family: 'Montserrat', sans-serif;color: #fff}
.banner_text p {font-size: 16px;font-family: 'Montserrat', sans-serif;margin:20px 0;line-height: 1.5 }
.btn {
    color: #fff;
    font-size: 21px;
}
.btn:hover{color:#00A5DF }

/* animation button */
.custom-featured-wrap button {font-size: 15px;color: #fff;background: #379aff; padding:10px 0 11px; cursor: pointer;border: 0;border-radius: 2px;min-width: 120px;overflow: hidden; transform: translate(-50%, -50%);right: -58px;
    position: relative;}
.custom-featured-wrap button span { display: block; position: relative; z-index: 10;}
.custom-featured-wrap button:after, .custom-featured-wrap button:before { padding: 18px 0 11px; content: ''; position: absolute; top: 0;left: calc(-100% - 30px); height: calc(100% - 29px); width: calc(100% + 20px); color: #fff;border-radius: 2px;transform: skew(-25deg);}
.custom-featured-wrap button:after { background: #fff; transition: left 0.8s cubic-bezier(0.86, 0, 0.07, 1) 0.2s; z-index: 0; opacity: 0.8;}
.custom-featured-wrap button:before {background: #0f3661; z-index: 5; transition: left 1s cubic-bezier(0.86, 0, 0.07, 1);}
.custom-featured-wrap button:hover:after { left: calc(0% - 10px); transition: left 0.8s cubic-bezier(0.86, 0, 0.07, 1);}
.custom-featured-wrap button:hover:before { left: calc(0% - 10px); transition: left 1s cubic-bezier(0.86, 0, 0.07, 1); }


/*about us home*/
.about_home{float: left;width: 100%;padding: 50px 0;position: relative;background: url(../images/ca-5.jpg) scroll 0 0 / cover;}
.about_home::before{position: absolute;content: '';background:#00A5DF;width:480px;z-index: 0;height: 100%;top: 0 ;}
.about_home h2 { text-align: center; font-size: 40px; text-transform: capitalize; margin: 0 auto 50px; display: table;}
.about_home .left{width: 500px;border: 1px solid #eee;padding: 20px 20px;background: #fff;position: relative;border-radius: 4px;}
.about_home .left h3{font-size: 16px; padding: 20px 0}
.about_home .left p{line-height: 1.8;font-family: inherit;font-size: 16px;}
.about_home .left ul {margin: 20px 0 0}
.about_home .left ul li {
    width: 117px;
    height: 117px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    line-height: 116px;
    text-align: center;
    background: #0f3661;
    margin: 0 17px;
    text-transform: capitalize;
    font-weight: normal;
}
.about_home .right{width:620px;position: relative;z-index: 2}
.about_home .right img { margin:124px 0 0 -12px; position: relative; z-index: -1;}

/*footer*/
.outer_section.footer{ color: #fff; background:#333; padding: 50px 0;border-bottom: 1px solid #fff}
.outer_section.footer .left.footer_logo img {
    background: #fff;
    padding: 6px 3%;
    border-radius: 8px;
}
.smo{width: auto}
.smo ul li i{color: #000;margin: 0 8px}
.smo ul li i { color: #000; background: #fff; border-radius: 25px; width: 24px; height: 21px;font-size: 18px; text-align: center;   padding: 7px 4px 3px; margin: 0 7px; border: 4px solid #fff;}
.smo ul li a:hover i { background: #221442; color: #fff; transition: 0.2s ease-in-out;}
.outer_section.footer .left { width: 345px; margin: 0 20px; line-height: 1.8;}
.outer_section.footer .left:nth-child(2n){width: 200px}
.outer_section.footer .left.contact_footer{width: 500px}
.outer_section.footer .left.footer_menu ul li{clear: both}
.outer_section.footer .left p{margin: 25px 0}
.outer_section.footer .left.footer_menu ul li a{color: #fff}
.outer_section.footer h3 { margin: 0 0 25px 0;color: #fff;font-size: 20px;}
.outer_section.footer .main_heading{ position: relative}
.outer_section.footer .main_heading::after {
    left: 0;
    width: 20px;
    background-color: #fff;
    height: 3px;
    content: '';
    bottom: -4px;
    position: absolute;
}
.outer_section.footer .left.contact_footer ul li { clear: both;margin: 10px 0 0;position: relative;padding: 0 0 0 39px}
.outer_section.footer .left.contact_footer ul li img {position: absolute;left: 0;top: 6px}

/*footer*/
.outer_section.footer .left .logo.left { padding: 0; margin: 0;}
.get_in_touch{float: left;width: 100%;padding: 60px 0;color: #fff;  background:url("../images/vinuth-hegde-&-co-3.jpg")no-repeat 100% / cover;  /* fallback for old browsers */}
.inner_footer h3{text-align: center;font-size: 40px;padding-bottom: 15px;text-transform: capitalize;color: #fff;margin: 0 auto;display: table}
_border{margin: 0 auto;float: none;width: 80px;height:2px;background: #fff;}
.form{clear: both;margin: 0 auto;float: none;display: block;width: 600px;padding-top: 40px;}
.form input[type=text]{float: left;width: 46%;background:none;border: none;border-bottom: 1px solid #fff;color: #fff;font-size: 16px;margin: 0 1%;padding: 5px 1%;}
.form textarea{float: left;width: 96%;margin: 20px 1% 50px;padding: 10px 1%;background:none;border: none;border-bottom: 1px solid #fff;color: #fff;font-size: 15px;font-family: inherit}
.form input[type=submit]{margin: 20px auto;float: none;display: block;width: 170px;padding: 10px 0;text-align: center;text-transform: uppercase;background:#00A5DF;color: #fff;font-size: 18px;cursor: pointer;border-radius: 5px;border: none}
.form input[type="submit"]:hover{background: #fff;color: #fff;border-radius: 5px;color: #000}

/*featured services*/
.services_list {
    /* height:100%; */
    float: left;
    width: 100%;
}
.services_list li {
    font-size: 14px;
    list-style: circle;
    clear: both;
    width: 82%;
    padding: 10px 0;
    text-align: left;
    margin: 0 9%;
    color: #686f7a;
}
.outer_section.featured_courses { padding: 50px 0;width: 100%;background: #f7f7f7}
.outer_section.featured_courses h2 {
    text-align: center;
    font-size: 40px;
    text-transform: capitalize;
    margin: 0 auto 72px ;
    display: table
}

#flexiselDemo2 {display:none;}
.nbs-flexisel-container {  position:relative;  max-width:100%;  *overflow:hidden;}
.nbs-flexisel-ul {  position:relative; width:9999px; margin:0px; padding:0px;  list-style-type:none; text-align:center;  }
.nbs-flexisel-inner { overflow:hidden; float:left; width:100%; }
.nbs-flexisel-item { float:left;    margin:0px; padding:0px; cursor:pointer; position:relative; }
.nbs-flexisel-item img {  cursor: pointer; position: relative; max-width: 85%  }
.offerings .heading_general {
    color: #000;
    text-align: center;
    font-size: 40px;
    text-transform: capitalize;
    margin: 0 0 49px 0;
}
.offerings{float: left;width: 100%;padding: 61px 0 40px;background: #c3cbcd;}
.offerings ul li{float: left;}
.client_wrap {  float: left;  position: relative;  width: 100%;}
/*** Navigation ***/

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 20px; height: 138px;  position: absolute; cursor: pointer; z-index: 100; opacity: 0.5;}

.nbs-flexisel-nav-left { left:-35px; background:url(../images/service-left-arrow.png) no-repeat 0px 0px; top:0;   margin: 45px 0 0;}
.nbs-flexisel-nav-right {   right: -35px;  background:url(../images/service-right-arrow.png) no-repeat 0px 0px; margin: 45px 0 0;  }

/*services*/
.outer_section.featured_courses.home ul li a{float: left;width: 348px; margin: 0 20px 26px; text-align: center; border: 1px solid #ccc; background: #fdfdfd;height: 100%;}
.outer_section.featured_courses ul li a{float: left;width: 348px; margin: 0 20px 26px; text-align: center; border: 1px solid #ccc; background: #fdfdfd;height: 240px;}
.outer_section.featured_courses ul li img{height: auto}
.outer_section.featured_courses ul li h4 {font-size: 18px;text-transform: uppercase;margin: 20px 0 0 0;color: #0f3661;line-height: 1.5;min-height: auto;}
.outer_section.featured_courses ul li p {min-height: 157px; margin:10px 0 20px; padding: 0 4%;font-size: 15px;line-height: 1.6;;color: #686f7a }
.outer_section.featured_courses ul li a:hover {box-shadow: 0 2px 8px 2px #ccc;transition: .2s ease;}
.outer_section .btn {

    display: table;
    margin: 0 auto;
    background: #00A5DF;
    padding: 10px 15px;
    border-radius: 4px;
}
.outer_section .btn:hover{background: #0f3661;color: #fff}
.outer_section.featured_courses ul li {
    display: flex;
}
/*copyright*/
.outer_section.copyright{padding: 16px 0;background:#00A5DF; color: #fff;text-align: center}

/*call_to_action*/
.call_to_action{float: left;width: 100%;color: #fff;padding: 50px 0;background:#000;}
.call_to_action .left{font-size: 40px;color: #fff;text-transform:lowercase}
.call_to_action .right{color: #000;background: #fff;display: inline-block;padding: 10px 18px;border-radius: 4px;}

/*contact_us*/

.contact_us{padding: 30px 1%;float: left;width: 98%;}

.contact_form1{float: left;margin-left: 25px;}
.contact_form3{margin-right: 0;}
.contact_form1 label{font-size: 16px;margin-bottom: 5px;float: left;color: #ff7e00;font-family: "ubuntubold";font-weight: normal}
.contact_form1 input[type=text]{float: left;width: 89%;padding: 10px 0% 10px 10%;font-size: 15px;border: 1px solid #ccc;margin-bottom: 18px;background: none;}
.contact_form1 input[type=text].user_name{background: url(../images/user2.png) no-repeat scroll 4px center/25px;}
.contact_form1 input[type=text].user_email{background: url(../images/mail2.png) no-repeat scroll 4px center/25px;}
.contact_form1 input[type=text].user_number{background: url(../images/phone2.png) no-repeat scroll 4px center/25px;}
.contact_form1 textarea{float: left;width: 91%;padding: 10px 4%;font-size: 15px;border: 1px solid #ccc;margin-bottom: 10px;background: none;}
.contact_form1 input[type=submit]{float: left;width: 120px;padding: 10px 0%;font-size: 15px;border: 1px solid #221442;margin-bottom: 10px;background: #221442 ;cursor: pointer;color: #fff;font-weight: bold;margin: 0 auto;clear: both;display: block;}
.contact_form1 input[type=submit]:hover{color: #221442;background: #fff}
.contact_address_icon{float: left;}
.contact_address{float: left;margin-left: 10px;}
.contact_address li {list-style: none}
.contact_form { margin-top: 40px;}
.contact_us h1{text-align: center;font-size: 40px;color: #90292c}
.contact_form1 h3 {color: #000;font-weight: normal;margin: 0 0 35px 0}
.contact_form_wrap i{color:#221442}
.contact_form1 p{margin-bottom: 2px;}
.contact_form1{width: 380px;}
.contact_form2{width: 380px;}
.contact_form3{width: 275px; padding-left: 20px;}
.contact_form1.contact_form3 > p { margin: 12px 0;}
.contact_form3 p span{margin-left: 10px;}
.top_head_contact{ color: #006ec8;float: left;font-size: 22px;font-weight: normal;margin-bottom: 10px;
    padding: 0;text-transform: uppercase;}
.phone_contact { clear: both; margin: 0;}
.email2{margin: 9px 0 12px!important}

.who_are_we{float: left;width: 100%;text-align: left;color: #fff;background: #303e50;}
.who_are_we h3{font-size: 30px;text-transform: capitalize;color: #fff}
.who_are_we p {
    line-height: 1.8;
    font-size: 15px;
    padding: 22px 0;
}
.who_are_we ul li {
    width: 326px;
    margin: 0 0;
    background: #303e50;
    padding: 48px 32px 15px;
    min-height: 295px;
}
.who_are_we ul li:nth-child(2n) {
    background: #33a9ee;
}

/*inner pages */
.inner_banner{float: left;width:100%;background:url("../images/vinuth-hegde-&-co-3.jpg")no-repeat 100% / cover;height: 300px;background-position-y: -61px;

}
.abt_inner{float: left;width: 100%;padding: 50px 0}
.abt_inner .left{width:  565px;margin: 0 20px}
.abt_inner .right{position: relative;width:  565px;}
.abt_inner .right img{position: absolute;left: 0;top: 0}
.abt_inner h2{font-size: 30px;text-transform: capitalize}
.abt_inner , h3{font-size: 20px;text-transform: capitalize}
.abt_inner p{font-size: 16px;line-height: 1.5;padding: 15px 0}

/*about inner*/
.abt_inner_why{float: left;width: 100%;margin: 0 0 0px 0}
.abt_in_why{float: left;width: 100%;background:url("../images/vinuth-hegde-&-co-1.jpg")no-repeat 100% / cover;color: #fff;line-height: 1.8;
background-position-y: 0;margin: -88px 0 50px 0}
.abt_in_why h2 {

    font-size: 30px;
    color: #fff;
    margin-bottom: 14px;
    color: #fff;
    position: relative;
    padding: 13px 0 0 14px;

}
.abt_in_why h3{color: #fff}
.abt_in_why .right{width:448px;position: relative;padding:0 17px 27px;}
.abt_in_why .right::before {
    left:0;
    content: '';
    position: absolute !important;
    height: 100%;
    background: #00A5DF;
    width: 100%;
    position: relative;
    opacity: 0.8;
    z-index: 0;
}
.abt_in_why .right ul li{position: relative;padding: 0 0px 0 72px;}
.abt_in_why .right ul li p{font-size: 14px;}
.abt_in_why .right ul li img{position: absolute;left: 18px;top: 8px;}

@media screen and (max-width:1170px)
{
    /* home page */
    .who_are_we ul li{width: 29%;padding: 48px 2% 15px}
    .outer_section.featured_courses ul li p{min-height: 171px;}
    .who_are_we h3{font-size: 26px;}
    .outer_section.featured_courses ul li h4 {font-size: 17px;}
    .top_head{margin: 38px 1% 0;width: 98%}
    .banner_text{width:60%;margin: 265px 2% 0}
    .about_home{width: 96%;padding: 50px 2%}
    .about_home::before {left: 0}
    .about_home .left, .about_home .right{width: 46%;}
    .about_home .left{padding:20px 2%}
    .about_home .left ul li {width: 94px;height: 93px;border-radius: 66%;font-size: 12px;line-height: 93px;}
    .about_home .left p{font-size: 14px}
    .call_to_action{width: 96%;padding: 50px 2%}
    .call_to_action .left{font-size: 28px;}
    .outer_section.featured_courses ul li {width: 31%;margin: 0 1% 26px}
    .outer_section.featured_courses ul li a{width: 100%;margin: 0;height: 100%;}
    .outer_section.featured_courses h2{margin: 0 auto 42px;}
    .form{width: 60%;}
    .map { width: 96%;  margin: 24px 2%;}
    .outer_section.footer .left.contact_footer, .outer_section.footer .left, .outer_section.footer .left:nth-child(2n){width: 30%;margin: 0 1%}
    .outer_section.copyright{width: 96%;padding: 16px 2%}
    /* contact us */
    .contact_form1,.contact_form2,.contact_form3{margin: 0 1%;width: 30%}
    .contact_us{margin: 30px 1% 85px;width: 96%}
}

@media screen and (max-width:959px)
{
/*    home page*/
    .about_home .left, .about_home .right{width: 96%}
    .about_home::before {width: 50%}
    .outer_section.featured_courses ul li{width: 47%;}
    .form{width: auto}
    .outer_section.footer .left, .outer_section.footer .left:nth-child(2n), .outer_section.footer .left.contact_footer{width: 48%}
    .outer_section.footer .left.footer_logo{width: auto;margin: 40px 1%}
    .contact_form1, .contact_form2, .contact_form3 {  width: 48%;margin: 0 1% 54px }
    .who_are_we ul li{width: 46%}
    .about_home .right img {margin: 22px 0 0 -12px;}
}

@media screen and (max-width:767px)
{

    .who_are_we ul li { width: 96%;min-height: auto}
    .call_to_action .left {font-size: 20px;}
    .outer_section.footer .left p { clear: both; }
    .outer_section.footer .left.footer_logo {width: auto;margin: 0 1%;}
    .outer_section.footer .left, .outer_section.footer .left:nth-child(2n), .outer_section.footer .left.contact_footer {

        width: 48%;
        margin: 19px 0 0 0;
    
    }
    .menu.right{display: none}
    /* --------------mobile menu-------------------*/
    .navbar{display: block!important}
    .mask{ overflow: hidden; }
    .overlay_wrap img {float: left; margin: 0 1%; width: 227px!important;}
    .overlay_wrap ul li i.fa{ float: left;  margin: 0 5%;color: #fff;font-size: 30px} 
    .overlay_wrap ul li i.fas{ float: left;  margin: 0 5%;color: #fff;font-size: 30px} 

    .navbar { position: relative;z-index: 999; width: 100%; box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);top: 47px;right: 0px}
    .button { position: absolute;top: calc(50% - 11px); right: 4%; height: 22px; width: 30px; cursor: pointer; overflow: hidden; -webkit-transition: opacity .25s ease;  transition: opacity .25s ease;  z-index: 999;}
    .button.active .top {  -webkit-transform: translateY(9px) translateX(0) rotate(45deg); transform: translateY(9px) translateX(0) rotate(45deg);  background: #fff;}
    .button.active .middle_1 { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #fff;}
    .button.active .middle_2 { -webkit-transform: translateX(100%); transform: translateX(100%);background: #fff;}
    .button.active .bottom {  -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg); transform: translateY(-9px) translateX(0) rotate(-45deg);  background: #fff;}
    .button:hover {  opacity: .7;}
    .button span { background:#fff ; position: absolute; top: 0; left: 0; height: 4px; width: 100%; -webkit-transition: all .35s ease;  transition: all .35s ease;}
    .button span:nth-of-type(2) {top: 9px;left: -50%;}
    .button span:nth-of-type(3) {top: 9px;left: 50%;}
    .button span:nth-of-type(4) { top: 18px;}
    .overlay ul li{float: none;}
    .overlay { display: block;position: fixed;top: 0;left: 0;height: 100%;width: 0%;opacity: 0;background: rgba(52,31,151,1)   ; -webkit-transition: opacity .35s ease, visibility .35s ease, width .35s ease; transition: opacity .35s ease, visibility .35s ease, width .35s ease; visibility: hidden; z-index:999;width: 100%}
    .overlay.open { opacity: 1; visibility: visible; width: 100%;}
    .overlay.open li { -webkit-animation: menuFade .5s ease forwards; animation: menuFade .5s ease forwards;
        -webkit-animation-delay: .5s;    animation-delay: .5s;}
    .overlay.open li:nth-of-type(2) { -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(3) {  -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(4) { -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(5) {  -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(6) { -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay nav {width: 100%; position: absolute;height: 80%;top: 0;-webkit-transform: translateY(-40%);  transform: translateY(-40%);
        font-size: 34px;font-family: 'Roboto Slab', sans-serif;font-weight: 400;text-align: center;}
    .overlay ul { display: inline-block;  height: 100%; list-style: outside none none; margin:48px auto 0; padding: 0;  position: relative;    width: 100%;}
    .overlay ul li {float: left; display: block;padding: 12px 2%; min-height: 34px; position: relative; opacity: 0;width: 92%;border-bottom: 1px solid #fff;}
    .overlay ul li a {   font-size: 17px;display: block;position: relative; color: #fff ;text-decoration: none;  overflow: hidden; text-align: left;margin: 7px 0 0 0;text-transform: capitalize;width: auto;float: none}
    .overlay ul li a:hover{color: #f0423c }  
    .overlay_wrap a { float: left;  width: 96%;}

    @-webkit-keyframes menuFade {
        0% {   opacity: 0;   left: -25%;  }
        100% {  opacity: 1;  left: 0;}
    }

    @keyframes menuFade { 0% {  opacity: 0; left: -25%;}
        100% {  opacity: 1;  left: 0;}
    }   
    .overlay_wrap a{color: #fff;text-decoration:none;font-size: 22px;margin-bottom: 30px;}

    /*----------------mobile menu ends here------------------*/
    #demo-2 input[type="search"]{margin: 9px 43px}
    .menu_top .right{float: left}
    .left.phone_head h3, .left.address_head h3, .left.timings_head h3{clear: both;text-align: center}
    .left.phone_head, .left.address_head, .left.timings_head{text-align: center}
    .left.phone_head img, .left.address_head img, .left.timings_head img{margin: 0 auto;float: none;display: table;}
    .search_box, .menu_top ul{margin: 0}


    /*contact us*/
    .contact_form1 input[type="text"] {padding: 10px 0 10px 15%;width: 84%}

}

@media screen and (max-width:599px)
{

/*    home page */
    .outer_section.footer .left, .outer_section.footer .left:nth-child(2n), .outer_section.footer .left.contact_footer{width: auto;clear: both}
    /* contact us */
    .contact_form1, .contact_form2 { margin: 0 1% 40px;width: 98%;}
    .contact_form1.contact_form3 { width: 90%;}
    .contact_us{margin: 0 1% 0px}
    .contact_form{margin-top: 30px}
    .contact_form1 h3{text-align: left;width: 100%;display: block;margin: 0 0 30px}
    .banner_text{margin: 131px 2% 0}
    .banner_text h3{font-size: 36px}
    .call_to_action .left{font-size:  20px}
    .call_to_action .right{margin: 30px 0;float: left}
    .outer_section.featured_courses ul li { width: 74%; margin: 0 auto 20px; float: none; display: table; }
    .outer_section.footer{width: 96%;padding: 40px 2%}
    .about_home .left ul li { width: 94px; height: 93px; border-radius: 66%; font-size: 12px; line-height: 93px; clear: both; margin: 0 auto 20px;   display: table;  float: none;}
    .about_home::before , .about_home .left ul{display: none; }
    .outer_section.featured_courses ul li p{padding: 0 2% 28px;min-height: auto}
    .outer_section.featured_courses ul li h4{min-height: auto}
    .banner{height: auto;}
    .banner_text {margin: 131px 2% 44px;}
}

@media screen and (max-width:479px)
{





}

@media screen and (max-width:450px)
{


}

@media screen and (max-width:320px)
{

}