body
  {font-family: 'open_sansregular';}
  

    /*new section*/
    .black-div
    {background-color:#333841;height:10px;width:100%;position:fixed !important;top:0px;left:0px;
        z-index:26 !important;}

   .small-black-div
   {border-top:30px solid #333841;
    border-left:30px solid transparent;
    border-right:0px solid transparent;
    height:0;
    width:500px;
    position:fixed !important;top:10px !important;right:0px !important;
    z-index:10000 !important;}

    .small-black-div p
    {position: fixed;top:10px;right:0px;z-index: 10002 !important}

    .small-black-div .span-social
    {position: fixed;top:9px;right:0px;width:400px;}

    #call, #connect
    {color: #1cc7c9 !important;font-size: 14px;float: right}

    #line
    {float:right;margin-right: 2%;margin-left:2%;}

    #connect
    {width:210px;}

    #connect a:hover, #connect a:focus
    {color:#1cc7c9 !important; }

    .fb, .tw 
    {margin-right: 2.2%;color: #83868c !important;}

    .gp
    {margin-right:30px;color: #83868c !important;}



    /*navigation*/

    #navigation
    {padding-bottom:0px !important;position: fixed;top:10px;left:0px;}

    .navbar
    {border:none !important;}

    .navg
    {padding-top: 0px !important;padding-bottom: 0px !important;z-index:20 !important;margin-bottom: 0px;}

    .navg .site-logo
    {padding-top:3.4px;}

    .navg .site-logo img
    {margin-top:-4.2px;}

    #menu
    {background-color:#e5e7da !important;margin-top:.5px;}

    .menu-ul
    {background-color:#e5e7da !important;margin-right:0px !important;margin-top:.5px !important;}

   #navigation {
    background: #fff;
    z-index: 9999;
    width:100%;
    box-sizing:border-box;
    border-bottom: 1px solid #eee;
    box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1);
}



    #navigation,.menu-cont ul
    {background-color:#e5e7da;font-family: 'open_sanslight';}

    .menu-ul li a
    {padding-top:12.3px !important;padding-bottom:15px !important;letter-spacing: 0px !important;color: #333841}

    .menu-cont
    {margin-top:42px !important;}

    .menu-cont a
    {padding-bottom:0px !important;padding-top:9px !important;font-size: 18px !important;font-weight:bold !important;
    }

     .menu-cont a:hover
     {background-color: #e5e7da !important;color:#0096ce !important;}

     .nav .open>a, .nav .open>a:hover, .nav .open>a:focus 
     {background-color:#e5e7da !important }

     

    .more-button
    {background-color: #0096ce;border-color:#0096ce;}


    
    .menu-ul li a
    {font-size:17px !important;text-transform: capitalize !important;font-weight:200!important;
    padding-left:15px;padding-right: 15px; }



    /*drop-down menu*/

   .navbar-custom ul.nav ul.dropdown-menu {
    border-radius: 0;
    margin-top: 21px;
    border-top: none;
}

   .navbar-custom ul.nav ul.dropdown-menu li {
    border-bottom: 1px solid #f5f5f5;
    }

    .navbar-custom ul.nav ul.dropdown-menu li a:hover {
    background: white !important;
}


    .dropdown-menu
    {background-color:#d2d7b8 !important}

    .dropdown-menu li a:hover
    {color:#148eb8 !important;}


    /*slider section*/
    .flt-logo
    {width: auto !important;height: auto !important;
     position: absolute;bottom:50px;left:10%}

    .slide-cont
    {padding-top:100px;padding-right: 0px;padding-left: 0px;}

    .indicators li
    {border-color:#1cc7c9;}

    .indicators li.active
    {background-color:#1cc7c9;border-color:#1cc7c9;}


    .carousel-inner
    {overflow: hidden !important;}


    .item
    {margin:0px;}

    .carousel-inner img
    {}

    
    .carousel-caption
    {font-family: 'open_sansregular';color:black !important;text-shadow:none !important;
    /*text-transform: capitalize !important;*/
    text-align:justify;
    left:10%;
    top:70px;
    }


    .carousel-caption .p1
    {font-size:18px;}

    .carousel-caption .p2
    {font-size:55px;font-family: 'open_sanslight';margin-left:-4px !important;}

    .carousel-caption .p3
    {font-size:15px;margin-top:-10px;}

    .carousel-caption .p3 a
    {color:black !important;}


    .carousel-caption .sec-p1
    {font-size:20px;color:#571d00;padding-left: 33%}

    .carousel-caption .sec-p2
    {font-size:32.33px;line-height:36px;color:#571d00;font-family: 'open_sanslight';}

    
    .carousel-caption .thr-p1
    {font-size:27.59px;color:#ff4800;font-family: 'open_sanslight';padding-left:21.8%;margin-bottom:26px;}

    .carousel-caption .thr-p2
    {font-size:58.82px;color:#ff4800;font-family: 'open_sanslight';margin-bottom:36px;}

    .carousel-caption .thr-p3
    {font-size:19.87px;color:white;font-family: 'open_sanslight';padding-left:13.4%;width:80%;}


    .caption4 p
    {background-color:#029def;width:55%;font-size:16.58px;margin-bottom:10px;padding-top:3px;padding-bottom: 3px;
        text-align: center !important;color:white;}
   
    .caption4 .right
    {float:left;background-color:;padding-top:0px;padding-left:20px;font-size:23px;}

    .caption4 .left
    {float:right;background-color:;padding-top:0px;padding-right:20px;font-size:23px;}



    .carousel-content {
    color:black;
    display:flex;
    align-items:center;
}

#text-carousel {
  width: 100%;
  height: auto;
  padding: 50px;
}

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }

    /*section courses*/
    #courses
    {padding-bottom: 2px;padding-top: 2px;display:none;
      z-index:10;background-color:;position:absolute;top:415px;left:0px;right:0px;}

    .col-courses
    {padding-left:39px;width:220px;}

    .course-img
    {margin: 0 auto}

    .owl-theme .owl-controls 
    {margin-top:0px !important;}

    #owl-works .item
    {border-right:3px solid #b4b6ba;background-color:white !important;}

    #owl-works 
    {border:3px solid #b4b6ba;}



     /*latest news*/
     .news
     {padding-left:9%;padding-right:9%;padding-top:10px;padding-bottom:10px;background-color:#31363f}

     .news-span1
     {color:white;width:100% !important}

     .news-span2
     {float:left !important;font-size:18px;width: 20%;}

     .marquee
     {float:right;width:80%}

     .news .a-news
     {color:white !important;font-size:18px;margin-right:15px;/*margin-right:90%;*/}

     .news .a-news:hover
     {/*color:#e5e7da !important;*/text-decoration: none;color:#36e7f0 !important;}



    /*about*/
    #home-about, #sectionlast
    {background-color: #e5e7da}

    .no-padding
    {padding-right: 0px;padding-left: 0px}

    .r-row
    {margin-left: 0px;margin-right: 0px}

    .gen-cont
    {padding-left: 30px; padding-right: 30px;}

    .gen-cont-pad-up
    {padding:30px 15px;}

    p.gen-para
    {
    color: #31363f;
    font-size: 17px;
    line-height: 34px;
    font-family: 'open_sansregular';}

    .home-h1
    {color: #00b1ba;font-weight: bold;margin-bottom: 15px}





    /*magic square style*/
.text-col1,.text-col2,.text-col3,.text-col4,.text-col5
{padding-bottom:20px;padding-top:20px;}

.text-thumb
{:width:280px;height:240px;margin:0 auto;}

.thumbnail
{margin-bottom: 0px;border:none;}

.image-col
{padding-left:0px;padding-right:0px;}

.image-thumb1,.image-thumb2,.image-thumb3,.image-thumb4
{background-repeat: no-repeat;background-size: cover;
      background-position: center center;:width:320px;height:280px;margin:0 auto;padding:0px;}

.image-thumb1
{background-image:url('../img1/girl10.jpg');}

.image-thumb2
{background-image:url('../img1/Students6a.jpg');}

.image-thumb3
{background-image:url('../img1/teacher1a.jpg');}

.image-thumb4
{background-image:url('../img1/group1a.jpg');}


.black-row
{:width:320px;height:280px !important;background-color:rgba(0,0,0,.7);margin:0px;text-align:center;}

.black-row:hover
{background-color:rgba(0,0,0,0);}

.black-row:hover svg
{display: none;}

.black-row svg
{color:white;font-size:80px;margin-top:7vw;}

.text-col1,.color1
{background-color:#088389}/*#99970d*/

.text-col2,.color2
{background-color:#00b1ba}/*#767510*/

.text-col3,.color3
{background-color:maroon }/*maroon*/

.text-col4,.color4
{background-color:#00b1ba }/*#767510*/

.text-col5,.color5
{background-color:#088389 }/*#99970d*/

.caption p
{color:white;font-size:15px; }

.color1 p,.color2 p
{margin-top:9%;/*margin-bottom:9%;*/}

.color3 p
{margin-top:13%;/*margin-bottom:13%;*/}

.color4 p
{margin-top:75px;margin-bottom:21%;}

.color5 p
{margin-top:95px;margin-bottom:34%;}

.mg-h3
{font-size: 22px;color:white;font-weight: bold;text-align: right;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);padding-bottom: 10px;}

.more
{color:white;font-style: italic;text-decoration: none !important;}

.more:hover
{color: white;}




/*message*/
#message
{background-image: url(../img/images/director-image.jpg);background-size: cover;background-repeat: no-repeat;
background-position: center;background-attachment: fixed;}

.message-cont
{padding-top: 40px;padding-bottom: 40px}

.cover
{background-color: rgba(255,255,255,.6);padding: 20px 30px}

#message p
{font-family: 'overlockbold_italic';font-size: 19px;color:#088389;margin-bottom: 0px}

#message p span
{font-size: 25px !important}

#message p.director-name
{font-size: 28px;font-weight: bold;line-height: 28px;margin-top: 20px;font-family: 'overlockblack';
letter-spacing: 1px;color:#088389;}

#message p.church, #message p.director
{font-family: 'overlockregular';font-size: 18px;color:#088389;}

#message p.director
{font-size: 19px}

.hr
{width: 20vw;height: 1px;background-color: #088389; margin-bottom: 10px;border-top:0px;}




/*placed students*/

#owl-car2 .item {
    background-color: #ebf9cc;
    border:1px solid #d5ea9c;
    border-bottom: none !important;
    padding-top: 15px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 8px -6px black;
    -moz-box-shadow: 0 5px 8px -6px black;
    box-shadow: 0 5px 8px -6px black;
    margin-bottom: 8px
}


#owl-car2 .owl-item img {
    width:80%;
    height: auto;
    display: block;
    border: 4px solid white;
    margin: 0 auto;
}

#owl-car2 .item div .placementname {
    background-color: #ff5b24;
    color: white !important;
    margin-bottom: 0px;
    margin-top: 10px;
    font-family: 'overlockbold';
    font-size: 18px;
    padding: 3px 2px;
}


.placementcourse {
    padding:4px 2px;
    margin-bottom: 0px;
    line-height: 18px;
    font-size: 13px;
    text-transform: capitalize;
    background-color: rgba(255,255,255,.8);
    border-bottom: 1px solid silver;
}

/* Achievement page css */

    img.custom-image{
        margin: 0 auto;
        height: 180px;
  }
  .cusitem {
    background-color: #ebf9cc;
    border: 1px solid #d5ea9c;
    border-bottom: none !important;
    padding-top: 15px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 8px -6px black;
    -moz-box-shadow: 0 5px 8px -6px black;
    box-shadow: 0 5px 8px -6px black;
    margin-bottom: 8px;
}
.achievement {
    background-color: #ff5b24;
    color: white !important;
    margin-bottom: 0px;
    margin-top: 10px;
    font-family: 'overlockbold';
    font-size: 18px;
    padding: 3px 2px;
}

.owl-dots
{display: none;}

.owl-nav
{position: absolute;width: 100%;top:6.5vw; display: block !important}

.owl-carousel .owl-nav .owl-prev
{float: left;width:35px;height:35px;}

.owl-carousel .owl-nav .owl-next
{float: right;width:35px;height:35px;}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next
{border-radius: 100%;border:none;
    background-color: rgba(255,255,255,.8);outline: none;font-size: 22px;
    font-weight: bold;line-height: 20px;color:rgba(0,0,0,.6);
    -webkit-box-shadow: 0 5px 8px -6px black;
    -moz-box-shadow: 0 5px 8px -6px black;
    box-shadow: 0 5px 8px -6px black;}

.owl-carousel .owl-nav .owl-prev:hover
{background-color: rgba(255,255,255,1);}

.owl-carousel .owl-nav .owl-next:hover
{background-color: rgba(255,255,255,1);}

     /*#section2*/
     #section2
     {margin-top:80px;}

     .img-para
     {text-align:center;}

     .father
     {border:3px solid #bdbdbd;margin:0 auto !important}

     .sign
     {float:right}

     #section2 h6
     {text-align: center;font-size:22.93px;line-height: 29px;}

     #section2 p
     {background-color: ;text-align: justify;color:#31363f;font-size:17px;line-height: 36.68px;
        font-family: 'open_sansregular';
     padding-left:20px;padding-right:20px;
   }
  
    .border-para
    {border-right: 3px solid #008ecf;padding-right: 40px !important;}

    .border-para2
    {padding-left:10px !important;}

    .coln-left
    {float:left;font-size:62.1px;color:#ededed;}

    .coln-right
    {float:right;font-size:62.1px;color:#ededed;margin-top:10px;}

    .blue-line
    {margin-top:9px;}

    .blue-line1
    {margin-bottom:45px;}



    /*sectionlast*/
    #sectionlast
    {background-attachment: fixed;
    background-position: center;background-size: cover;}

    #sectionlast .container-fluid
    {/*background-color:rgba(60,60,60,.6);*/padding-top: 40px;padding-bottom: 40px;}

    #sectionlast svg
    {float:left;margin-right:20px;font-size:30px;
    border-radius:100%;color:orange;}

    #sectionlast p
    {float:left;color:black;font-size:16px;margin-top:3px;margin-bottom: 3px}

    .list-col
    {margin-bottom: 8px;margin-top: 8px}




    /*section4*/
    
    #section4
    {padding-bottom:35px;padding-top:35px;}

    #section4 .container
    {width:70%;}

    #section4 h4, .plc-heading
    {background-color:#ff5b24;color:white;font-size:17.09px;text-transform:uppercase;font-weight:500 !important;
      text-align:center;width:40%;margin:0 auto;padding-top:12px;padding-bottom: 12px;margin-bottom:33px;}

    #section4 h5
    {font-size:17.6px;color:#333841;text-align: center;margin-top:20px;text-transform: uppercase;}

    #section4 .photos
    {text-align:center;}

    #section4 .photos img
    {border:8px solid #d0d0d0;}




    /*about*/
    .inner-h2
    { color: #00b1ba; font-weight: bold;letter-spacing: -.6px}

    .img-r-div
    {float: right;}

    .img-r
    {float: right;margin: 15px 0px 15px 30px; padding: 2px;
    border: 1px dotted #572a24;}

    .main-ul
    {list-style-type: none; padding-left: 0px !important; font-size: 17px; line-height: 34px;}

    .main-ul li
    {position: relative;padding-left: 18px; text-align: left}

    .main-ul li svg
    {color:#ff5b24;position: absolute;left: 0px;top:10px; }

    

    #director-message p
    {font-family: 'overlockbold_italic';}


    #director-message p.director-name {
    font-size: 23px;
    font-weight: bold;
    line-height: 23px;
    margin-top: 20px;
    font-family: 'overlockblack';
    letter-spacing: 1px;
    }

    #director-message p.church, #director-message p.director {
    font-family: 'overlockregular';
    font-size: 18px;}

    #director-message hr
    {margin-top: 5px}

    #director-message p.director {
    font-size: 19px;}

    #director-message p.church
    {margin-bottom: 0px}




    /*our-partners*/
    #our-partners .memb-name
    {font-size: 20px}

    #our-partners .memb-detail {
    font-size: 15px;
    line-height: 24px;}

    #our-partners .team-col
    {height: auto;}

    #our-partners .team-col img
    {-webkit-box-shadow: 0px 4px 26px 3px rgba(205, 205, 205, 1);
    -moz-box-shadow: 0px 4px 26px 3px rgba(205, 205, 205, 1);
    box-shadow: 0px 4px 26px 3px rgba(205, 205, 205, 1);padding: 10px}


    /*admission*/
    .new-batch
    {color: #ff5b24}



    /*gallery*/
    .new-carousel-gal .item
    {background-image: url(../img/images/in-slide.jpg);background-position: center; background-size: cover; 
        background-repeat: no-repeat;height: 200px}

    .new-caption
    {color: rgba(255,255,255,.9) !important;text-align: center;width: 100%;height: 100%;  font-weight: bold;
        display: table;position: absolute;font-weight: bold !important;  font-family: 'overlockblack';
   }

    .new-caption h1
    {margin-top: 0px !important; margin-bottom: 0px !important;display: table-cell;vertical-align: middle;font-size: 45px;
        letter-spacing: 1px}

    .img-div {
    position: relative;
    transition: .4s;
    /*margin-bottom: 15px;*/
    margin-top: 15px;
    }

    #gallery .ofr-img
    {height: 155px}

    .ofr-img {
    margin: 0 auto !important;
    display: block;
    width: 100%;
    height: auto;}

    .car-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 0px;
    left: 0px;
    color: white;
    transition: .4s;
    }

    .overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    position: absolute;
    top: 0px;
    left: 0px;
    color: white;
    transition: .4s;
    }


    .gallery-name
    {height: 61px;
     width: 100%;
     position: relative;
     vertical-align: middle;
     background-color: rgba(242,242,242,.4);color: #eb5c1e;
     font-size: 14px; text-align: center !important;
     display: -webkit-inline-flex;-webkit-align-items: center; 
     justify-content: center;align-items: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;display: inline-flex; 
     margin-bottom: 10px;
     border-right:1px solid #e6e6e5;border-left:1px solid #e6e6e5;
     border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;
     padding: 5px 8px 8px 8px;line-height: 21px;
    }

.bottom 
{ box-shadow: 0 5px 5px -5px #333;}

    .img-div:hover .link span svg
    {background-color: #ff5b24; transition: .4s;}

    .learn-div {
    width: 100%;
    height: 100%;
    }

    .link {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    display:table;
    }

    .link span
    {display: table-cell;vertical-align: middle;}

    .link span svg
    {font-size: 22px !important;width: 50px !important;height: 50px !important;background-color: #00b1ba;padding: 12px;
    color:white;transition: .4s;}

    .fancybox-lock .fancybox-overlay
    {z-index: 30001;background-color: rgba(0,0,0,.4)}




    /*contact*/

    .visit-para
    {font-family: 'overlockbold'; font-size: 21px;margin-bottom: 5px}

    .ad-para
    {font-size: 15px;line-height: 25px;color:#4d4d4d;}
 
    #contact .form-control {
    border-radius: 0px !important;
    background-color: #f2f2f2;
    border: none;box-shadow: none;}

    .cost-form {
    box-shadow: none;
    margin: 10px 0px;

    font-size: 15px;}

    .send {
    font-size: 15px;
    background-color: #00b1ba;
    color: white;
    padding: 0px 20px;
    padding-left: 25px;
    height: 40px;
    line-height: 36px;
    text-decoration: none !important;
    border: none;
    display: inline-block;
    text-transform: capitalize;
    border-radius: 20px;margin-bottom: 10px;transition: all .4s ease;
    }

    .send:hover
    {background-color: #ff5b24;} 

    #contact textarea
    {margin: 10px 0px;}

    .iframe-row iframe
    {width: 100%;height: 240px;margin-top: 20px}


    /*team*/
    .team-col
    {background-color: #f5f2ee !important;
    /*height: 380px;*/
    height:auto;
    position: relative;
    perspective: 800px;
    overflow: visible;
    padding: 30px 5px;
    margin-bottom: 15px;
    border-bottom: 3px solid #eb5c1e;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    }

    .memb-name {
    font-family: 'overlockbold';
    font-size: 16px;
    padding-top: 15px;
    margin-bottom: 5px;
    color: #eb5c1e;
    }

    .memb-pos {
    margin-bottom: 5px;
    color: black;
    font-size: 13px;
    }

    .team-small-hr {
    background: #088389;
    margin: 10px auto 10px;
    border: none;
    height: 1px;
    width: 50px;
    }

    .memb-detail {
    font-size: 13px;
    padding: 15px 15px;
    }

    .img-m {
    padding: 5px 0px;}
    
    .img-o {
    margin: 0 auto;}

    .img-round {
    border-radius: 8px;}

    .memb-img
    {border: 1px solid white;}


     /*footer*/
     .powered-by a
     {text-decoration: none !important;}
     
     #footer1
     {background-color:#333841 !important;padding:0px;}

     #footer1 .foot-div1
     {background-color:;font-size:17.09px !important;font-weight:500 !important;font-family: 'open_sanslight' !important;}
     
     .foot-border1
     {border-right: 2.5px solid white;margin-top:55px;}

     .foot-border2
     {border-left: 2.5px solid white;margin-top:55px;padding-left:20%}


     #footer1 .foot-div1 h4
     {font-size:17.09px;color:#34ad60;font-weight:700;margin-bottom:24px;text-align: center}

     .partner
     {color:white !important}

      #footer1 .foot-div1 p
      {font-size:15px;color:white;margin-bottom: 12px;}

      .logo-hold
      {background-color: white;width:70%;text-align:center;margin:0 auto;padding-bottom: 48px;padding-top: 48px;}

      .angle-para
      {height:18px;background-color: white;
        
      
    border-top:20px solid white;
border-left:20px solid transparent;
border-right:20px solid transparent;
height:0;
width:100%;background-color:#333841;margin-bottom:40px !important;
    }
    
    .quick-links p a
    {color: white !important;text-decoration: none !important;}

    .quick-links p a:hover
    {text-decoration: underline !important;}


/*footer-below*/
    .footer-below
    {background-color:#24282e;color:#34ad60;padding-top: 5px;font-size:15px !important;}

    .footer-below p
    {font-weight:500 !important;margin-bottom: 5px;}

    .footer-below span
    {font-weight:300 !important;}

    .little-span,.span-srv
    {color:white}

    .powered-by
    {text-align:right;}



/*innerpage*/
.about
{margin-top: 30px;margin-bottom: 30px;}

.about h1
{font-size: 28px;color:#1cc291;font-family: 'open_sansregular'; }

.about p
{font-size: 17px;color:#484949;line-height: 36.68px;text-align: justify;font-family: 'open_sansregular';
margin-top: 5px;margin-bottom: 5px;}

.about img
{padding:12px 3px 3px 3px;}



/*innerpage vision*/
.slide-car h2
{position:absolute;top:40px;left:8%;font-weight: bold;color:#360804;font-size:26px;line-height: 1.7}

.navbar-collapse {
max-height: auto !important;}



/*collapsing navbar earlier*/
    @media (min-width: 768px) and (max-width: 991px) {
        .navbar-nav .open .dropdown-menu {
            position: static !important;
            float: none;
            width: auto;
            margin-top: 0;
            
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px !important;
        }
        .dropdown-menu > li > a {
            display: block;
            padding: 3px 20px !important;
            clear: both;
            
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap;
            
            
        }
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;margin-right:0px;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;

        }
        .navbar-nav {
            float: none!important;
        
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }

        #myNavbar
        {width:100%;}

        .navbar-nav>li>.dropdown-menu 
        {width:100% !important;}


        /* since 3.1.0 */
      .navbar-collapse.collapse.in { 
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
    }



    /*slide caption font-size*/
     @media (max-width: 1200px) {
    .sy-caption-wrap .sy-caption {
        display:none !important;
        font-size:25px;
        color:orange;
        left:-100%   !important;
    }
}

    
     @media (min-width: 992px) and (max-width: 1170px){
    .menu-ul li a
    {font-size: 14px !important;padding-left: 8px;padding-right: 8px;}

    .menu-cont
    {width: 60%;float: right;}

    .caption p
    {font-size: 15px;}

    }

     @media (min-width: 992px) and (max-width: 1129px){
    .carousel-caption
    {top:7vw;left:4%;padding-top: 0px}

    .flt-logo
    {left: 4%}

    .carousel-caption .p1, .carousel-caption .p3, .carousel-caption .sec-p1
    {font-size: 14px}

    .carousel-caption .thr-p1, .carousel-caption .thr-p3 
    {font-size: 18px;padding-left: 0%;}

    .carousel-caption .thr-p1
    {margin-bottom: 10px;}

   .carousel-caption .thr-p2
   {font-size: 40px;margin-bottom: 20px;}

    .carousel-caption .p2, .carousel-caption .sec-p2
    {font-size: 30px}

    .carousel-caption .sec-p2, .carousel-caption .sec-p1
    {padding-left: 0% !important}

    #courses 
    {top:280px;}

   }

   
   @media (max-width: 1099px) {
    .owl-nav
    {display: block !important;}
   }
  
 

    @media (max-width: 991px) {
    .list-h2
    {text-align: left !important}

    .img-r-div
    {float: none;text-align: center;}

    .inner-h2
    {text-align: left;}

    .img-r
    {float: none;margin: 0 auto !important;margin-bottom: 10px !important;margin-top: 5px !important}

    .vis-mis
    {margin-bottom: 20px}

    .span-social
    {padding-left: 15px;padding-right: 15px}

    .gp
    {margin-right: 0px}

    #connect {
    width: 179px;}

    .small-black-div
   {width: 100%;border-left: none;}

    .navbar-custom ul.nav ul.dropdown-menu
    {margin-top: 0px}

    .navbar-collapse {
    max-height: auto !important;}
   
    .logo-div
    {width: auto;float: left}


    #menu
    {padding-top: 20px;}
    
    .about img
    {text-align: center !important;margin: 0 auto !important;}

    .about h1
    {
        text-align: center !important;margin: 0 auto !important;
        margin-top: 20px !important;margin-bottom: 10px !important;}
   
    #footer1 .foot-div1 p
    {text-align: center;}

    .foot-border1 
    {border-right: none;}

    .foot-border2
    {border-left: none;padding-left: 0%}

    .angle-para
    {display: none;}
   
    .menu-ul
    {margin:0 auto !important;float: none !important;}

    .menu-cont
    {margin-top: 5px !important}

    .navg .site-logo a
    {margin: 0 auto !important;text-align: center !important;}

        .row-top-color
        {margin-top: 35px;}


        #logoa
        {margin-right: 0% !important;margin-left: 0% !important}  

         #call
        {float:left;}

        .span-social
        {width:100% !important;} 

    }


    @media (min-width: 768px) and (max-width: 991px){

    .black-row svg
    {margin-top: 11.5vw;}

    #menu ul li a, .dropdown-menu>li>a {
        font-size:14px !important;
    }
     
     .navbar-collapse
     {margin-top: 20px !important}

    .navbar-header 
    {margin-top: -78px !important}


    .slide-cont 
    {padding-top: 144px;}

    .carousel-caption
    {top: 5.3vw;left:4%;padding-top: 0px}

    .flt-logo
    {left: 4%;top:25.3vw;width:150px !important;height: auto;}

    .carousel-caption .p1, .carousel-caption .p3, .carousel-caption .sec-p1
    {font-size: 14px}

    .carousel-caption .p2 
    {font-size: 30px}

    .carousel-caption .sec-p2
    {font-size: 26px}

    .carousel-caption .sec-p2, .carousel-caption .sec-p1
    {padding-left: 0% !important}

    .carousel-caption .thr-p1, .carousel-caption .thr-p3 
    {font-size: 18px;padding-left: 0%;}

    .carousel-caption .thr-p1
    {margin-bottom: 10px;}

   .carousel-caption .thr-p2
   {font-size: 40px;margin-bottom: 20px;}


    #courses 
    {top:380px;}
}


     @media (max-width: 767px) {
    .new-carousel-gal .item
    {height: 130px;}

    .new-caption h1
    {font-size: 38px;}

    .border-para {
    border-right: none;padding-left: 15px !important;padding-right: 15px !important}

    .sy-caption-wrap .sy-caption {
        font-size:16px;
    }

    .navbar-toggle
    {margin-right: 0px;padding: 9px 15px}

        .navbar-header {
    margin-top: -55px !important;}

    .navbar-nav .open .dropdown-menu {
    position: static !important;}

      .row-top-color {
       margin-top: 30px !important;}

}
  
   @media (max-width: 600px) {
    .news-span2
    {display: none;}

    .marquee
    {width: 100%}

   }


    @media (max-width: 500px) {
    .team-div
    {width: 100%}

    .team-col
    {height:auto;}

    .gal-col
    {width: 100%}

    #gallery .ofr-img
    {height: auto;}

    .navbar-toggle {
    margin-top: 20px !important;}

    .row-top-color {
    margin-top: 28px !important;}

    .small-black-div {
    border-top: 25px solid #333841;}

    #logo
    {width: 235px !important; height: auto;}

    .navbar-toggle
    {margin-right: 0px}

    .menu-ul li a {
    font-size: 14px !important;}

    #call
    {margin-right: 10px !important;font-size: 12px}

    #connect
    {width: 146px !important;font-size: 12px}

    #line
    {margin-right: 10px; margin-left: 0%; }

    .gp
    {margin-right: 0px !important}

    .span-social
    {padding: 0px 15px}

    .menu-cont
    {padding-left: 0px;padding-right: 0px}

    .menu-ul li a {
    padding-bottom: 12.3px !important;}

    }

    @media (min-width: 530px) and (max-width: 767px){
     .black-row svg
     { margin-top: 14vw;}
    }

   @media (min-width: 501px) and (max-width: 767px){
    .navbar-toggle {
    margin-top: 25px !important;
}
}


     /*display none logo-part*/
     @media (max-width: 768px) {
    #navigation .logop {
        display:none !important;
    }
}


    @media (max-width: 767px) {
    #menu a
    {padding-bottom:8px !important;}

     .site-logo img
    {width:250px;height:59px;}

    .slide-cont {
    padding-top: 98px !important;}

    .dropdown-menu {
        position:absolute !important;
        top:20px !important;
        right:0px !important;
    }


}


     @media (min-width: 768px) {
    .dropdown-menu {
        position:absolute !important;
        top:25px !important;
        right:-60% !important;
    }
}


 @media (max-width: 900px) {
    .slide-car h2
    {display: none;}
 }


    @media (max-width: 767px) {
        .cost-form, #contact textarea {
        margin: 6px 0px;}

        #logoa img
        {width: 255px !important;height: auto;}

        #logo-div
        {float: left !important}

        .menu-cont
        {position: absolute;top:63px;right: 0px;width:100%;height: auto; padding-left: 0px; padding-right: 0px;}

        .navbar-header i
        {font-size: 22px;}

        .carousel-caption
        {display: none;}
    }


    @media (max-width: 529px) {
    .image-col
    {display: none;}

    .vis-mis, .batch, .text-col1, .text-col3
    {width: 100%}

    }


    @media (max-width: 526px) {

    .menu-cont
    {position: absolute;top:26px;right: 0px;width:100%;height: auto;}   

    .navbar-header {
    margin-top: -15px !important;}

   .navbar-toggle {
    margin-top: 25px;}

    .above-nav .col6 p
    {height: 60px !important;background-color: #333841;}

    .row-top-color
    {margin-top: 32px}

    .slide-cont 
    {padding-top: 90px;}


    }


   @media (min-width: 426px) and (max-width: 600px){
    .flt-logo
    {left: 30px;bottom:25px;width:150px !important;height: auto;}

    .main-ul li svg
    {top:8px;}

     .home-h1
    {font-size: 30px}

    .inner-h2
    {font-size: 23px}

    p.gen-para, #sectionlast p, .send, .main-ul {
    font-size: 15px;
    line-height: 26px;
    text-align: justify;}

    .gen-cont {
    padding-left: 0px;
    padding-right: 0px;}

   }


   @media (min-width: 501px) {
   .memb-img{min-height:157px;}
   }


   @media (max-width:426px) {
    .link span svg
    {width: 35px !important;
    height: 35px !important;padding: 6px;}

    #gallery
    {padding-left: 0px; padding-right: 0px}

    .vis-mis, .batch, .col-426
    {padding-left: 0px;padding-right: 0px}

    .text-col1, .text-col3
    {padding: 0px}

    .message-cont
    {padding: 20px 0px}

    .cover
    {padding:15px;}

    .gen-cont {
    padding-left: 15px;
    padding-right: 15px;}

   }

   
   @media (max-width:426px) {
    .new-caption h1 {
    font-size: 33px;}

    .new-carousel-gal .item {
    height: 80px;}

    .foot-border1, .foot-border2
    {margin-top: 30px;}

    #sectionlast .container-fluid
    {padding-top: 20px;
    padding-bottom: 20px;}

    #message p
    {font-size: 15px;}

    #message p.director-name
    {font-size: 20px}

    #director-message p.director-name
    {font-size: 18px;margin-top: 0px;margin-bottom: 0px}

    .hr 
    {margin-top: 2px; width: 150px;}

    #message p.church, #message p.director
    {font-size: 16px;}

    #director-message p.church,  #director-message p.director
    {font-size: 15px;}

    .home-h1
    {font-size: 24px}

    p.gen-para, .main-ul 
    {font-size: 13px;
    line-height: 24px;text-align: justify;}

    #our-partners .memb-detail
    {font-size: 13px;
    line-height: 24px;}

    #our-partners .team-col img
    {width: 230px; height: auto;}

    .main-ul li svg
    {top:7px;}

    .main-ul li 
    {padding-left: 15px;line-height: 22px;margin-bottom: 5px}

    .footer-below {
    font-size: 12px !important;}

    #footer1 .foot-div1 p {
    font-size: 12px;}

    #footer1 .foot-div1 p {
    text-align: center;}

    #section2 p
    {font-size: 13px;
    line-height: 24px;}

    .gen-cont-pad-up
    {padding: 15px 0px;}

    .col-425, .std-col
    {padding-left: 0px;padding-right: 0px}

    .flt-logo
    {left: 30px;top:20px;width:110px !important;height: auto;}

    .color3 p
  {margin-top: 4% !important;}

  .color5 p
  {margin-top: 100px !important;}

  .caption p
  {font-size: 14px;}

   }


    @media (min-width: 375px) and (max-width: 768px){

    .about h1
    {font-size:20px; } 

    .about p
    {font-size:14px;line-height: 33px}

    .about
    {margin-top: 5px}

    #footer1 .foot-div1 h4
    {font-size:16px ;}

    }



    @media (max-width: 374px) {
    .about h1
    {font-size:14px; } 

    .about p
    {font-size:12px;line-height: 26px}

    .about
    {margin-top: 5px}

    #footer1 .foot-div1 h4
    {font-size:14px ;}

    .footer-below 
    {font-size:11.2px !important;}

    }


   @media (max-width: 767px) {
    #section4 h4, .plc-heading {
        width:100%; 
    }
  }


    /*footer*/

     @media (max-width: 991px) {
    .foot-div1 p {
        text-align:center; 
    }

    .foot-div1 .angle-para{
    display:none;
    }


    .foot-border1{
    border:none;
    }
    
    .foot-border2 {
    padding-left:0%;
    border:none;
    }
}


/*footer-below*/
 @media (max-width: 767px) {
    .footer-below,.powered-by {
        text-align:center; 
    }
}



    /*small carousel*/

     @media (max-width: 833px) {
    #courses {
        top:180px !important;
    }
}


     @media (max-width: 552px) {
    #courses {
        top:150px !important;
    }
}


     @media (max-width: 505px) {
    #courses {
        top:120px !important;
    }
}


    @media (min-width: 426px) and (max-width: 991px){
    .owl-nav
    {top: 11vw;}

    }

    @media (max-width: 425px) {
    .inner-h2
    {font-size: 20px}

    .list-col {
    margin-bottom: 0px;}
    
    #owl-car2 .owl-item img
    {width: auto;}

    .owl-nav
    {top: 28.5vw;}

    #sectionlast svg{
    margin-right: 5px; margin-left: 10px; font-size: 32px;padding: 0px 0px 10px 0px}

    #sectionlast p, .ad-para, .cost-form, #contact .form-control, .send
    {font-size: 13px !important;}

    .ad-para
    {line-height: 22px}

    .visit-para
    {font-size: 19px}

    #sectionlast .col-xs-12
    {padding-left: 0px;padding-right: 0px}

    .iframe-row iframe
    {height: 180px}

  }


     @media (max-width: 374px) {
    #courses {
        top:100px !important;
    }
}