@charset "utf-8";
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
      font-family: 'Poppins';
     box-sizing:border-box;
}
 body {
     text-decoration: none;
     background:#fbf7ec !important;
      font-family: 'Poppins';
     font-size:16px;
     
     color:#505050;
}
html {
  scroll-behavior: smooth;
}
 .c1 {
     background-color:#fff !important;
     color:#333 !important;
}
 .fa-rotate-90 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
     transform: rotate(90deg);
}
  

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.html');
    src: url('../fonts/Poppins-Boldd41d.html?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold-2.html') format('woff2'),
        url('../fonts/Poppins-Bold-3.html') format('woff'),
        url('../fonts/Poppins-Bold-4.html') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBoldd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Lightd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Light.html') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff'),
        url('../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regulard41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Mediumd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-SemiBold.eot');
     src: url('../fonts/Poppins-SemiBoldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
     font-weight: 600;
     font-style: normal;
     font-display: swap
}
 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-Regular.eot');
     src: url('../fonts/Poppins-Regulard41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
     font-display: swap
}
 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-Medium.eot');
     src: url('../fonts/Poppins-Mediumd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
     font-display: swap
}

@font-face {
    font-family: 'Outfit-Regular';
    src: url('../fonts/Outfit-Regular.eot');
    src: url('../fonts/Outfit-Regulard41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Regular.html') format('woff2'),
        url('../fonts/Outfit-Regular.woff') format('woff'),
        url('../fonts/Outfit-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Outfit-Black';
    src: url('../fonts/Outfit-Black.eot');
    src: url('../fonts/Outfit-Blackd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Black.woff2') format('woff2'),
        url('../fonts/Outfit-Black.woff') format('woff'),
        url('../fonts/Outfit-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit-Light';
    src: url('../fonts/Outfit-Light.eot');
    src: url('../fonts/Outfit-Lightd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Light.woff2') format('woff2'),
        url('../fonts/Outfit-Light.woff') format('woff'),
        url('../fonts/Outfit-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Outfit-Medium';
    src: url('../fonts/Outfit-Medium.eot');
    src: url('../fonts/Outfit-Mediumd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Medium.woff2') format('woff2'),
        url('../fonts/Outfit-Medium.woff') format('woff'),
        url('../fonts/Outfit-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Outfit-Bold';
    src: url('../fonts/Outfit-Bold.eot');
    src: url('../fonts/Outfit-Boldd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Bold.woff2') format('woff2'),
        url('../fonts/Outfit-Bold.woff') format('woff'),
        url('../fonts/Outfit-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Archia';
    src: url('../fonts/Archia-Regular.eot');
    src: url('../fonts/Archia-Regulard41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Archia-Regular.woff2') format('woff2'),
        url('../fonts/Archia-Regular.woff') format('woff'),
        url('../fonts/Archia-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'FONTSPRING';
    src: url('../fonts/FONTSPRINGDEMO-VisbyCFHeavyRegular.eot');
    src: url('../fonts/FONTSPRINGDEMO-VisbyCFHeavyRegulard41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FONTSPRINGDEMO-VisbyCFHeavyRegular.woff2') format('woff2'),
        url('../fonts/FONTSPRINGDEMO-VisbyCFHeavyRegular.woff') format('woff'),
        url('../fonts/FONTSPRINGDEMO-VisbyCFHeavyRegular.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Apercu';
    src: url('../fonts/Apercu-Light.eot');
    src: url('../fonts/Apercu-Lightd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Apercu-Light.woff2') format('woff2'),
        url('../fonts/Apercu-Light.woff') format('woff'),
        url('../fonts/Apercu-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
 .clear {
     clear: both 
}
 audio, ::selection {
     background:#ff8333;
     color: #fff;
}
.resp-show{
    display: none !important;
}
 .grecaptcha-badge{
     display:none !important;
}
 .img-full{
     width: 100%;
     height:auto;
     display: block 
}
 .img-responsive {
     max-width: 100%;
     height:auto;
}

 .logo1{
     display:none 
}

li.header-phone img{
    height: 30px;margin-right: 10px;
}

 .banner-wraper{
     width:100%;
     height:auto;
     position:relative;
     z-index:1;
}
 
 .footer-container{
     width:100%;
     height:auto;
     padding-top:2em;
     padding-bottom:2em;
}
.footer-top-for{ display: flex; align-items: center;}
.footer-top-for img{ max-width: 35px; margin-left: 10px;}
 .top-wraper{
     width:100%;
     height: auto;
}

 .top-container{
     width:100%;
     padding-left:3%;
     padding-right:3%;
}
 .tophead{
     width:100%;
     position:relative;
         padding-top: 0.3em;
    padding-bottom: 0.3em;
    background: #612908;
}
 .sexy-menu.detached .tophead
    {

    }
 .top-header{
     width:100%;
     height:auto;
     position:relative;
     z-index:99 
}
 .top-contact{
     width: auto;
     height:40px;
     float:right;
     clear: both;
     padding-top:10px;
}
nav#navigation2 {
    display: flex;
    align-items: center;
    justify-content: center;
}
 .logo-container{
     width:auto;
     height:auto;
     position:absolute;
     left:0;
     top:0;
     padding-top:10px;
}

li.apply a:hover
{
    background: #612908;
}

 .menu-container{
     width: auto;
     height: auto;
     float:right;
     margin-top:1em 

}
 .logo{
     width:auto;
     height:auto;
     float:left;
}
.pl-2{
    padding-left: 2%;
}
.mt-2
{
    margin-top: 2em;
}
.mt-5
{
    margin-top: 5em;
}
.mb-2
{
    margin-bottom: 2em;
}
.mb-5
{
    margin-bottom: 5em;
}

 .top-quickwraper{
     width:100%;
     height:auto;
    
}
.sexy-menu.detached .nav-menu > li > a{
        padding: 20px 20px !important;
}
.sexy-menu.detached .nav-menu > li.apply a{
    padding: 6px 35px!important;
}
 .header-contact{
     width:auto;
     height:auto;
     display: flex;
    align-items: center;
    justify-content: center;
}
.css_prefix-btn-container {
    position: absolute;
    bottom: 25%;
}

.css_prefix-button2{
     background-color: #d10400;
}

span.text-btn {
    font-family: 'Poppins';
    font-weight: 500;
    font-style: normal;
}
.css_prefix-button:hover{
   color:#288500 !important;
}
.css_prefix-button2:hover{
   color:#d10400 !important;
}
.nav-brand img{

    width: 100%;
}
.sexy-menu.detached .nav-menu > li.header-phone > a
{
    padding: 16px 20px !important;
}


.header-call {
    width: auto;
    height: auto;
    float: left;
}
 .header-call i{
    color: #66bb47 
}
.header-call a {
    color: #333;
    position: relative;    font-family: 'Albert-Sans-Medium';
    font-weight: 500;    margin-right: 5px;
}
.header-call a:first-child{
   display: flex;
    align-items: center;margin-right: 20px
}
.header-call a:last-child{
    margin-right: 0
}
.header-call svg {
    height: 45px;
    width: 45px;
    line-height: 45px;
    /*background: #f5f5f5;*/
    padding: 8px;margin-right: 10px;
}

 .header-call a:hover{
     color:#66bb47;
}
 
 .desk-view{
     display:block;
     width: 100%; 
}
 .mob-view{
     display:none !important
}
a.right.carousel-control i, a.left.carousel-control i {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
#button {
  display: inline-block;
  background-color: #333;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  position: fixed;
  bottom: 100px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
.nav-dropdown .nav-dropdown>li>a{
    background: #41413a
}
.nav-dropdown  .nav-dropdown .nav-dropdown>li>a{
    background: #51514a
}
.nav-dropdown>li>a:hover{
    color: #ff8333
}
/* Dropdown styles */
.dropdown {
  max-width: 13em;
  position: relative;
  width: max-content;
  float: left;
  margin-right: 10px;
}

.dropdown-btn {
  background: #288500;
  font-size: 1em;
  width: 100%;margin-right: 10px;
  border: none;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.55em 0.5em;
  cursor: pointer;
     
}
.dropdown-btn span{
     font-family: 'Poppins';
    font-weight: 500;
    letter-spacing: .25rem;
}

.arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #fff;
  transition: transform ease-in-out 0.3s;
}

.dropdown-content {
  list-style: none;
  position: absolute;
  width: 100%;
  visibility: hidden;
/*   overflow: hidden; */    z-index: 999;
  transform: translateY(-1em);
  transition: transform ease 0.3s;
}

input[type="checkbox"]:checked ~ .dropdown-content {
  visibility: visible;
  transform: translateY(0);
}

.dropdown-content li {
  background: #2f3238;padding: 0.2em 0.5em;
}

input[type="checkbox"]:checked + label > .arrow {
  transform: rotate(180deg);
}

input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}


.dropdown-content li:hover {
  background: #1d1f24;
}

.dropdown-content li a {
  display: block;
  padding:0;
  color: #fff;
  margin: 0.1em 0;
  text-decoration: none;
}

/* Dropdown styles */
 .footer-wraper {
     width:100%;
     height:auto;
     background: #612908;
}
 .copy-right {
     width:auto;
     height:auto;
     float:left;
     color:#fff;
     font-family:'Poppins';
     font-size:1em;
     font-weight:300;
     line-height:55px 
}
 .designed {
     width: auto;
     height: auto;
     float: right 
}
 .designed-ido {
     float: right;
     height: auto;
     padding-left: 8px;
     padding-top:15px;
     width: auto;
     color:#fff 
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
     color:#fff;
     font-family:'Poppins';
     font-size:1em;
     font-weight:300;
     line-height:55px;
     margin: 0
}
 .designed p a {
     text-decoration: none;
     color:#fff;
     font-family:'Poppins';
     font-size:1em;
     font-weight:400 
}
 .designed p a:hover {
     text-decoration: none;
     color:#ff8333;
     font-family:inherit;
     font-size:1em 
}
 .footer-top-wraper {
     width:100%; position: relative;
     height:auto;
    padding: 70px 0 60px;   
     background: url('../images/footer-bg.jpg');    background-size: cover;
}

.bottom-wraper{
    width: 100%;
    height: auto;
    position: relative;
    bottom: -2em;

    overflow: initial;
}
.bottom-pic{
    width: 100%;
    height: auto;
}
 .whats-app{
    position:fixed;
    bottom:20vh;
    right:30px;
    width:50px;
    z-index:9
}
.whats-app img{
    animation-name:floating;
    animation-duration:3s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in-out;
    margin-top:5px;
    opacity:1;
    max-width:50px
}
.whats-app:hover img{
    opacity:1
}
@keyframes floating{
    from{
        transform:translate(0,0)
    }
    65%{
        transform:translate(0,15px)
    }
    to{
        transform:translate(0,0)
    }
}
.thanks-div p {
    margin-bottom: 30px;
    font-size: 1em;
}
.thanks-content h1{
    color: #612908;
    font-size: 2.594em;
    line-height: 50.99px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Poppins';

}
.thanks-content {
    background: #fff;
    padding: 50px;width: 35%;
}
.thanks-div{
        display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15)
}
.vh-100{height:100vh}

.mbottom{
    padding-bottom: 20px;
}
.banner-bottom-slider {
    background: #612908;
    padding: 40px;
    position: relative;
    z-index: 9;
}

h3.tagline{
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    line-height: 35.99px;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
    margin: 0px;
}
.banner-bottom-slider img {
    position: absolute;
    top: 0;
    opacity: .1;
    left: 0;
    z-index: -1;
    height: auto; width: 40%;
}
img.right-img {
    left: unset;
    right: 0;
}
.footer-content:last-child{
    margin-right: 0
}

 .footer-content {
        margin-right: 8%;
    height: auto;
    float: left;
    width: auto;
    z-index: 9;
}
.footer-content-lk h4{
    text-align: center;font-family: 'Archia';
    font-size: 1em;
    line-height: 2;
    color: #000;    margin: 0;
}
.footer-content-lk img {
    width: 200px; display: flex;
    align-items: center;justify-content: center;
    margin: 0 auto;
}
.footer-content-lk {
    background: #fff;
    padding: 15px 24px;
    margin-top: 50px;    border-radius: 15px;
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 4%);
    position: absolute;
    left: 31%;
    top: 36%;
}
.footer-content:nth-child(1){
    width: 22%;
}

 .footer-content-icon {
     width:50px;
     float:left 

}
 .footer-content-details {
     width:88%;
     height:auto;
     float:left 
}
 .footer-content-details p {
     width:100%;
     height:auto;
     font-family:inherit;
     line-height:1.7;
     color:#333;text-transform: capitalize;
     font-size:1em 
}
 .footer-content-details p a {
     font-family:inherit;
     line-height:1.7;
     color:#333;
     font-size:1em 
}
 .footer-logo {
     width:100%;
     height:auto;
     /*display: flex;
    align-items: center;*/margin-bottom: 10px;
    justify-content: center;
}
.footer-logo img {
    width: 100%;
}
.footer-logo img {
        width: 80%    
}
/*.address:nth-child(1) {
    align-items: flex-start;
}*/

.address {
    height: auto;
    display: flex;
    align-items: start;
    margin-bottom: 30px;
}
.address:nth-child(4){
      align-items: center;
}
.address p
{
    font-family: 'Archia';
    font-weight: normal;
    line-height: 29px;
    color: #000;margin: 0; font-size: 1em;
}
.kochi-numb p {
    margin-bottom: 15px;
}
.address img
{
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;   margin-right: 10%;
}


 .footer-top-title {
     width:100%;
     height:auto;
     text-align:left;
     color:#0c203b;
     font-size:1em;
     padding-bottom:25px;
     font-weight: bold;
     font-style: normal;
     font-display: swap;
     text-transform: uppercase;
     font-family: 'Merienda';
}
 .footer-content ul {
     margin:0px;
     padding:0px;
     list-style-type:none;
}
.footer-content:nth-child(3) ul{
    margin-top: 53px;
}
.footer-content ul+ul{
    float: right;
}
.footer-content-title {
    width: fit-content;
    height: auto;
    font-size: 1em;
    font-family: 'Archia';
    font-weight: normal;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 30px;
    position: relative;
}

 .footer-content ul li {
       font-family: 'Poppins';
    font-weight: normal;
     font-size:1em;
     line-height:36px;
     margin-right: 20px;
}
.footer-content.product-links ul li{
    position: relative;
    line-height: 30px;    margin-bottom: 5px;
}
.footer-content.product-links ul li:before
{
    content: '';
position: absolute;
top: 15px;
left: -15px;
width: 6px;
height: 6px;
background-color: #0d529c;
border-radius: 50%;

}

 .footer-content ul li a {
     font-family: 'Archia';
     font-size:1em;    line-height: 2;
     color:#000;
     -webkit-transition: padding .2s;
     -moz-transition: padding .2s;
     -o-transition: padding .2s;
     transition: padding .2s;
     font-weight: normal 
}
 .footer-content ul li a:hover {
     color:#ff8333;
    
}
 .footer-social-links {
     width: auto;
     height: auto 
}
 .footer-social-links ul {
     margin: 0px;
     padding: 0px;
     list-style-type: none;
}
 .footer-social-links ul li{
     float: left;
     margin-right:25px !important;
}
 .footer-social-links ul li a{
    color: #612908;
     font-size:1.6em;
     display: flex;    z-index: 9;
     justify-content: center;
     align-items: center;    position: relative;
}
.footer-social-links ul li a:before{
     content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: #f5e3cb;
    border-radius: 100%;
    z-index: -1;
        top: 2px;
    width: 30px;
    height: 30px;
}
.footer-social-links ul li a:hover{
     color:#333;
}
.footer-bottom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
}
section.contact-container{
    margin-bottom: 90px;
}
.number-div
{    background: #fff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 4%);
    }
    .number-div h1
    {
font-size: 1em;
    font-family: 'Archia';
    font-weight: normal;
    text-transform: uppercase;
    color: #612908;
    margin-bottom: 10px;
    position: relative;
    border-bottom:1px solid #612908;
    padding-bottom: 5px;
    width: fit-content;
    }
.con-detail {
   
    background: #fff;
    padding: 20px;
    width: 23%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    min-height: 130px;
    border-radius: 15px;
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 4%);
}
.con-detail:nth-child(4){
    margin-right: 0
}
.con-detail a{ 
text-align: center; font-size: 1em;
    font-family: 'Apercu';
    font-weight: 300;
    display: block;color: #000
     }
.con-detail h4{
    font-size: 1em;
    font-family: 'Archia';
    font-weight: normal;
    text-transform: uppercase;
    color: #612908; text-align:center;
    margin-bottom:10px;
    position: relative;
}
 
.welcome-container {
    position: relative;
    overflow: hidden;
}
.fac-container{
    padding: 100px 0
}
.fac-card {
        filter: drop-shadow(10px 0px 16px #cccc);
    transition: 0.3s;
      background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
        padding: 15px;
            min-height: 600px;
    margin-bottom: 30px;
}
.fac-card h6{
    font-size: 1.2em;
    font-weight: bold;
    font-style: normal;
     font-family: 'Marcellus';
    text-align: center;
    margin-bottom: 0;
    padding: 10px 0;
}

.fac-card p {
    text-align: center;
}

a.view-detail-btn.gal-btn {
    top: 50px;
    left: 35px;
}

.gallery-container{
    padding: 100px 0
}

img.welcome-img2 {
    position: absolute;    
    left: -132px;
    bottom: -10%;
  
}
.bg-color {
    margin: 0px 110px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #288500;
    position: absolute;
    content: "";
    width: 40%;
    height: 65%;
    z-index: -1;
    top: 0;
}
.welcome-detail.abt-content{
    margin-right: 0px;
    text-align: center;
}
.welcome-detail.abt-content p{
    text-align: center;
}
.abt-container {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
        overflow: hidden;
}

a.apply-now {
    background: #ff8333;
    padding: 12px 40px;
    text-transform: uppercase;
    border-radius: 25px;
    color: #fff;font-family: 'Archia';font-weight: normal;
}
a.apply-now:hover{
    background: #612908;
    color: #fff
}

.inner-featured-text {
   font-size: 3.861em;
    font-style: normal;
      font-weight: 900;
  font-family: 'FONTSPRING';
    text-transform: uppercase;
    line-height: 90px; 
    color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px  #612909;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;  
}

.inner-init-text {
 font-size:2.667em;
    font-style: normal; font-weight: bold;
    font-display: swap;
  font-family: 'Outfit-Bold';
    color: #8d634a;
    text-transform: math-auto;
    line-height:50.09px;
}
.init-text{
    font-size:2.667em;
    font-style: normal; font-weight: bold;
    font-display: swap;
  font-family: 'Outfit-Bold';
    color: #8d634a;
    text-transform: math-auto;
    line-height:68.09px;
}
.init-text span{
     color: #ff8333;font-family: 'Archia'; font-weight: bold;
}
.featured-text span{
     color: #0d529c;font-family: 'Archia'; font-weight: bold;
}

.featured-text{
    font-size: 5.639em;
    font-style: normal;
      font-weight: 900;
  font-family: 'FONTSPRING';
    text-transform: uppercase;
    line-height: 118.14px; 
    color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px  #612909;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;  
}
 
.page-hero-inner .hero-text-area{
       position: absolute;
    z-index: 1;
    display: inline-block;
    max-height: 100%;
    white-space: normal;
    top: 35%;
    left: 5%;
    text-align: left;
}
.page-hero .hero-text-area {
       position: absolute;
    z-index: 1;
    display: inline-block;
    max-height: 100%;
    white-space: normal;
       top: 35%;
    left: 5%;
        text-align: left;
  }
  .title-wraper{
    width: 100%;
    height: auto;
  }
 .inner-bottom{    margin-bottom: 60px;
    position: unset !important;
 }
 .welcome-detail-title.inner-bottom h1{
        line-height: 25px;
 }
 .welcome-detail-title.inner-bottom span{
    font-size: 2.000em;color: #838e6f;
           line-height: 23.01px;
    margin: 0;
    font-weight: bold;
    font-family: 'Archia';
    margin-left: -84px;
 }
 .welcome-detail-title h1:after {
    bottom: 12px;
    position: absolute;
    right: -20px;
    height: 10px;
    width: 10px;
    content: '';
    background: #ff8333;
    border-radius: 100%;
}
  .welcome-detail-title h1{
     width: fit-content; position: relative;
    text-align: left;
    color:#612908;
    font-size: 2em;
        line-height: 35.99px;
            margin: 0;
    text-transform: capitalize;
      font-weight: normal;    
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
    margin-bottom: 20px;
  }
   .welcome-detail-title h1 span{
        color:#2d2d2d ;
   }
   
   
   
    .welcome-detail-title h2:after {
    bottom: 12px;
    position: absolute;
    right: -20px;
    height: 10px;
    width: 10px;
    content: '';
    background: #ff8333;
    border-radius: 100%;
}
  .welcome-detail-title h2{
     width: fit-content; position: relative;
    text-align: left;
    color:#612908;
    font-size: 2em;
        line-height: 35.99px;
            margin: 0;
    text-transform: capitalize;
      font-weight: normal;    
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
    margin-bottom: 20px;
  }
   .welcome-detail-title h2 span{
        color:#2d2d2d ;
   }
   
   
  
      .welcome-detail-title p{
     font-family: 'Archia';
    font-size: 1em;
     font-weight: normal;
    font-style: italic;
      }

  .welcome-detail-title {
   text-align: center;
    margin: 0 auto;
    justify-content: center;
    display: flex;
}

img.welcome-img {
    position: relative; z-index: 9
}
img.abt2{
    position: relative; z-index: 9
}
img.abt3 {
    display: flex;align-items: center;justify-content: center;
    margin: 0 auto;
   position: relative; z-index: 9
}
img.abt4 {
    position: absolute;
    bottom: -150px;
    left: -50px;
}
img.abt5 {
       position: absolute;
      bottom: -248px;
    right: 0px;
    width: 55%;
}
.abt-detail {
    padding-left: 5%;
}
.abt-imgs{
    position: relative; z-index: 9
}
 .welcome-container{
    padding: 150px 100px 10px;z-index: 9;
  }
img.shape1 {
    position: absolute;
    top: 9%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%,-50%);
}
img.shape2 {
    position: absolute;
    top: 37%;
    left: 43%;
    z-index: -1;
    transform: translate(-50%,-50%);
}
img.round{
    position: absolute;
    top: 28%;
    left: 4%;
    z-index: 9;
}


.cs-hobble .cs-card_info h2{
   font-size: 1.250em;
    color: #612908;
    line-height: 47.99px;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
    width: fit-content;
    position: relative;margin-bottom: 0px;
}

.cs-card_info {
    margin-left: 5%;
    margin-bottom: 2%;
}
.fet-title {
    margin-bottom: 60px;
}

.mission-div{
    background-image: url('../images/mission-bg.png');
    text-align: justify;
        padding: 60px 150px 60px 100px;
    background-size: 100% 100%;
}
.mission-div p{
    font-size: 0.889em
}
.mission-div.sec{
      padding: 60px 100px 60px 150px;
      margin-top: -33px;
}
.mission-div.sec .img-vision{
left: 4%;
}
.img-vision{
    position: absolute;
    transform: translate(-50%,50%);left: 96%;
    top: 0%;
}
.mission-container{
        margin-top: 80px;
}
.mleft{
    margin-left: 15%;
}
.mission-center {
    margin-left: 10%;
}
.products-container{
    padding: 0 140px;
    margin: 100px 0;
    text-align: justify;
}
span.num
{
    font-family: 'Archia';
    font-weight: normal;
    font-size: 1.667em;
    color: #fff;
    background: #f46d1d;
    border-radius: 100%;
    height: 80px;
    width: 80px;
    line-height: 80px;
    display: block;
    text-align: center;
    position: relative;
        position: absolute;
    top: -60px;
}
span.num:after{
    content: " ";
    background-color: #d3d3d3;
    width: 1px;
    height: 49px;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: -1;

}
.dcourse{
    border: 1px solid #d3d3d3;
    min-height: 400px;
}
ul.career-list {
    padding: 20px 45px;
}
.flex-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.subj-col{
margin-right: 1.5%;
    margin-bottom: 2%;
    float: left;
        background: #fff;
    border-radius: 15px;
}

.col1{
        width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col2{
        width: 33%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
}
.col3{
        width: 18%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
}

.col4{
        width: 55%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
}
.pr-0{
    padding-right: 0px !important
}
.pl-0{
    padding-left: 0px !important
}
.distance-courses .col-md-3.fbox .c-top{
padding: 20px 80px;
}
.distance-courses .col-md-3.fbox ul.career-list{
    padding: 20px 10px 0 100px;
}

.distance-courses .col-md-3.lbox ul.career-list{
    /*padding: 20px 100px 0 100px;*/
}


.sbox span.num{
    background: #f1a502;
}
.lbox span.num{
    background: #f1a502;
}
.c-top {
        padding: 30px 20px 10px;
    border-bottom: 1px solid #d3d3d3;
}
.distance-courses{
   padding: 100px 0 50px; overflow: hidden;
}
.distance-title h1:after {
   bottom: 12px;
    position: absolute;
    right: -20px;
    height: 10px;
    width: 10px;
    content: '';
    background: #ff8333;
    border-radius: 100%;
}
.distance-title{    margin-left: 4%;
    margin-bottom: 6%;}
.distance-title h1 {
    height: auto;
    text-align: left;
    color: #612908;
    font-size: 2em;
    line-height: 47.99px;
    margin: 0;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
    margin-bottom: 20px;
    width: fit-content;
    position: relative;
}
.br-right:after{
    content: " ";
    background-color: #dfdfdf;
    width: 74%;
    height: 1px;
    position: absolute;
    left: 64%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.br-right{
    position: relative;
}
.pd-title h1{
    font-size: 1.333em;
    text-transform: uppercase;
    color: #3f3f3f;
    line-height: 1.5em;
    font-family: 'Archia';
    font-weight: normal;
}
.fets
{
        border-bottom: 1px solid #dfdfdf;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.fets img{
     box-shadow: 0 0px 10px 0px rgb(0 0 0 / 20%);
}
.key-title{
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 15px;
    margin-bottom: 50px;
    font-size: 1.667em;
    color: #ff8333;
    line-height: 1.5em;
    margin-top: 70px;
    font-family: 'Archia';
    font-weight: bold;
    text-transform: capitalize;
}
.pd-detail{
    padding-left: 5%;
}
.cs-hobble .cs-card_info p {
    color: #282828;
    text-align: justify;
    line-height: 2; font-size: 0.889em
}
.cs-hobble img {
      padding: 55px 30px;
    background: #fbf7ec;
    margin: -50px 0px 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.cs-hobble {
    display: flex;
    align-items: center;
    background: #fff;margin-bottom: 3%;
    border-radius: 25px;padding: 0 30px;
        min-height: 240px;
}
.client-div2{
    background: #fff;
    padding: 30px 0 30px;
}
.cert-civt li img {
    width: 60%;
    text-align: center;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
span.u-title
{
    color: #612908 !important; 
}

.uni-div span {
    text-align: center;
    display: block;
    float: left;
    justify-content: center;
    display: flex;
    align-items: center;
    margin: 5px auto 0;
    color: #000;
    width: 100%;
    font-size: 1em;
    line-height: 1.4;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    position: relative;
}
.dcourse h1 {
    color: #612908;
    width: 100%;
    text-align: left;
    font-size: 1em;
    line-height: 1.6;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    position: relative;
}
ul.career-list li {
    font-family: 'Archia';
    font-size: .889em;
    line-height: 2;
    color: #333;
    font-weight: normal;
    padding-left: 10px;
        display: flex;
    align-items: flex-start;    position: relative;
}
ul.career-list li:before{
    content: "";  
    position: absolute;
    left: -15px;top: 10px;
  background:  #612908; /* Change the color */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 9px; height:9px; /* Also needed for space (tweak if needed) */
  border-radius: 100%; /* Also needed for space (tweak if needed) */
}
ul.career-list.before-sh li:before{
    background: #f46d1d;
    width: 12px; height:12px;    top: 15px;
}
ul.career-list.obj-sh li:before {
    background: #c28b6b;
    width: 12px;
    height: 12px;
    top: 15px;
}
ul.career-list.obj-sh {
    padding-left: 20px;
}
ul.career-list.obj-sh li span{
    font-family: 'Poppins';
    font-weight: 500;
    font-style: normal;
    margin-right: 15px;
    display: contents;
}
ul.career-list.before-sh li,ul.career-list.obj-sh li{
    line-height: 3;
        display: flex; padding-left: 25px;
    align-items: baseline;
}
ul.career-list li span{
     font-family: 'Poppins';
     font-weight: 300;
     font-style: italic;display: contents;
}
.fet-title p{text-align: center; font-size: 0.889em}
.fet-title span{
   text-align: center;
    color: #612908;
    font-size: 1.333em;
    line-height: 35px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
    margin-bottom: 20px;
    width: fit-content;
    position: relative;
    display: flex;align-items: center;
    justify-content: center;margin: 0 auto 
}
.fet-title h1{
    height: auto;
    text-align: center;
    color: #612908;
    font-size: 2.250em;
    line-height: 47.99px;
    margin: 0;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
    margin-bottom: 20px;
    width: fit-content;
    position: relative;
    display: flex;align-items: center;
    justify-content: center;margin: 0 auto
}



.fet-title h2{
    height: auto;
    text-align: center;
    color: #612908;
    font-size: 2.250em;
    line-height: 47.99px;
    margin: 0;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
    margin-bottom: 20px;
    width: fit-content;
    position: relative;
    display: flex;align-items: center;
    justify-content: center;margin: 0 auto
}


.fet-title.openschool2 span:after{
bottom: 5px;
    position: absolute;
    right: -20px;
    content: '.';
    background: #ff8333;
    border-radius: 100%;
    height: 12px;
    width: 12px;
}
.fet-title.openschool2{
    margin-bottom: 30px;
}
.content-container{
        padding-top: 50px;
    padding-bottom: 80px;
}
.openschool-tit{
  margin-bottom: 30px  
}
.openschool-subj span{
     color: #c4601f;
    font-size: 1.278em;
    line-height: 47.99px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
}
.openschool-tit1 span{
     color: #000000;
    font-size: 1.278em;
    line-height: 47.99px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
}
.openschool-tit h1{
font-size:1.667em;
display: block;
    justify-content: left;
    margin: 0;
}

.sub-top span{
    font-size: 1em;
    color: #612908;
    line-height: 47.99px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    text-align: center;
}


.subj-list.pl{
    padding: 20px 0px 20px 80px !important
}
.sub-top{
    text-align: center;
    border-bottom: 1px solid #9e9e9e
}

.fet-title h1:after{
      bottom: 12px;
    position: absolute;
    right: -20px;
    height: 10px;
    width: 10px;
    content: '';
    background: #ff8333;
    border-radius: 100%;
}

.fet-title h2:after{
      bottom: 12px;
    position: absolute;
    right: -20px;
    height: 10px;
    width: 10px;
    content: '';
    background: #ff8333;
    border-radius: 100%;
}
.merits{
    align-items: center;
    background: #fff;
    margin-bottom: 1%;
    border-radius: 25px;
    padding: 50px 50px 50px 0px;
    position: relative;
}
.merits:after{
    bottom: 0px;
    position: absolute;
    right: 0px;
    content: '.';
    height: 100%;
    width: 50px;
    background: #7e5137;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.merits_info {
    display: flex;
    align-items: center;
}
.merits_info p
{
    margin-left: 5%;
     margin-right: 5%;
      font-size: 0.889em
}

 h2.merits_title{
font-size: 1em;
    color: #f0dab4;
    line-height: 20px;    padding: 20px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
       min-width: 23%;
    position: relative;
    margin-bottom: 0px;
background: #7e5137;
text-align: center;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
 h2.merits_title:before{
    width: 0.469em;
    height: 100%;
    padding: 0 0 0.438em;
    top: 0;
    left: -0.4em;
    background: inherit;
    position: absolute;
    content: '';
    display: block;
 }
 h2.merits_title:after{
    position: absolute;
    content: '';
    display: block;
    width: 0.313em;
    height: 0.313em;
    background: rgba(0,0,0,0.35);
    bottom: -0.313em;
    left: -0.313em;
    box-shadow: inset -1px 2px 2px rgb(0 0 0 / 30%);
 }
 
  h3.merits_title{
font-size: 1em;
    color: #f0dab4;
    line-height: 20px;    padding: 20px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
       min-width: 23%;
    position: relative;
    margin-bottom: 0px;
background: #7e5137;
text-align: center;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
 h3.merits_title:before{
    width: 0.469em;
    height: 100%;
    padding: 0 0 0.438em;
    top: 0;
    left: -0.4em;
    background: inherit;
    position: absolute;
    content: '';
    display: block;
 }
 h3.merits_title:after{
    position: absolute;
    content: '';
    display: block;
    width: 0.313em;
    height: 0.313em;
    background: rgba(0,0,0,0.35);
    bottom: -0.313em;
    left: -0.313em;
    box-shadow: inset -1px 2px 2px rgb(0 0 0 / 30%);
 }

 
 
.abt-title{
   transform: rotate(90deg);
    position: absolute;
    right: -45px;
    z-index: 9;
    top: 33%;
}
.year2 {
    position: absolute;
    top: 0;
    right: 8%;
    transform: rotate(333deg);
}
 .m-bottom{
    margin-bottom: 40px !important
 }
 .p30 {
    padding: 0 30px !important;
}
a.download-brochure img{height: 20px;margin-right: 10px}
a.download-brochure h3{
    font-size: 1.1em;
    margin: 0;

}
a.download-brochure:hover{
    background: #fff;

}
a.download-brochure:hover img{
    filter: invert(1);
}
a.download-brochure {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    font-family: 'Archia';
        background: #612908;
    width: fit-content;
    padding: 13px 30px;
}

  .welcome-detail-title2 {
    margin-bottom: 20px;
}

.welcome-detail-title2  span{
    font-size: 1.333em;
    color: #000;font-weight: normal;    
    font-family: 'Archia';
    font-style: normal;
}
.open-detail-title h1{
   width: fit-content;
    height: auto;
    text-align: left;
    color:#612908;
    font-size: 2.136em;
        line-height: 35.99px;
            margin: 0;
    text-transform: capitalize;
      font-weight: normal;    
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
    letter-spacing: -1px;
    margin-bottom: 20px;
    position: relative; 
}


.open-detail-title h2{
   width: fit-content;
    height: auto;
    text-align: left;
    color:#612908;
    font-size: 2.136em;
        line-height: 35.99px;
            margin: 0;
    text-transform: capitalize;
      font-weight: normal;    
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
    letter-spacing: -1px;
    margin-bottom: 20px;
    position: relative; 
}
.welcome-detail-title2 h1{
    width: fit-content;
    height: auto;
    text-align: left;
    color:#612908;
    font-size: 1.667em;
        line-height: 35.99px;
            margin: 0;
    text-transform: capitalize;
      font-weight: normal;    
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
    letter-spacing: -1px;
    margin-bottom: 20px;
    position: relative;
        padding-right: 20px;
  }

.welcome-detail-title2 h1:after,.open-detail-title h1:after,.open-detail-title h2:after {
      bottom: 12px;
    position: absolute;
    right: 0;
    height: 10px;
    width: 10px;
    content: '';
    background: #ff8333;
    border-radius: 100%;
}




.welcome-detail-title2 h2{
    width: fit-content;
    height: auto;
    text-align: left;
    color:#612908;
    font-size: 1.667em;
        line-height: 35.99px;
            margin: 0;
    text-transform: capitalize;
      font-weight: normal;    
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
    letter-spacing: -1px;
    margin-bottom: 20px;
    position: relative;
        padding-right: 20px;
  }

.welcome-detail-title2 h2:after{
      bottom: 12px;
    position: absolute;
    right: 0;
    height: 10px;
    width: 10px;
    content: '';
    background: #ff8333;
    border-radius: 100%;
}
a.more-btn
{
    background: #ff8333; text-transform: uppercase;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 0.778em;
    padding: 10px 30px;
   color: #fff; transition: all 0.6s ease-in-out;
}
a.more-btn:hover{
   background: #0d529c;color: #fff;  
}
.voc-title2{
    text-align: center;
    justify-content: center;
    margin: 0 auto;
    display: flex;
}
.voc-title2 h1{
    font-size: 2em;
    text-align: center;
}
.vcourses img {
    box-shadow: 1px -1px 20px 0px rgb(0 0 0 / 15%);
    border-radius: 25px;
}
.vdiv h1{
        width: 100%;
    height: auto;
    text-align: left;
    color: #612908;
    font-size: 1.333em;text-align: center;
    line-height: 35.99px;
    margin: 0;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia'
}



.vdiv h2{
        width: 100%;
    height: auto;
    text-align: left;
    color: #612908;
    font-size: 1.333em;text-align: center;
    line-height: 35.99px;
    margin: 0;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia'
}

.vdiv h3{
        width: 100%;
    height: auto;
    text-align: left;
    color: #612908;
    font-size: 1.333em;text-align: center;
    line-height: 35.99px;
    margin: 0;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia'
}
.view-detail {
    background: #ff8333; color: #fff;
    padding: 8px 30px;
    width: fit-content;
    border-radius: 25px;
    text-align: center;
     position: absolute;
        bottom: -35px;
    transform: translate(-50%, -50%);
    left: 53%;
}
.view-detail:hover{
    background: #333; 
    color: #fff;
}
.pt-0{
    padding-top: 0px !important
}
.vdiv {
    background: url('../images/doc-bg2.png');
    background-size: cover;
    padding: 40px 60px;
    border-radius: 25px;
    text-align: center;
    position: absolute;
        bottom: -58px;
    width: 80%;
    transform: translate(-50%, -50%);
    left: 50%;
}
 .text-center {
    text-align: center !important;
}
.cert-title {
    text-align: left;
    color: #612908;
    font-size: 1em;
    line-height: 1.6;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    margin-bottom: 0px;
    letter-spacing: -1px;
    position: relative;
    width: fit-content;
}
.cert-title:after {
   bottom: 12px;
    position: absolute;
    right: -20px;
    height: 10px;
    width: 10px;
    content: '';
    background: #ff8333;
    border-radius: 100%;
}
.voc1 {
    position: absolute;
    bottom: -210px;
    right: 0px;
}
.voc2 {
    position: absolute;
    bottom: -240px;
    left: 0px;
    width: 55%;
    z-index: -1;
}
.credit2{
    position: absolute;
    top: 13%;
    right: -15%;
}
.pb-0{
    padding-bottom: 0px !important
}
.university-img img {
    background: #fff;
    border-radius: 100%;
    position: absolute;
    bottom: 2%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 9;
}
.boards-img img{
   transform: unset;
    right: -30px;
    left: unset;
    bottom: -30px;
}
.bir-shape{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}
.course-div
{
    background: #fff;
    border-radius: 25px;
  padding: 20px 20px 20px 30px;
    min-height: 95px;
    display: flex;    justify-content: center;
    align-items: center;
}
.nios-imgs{
    margin-bottom: 150px;
}
.course-div h1{
    text-align: left;
    color: #612908;
    font-size: 0.889em;
    line-height: 1.6;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    margin: 0px;
    letter-spacing: -1px;
    position: relative;
    width: fit-content;
    padding-left: 40px;
    display: flex;    justify-content: center;
    align-items: center;
    margin: 0 auto
}
.course-div span{
     font-weight: 500;
    font-family: 'Poppins';
    font-style: normal;
    font-size: 1em; color: #612908;
    font-style: italic; text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.course-div h1:before{
    top: 50%;
    transform: translate(-50%, -50%);
    bottom: 0;
    position: absolute;
    left: 5%;
    content: '';
    background: #ff8333;
    border-radius: 100%;
    height: 15px;
    width: 15px;
}


.nios-row{
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.single-services {
    position: relative;
    z-index: 1;text-align: center;
    background-size: cover;
    padding: 20px 30px;
    min-height: 370px;   border-radius: 15px;
}

.welcome-detail-title4 h1 {
    text-align: left;
    color: #000;
    font-size: 4.397em;
    line-height: 61.99px;
    margin: 0;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
    margin-bottom: 20px;

}
.mt-1{
    margin-top: 1em;
}
.welcome-detail-title4{      padding-bottom: 15px; border-bottom: 1px solid #612908;  }

  .single-services .icon img {
    display: inline-block;
    text-align: center;
     -webkit-transition: .5s;
    transition: .5s;   
}
.col-md-3.spec:nth-child(5){
clear: both;
}
.icon-div h1{
    font-size: 1em;
    font-family: 'Poppins';
    font-weight: normal;
    color: #000;
    line-height: 30px;
    text-align: center;    margin-top: 0;
}
.icon-div {
    display: block;margin-left: -50px;    margin-bottom: 30px;
}
.icon-div img {
    text-align: center;    display: flex;
    margin: 0 auto;
}
.unbeatable-detail {
    width: 100%;
    padding: 0 0px 0 70px;
    text-align: justify;
}
.unbeatable-detail p{
    font-size: 0.889em;
}
img.distance {
    width: 100%;
}
.unbeat-container {
    background-image: url('../images/distance-bg.jpg');
    padding: 108px 0;    overflow: hidden;background-size: cover;
}
.credit-container {
    background-image: url('../images/credit-bg.webp');
    background-size: cover;background-position: center;
    padding: 75px 0 60px;    overflow: hidden;
}
.credit-detail h1
{
     text-align: center;
    color: #f0dab4;
    font-size: 2.741em;
    line-height: 30.99px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    width: fit-content;
    position: relative;display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.credit-detail h2
{
     text-align: center;
    color: #f0dab4;
    font-size: 2.741em;
    line-height: 30.99px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    width: fit-content;
    position: relative;display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.openschool-imgs{position: relative;}
img.openschool-shape1 {
    position: absolute;
    left: 0; top: -90px;
    z-index: -1;
}
img.openschool-shape2 {
    position: absolute;
    right: 2%; top: 58%;
    z-index: 9;
}
img.openschool-shape3 {
    position: absolute;
     right: 0;
    z-index: -1;
    bottom: -31%;
}
.open-detail{
    margin-right: 3%
}
.open-container{
    padding: 100px 0 200px
}
.open-bg{
    z-index: 0;
    position: relative;
    border-radius: 25px;padding: 0 0 0 100px;
    background-image: url(../images/open-bg.jpg);
}
img.openschool1 {
    margin-top: -100px;
}
.round-circle{
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
    border-radius: 100%;       display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: #c28b6b;
    border:1px dashed #c28b6b;font-size: 2em;
}
.round-circle:hover{
     background: #c28b6b; color: #fff;
}
.welcome-detail-title5 h1:after{
        top: -25px;
    position: absolute;
    right: -38px;
    content: '.';
    color: #ff8333;
    border-radius: 100%;
    font-size: 2.5em;
    margin: 0;
}

.welcome-detail-title5 h2:after{
        top: -25px;
    position: absolute;
    right: -38px;
    content: '.';
    color: #ff8333;
    border-radius: 100%;
    font-size: 2.5em;
    margin: 0;
}
.credit-detail p{
    text-align: center;
     color: #fff; line-height: 35px;
     font-size: 1em;width: 1200px;
     font-size:  0.889em;
}

.center_div{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}
.university-title{
    text-align: left;
    color: #612908;
    font-size: 1.333em;
    line-height: 1.6;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    margin-bottom: 20px;
    letter-spacing: -1px;
    position: relative;
    width: fit-content;
}
img.line {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%,-50%);
}

.university-title:after{
        bottom: 12px;
    position: absolute;
    right: -15px;
    height: 10px;
    width: 10px;
    content: '';
    background: #ff8333;
    border-radius: 100%;
}
.req-div p{
text-align: center;
font-size: 1em;
font-family:'Archia';
font-weight: normal;
}
.doc-sh li{
    line-height: 2.5 !important;
    display: flex;
    padding-left: 25px;
    align-items: baseline;
}
ul.career-list.doc-sh {
    margin-left: 22%;
}
.client-div{
    background: #fff;
    padding: 50px 0;
   -webkit-box-shadow: 0px -40px 106px -22px rgba(0,0,0,0.36);
-moz-box-shadow: 0px -40px 106px -22px rgba(0,0,0,0.36);
box-shadow: 0px -40px 106px -22px rgba(0,0,0,0.36);
}
.voc-title{
    text-align: left;
    color: #612908;
    font-size: 1.738em;
    line-height: 1.6;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    margin-bottom: 20px;
    letter-spacing: -1px;
    position: relative;
    width: fit-content;
    border-right: 1px dashed #612908;
    position: relative;    padding-right: 50px;
}
.voc-title:after {
       bottom: 12px;
    position: absolute;
    right: 37%;
    height: 10px;
    width: 10px;
    content: '';
    background: #ff8333;
    border-radius: 100%;   
}
.voc-para{
    line-height: 35;
    font-size: 0.889em;
}
.voc-div{
    padding: 100px 0
}
.voc-wrap{
    background: #612908;
    padding: 4px 40px;
    border-radius: 15px;
    width: 54%;
        position: absolute;
    left: 5%;    top: -35px;
}
.voc-item {
    display: flex; position: relative;
    align-items: center;    margin-bottom: 40px;
}
.voc-details {
    padding-right: 5%;
}
.voc-item img.v-icon{
    background:#fff;  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 8%);
    height: 70px;width: 70px;
    border-radius: 100%;margin-right: 4%;
}
img.line2 {
    position: absolute;
    left: 9px;
    top: 74px;
    z-index: -1;
}
.voc-det h1 {
    text-align: left;
    color: #000;
    font-size: 1.1em;
    line-height: 30.99px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';

}
.voc-det h2 {
    text-align: left;
    color: #000;
    font-size: 1.1em;
    line-height: 30.99px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';

}
.voc-wrap h1{
    font-size: 1.714em;
    color: #f2a502;
    font-family: 'Archia';
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
    width: fit-content;
}
.voc-wrap h1:after {
        bottom: -13px;
    position: absolute;
    right: -27px;
    content: '.';
    color: #ff8333;
    border-radius: 100%;
    font-size: 3em;
}

.voc-wrap h2{
    font-size: 1.714em;
    color: #f2a502;
    font-family: 'Archia';
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
    width: fit-content;
}
.voc-wrap h2:after {
        bottom: -13px;
    position: absolute;
    right: -27px;
    content: '.';
    color: #ff8333;
    border-radius: 100%;
    font-size: 3em;
}



.course-title-wrap{margin-bottom: 60px}
.voc-wrap p{
    font-size:  0.889em;
    color: #fff;
    font-family: 'Poppins';
    font-weight: 300;
}
.voc-det p{
    font-size:  0.889em;
}
img.voc-img {
    width: 100%;
}
    section.adv-div{
        background: #1a1a1a;
        padding: 70px 100px
    }
.single-services h3 {
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-size: 1em;
    line-height: 25px;
    font-family: 'Poppins';
    font-weight: 500;
    font-style: normal;
    margin: 0;
    -webkit-transition: .5s;
    transition: .5s;    margin-bottom: 10px;
}

span.adv-title {
    font-family: 'Poppins';
    text-transform: capitalize;
    font-weight: bold;
    font-size: 0.808em;
}

.p6{
    padding: 6px !important
}
h1.right-conent {
    font-family: 'Archia';
    font-weight: normal;
    font-size: 1.111em;
    color: #000;line-height: 30px;
    text-align: center;
}


h3.right-conent {
    font-family: 'Archia';
    font-weight: normal;
    font-size: 1.111em;
    color: #000;line-height: 30px;
    text-align: center;
}

 .pro-content p{
    font-size: 0.889em;
    font-family: 'Poppins';
    font-weight: 300;
  text-align: center;line-height: 30px;color: #212121;
}
 span.arrow-right {
    font-size: 2em;
    margin-left: 1em;
}

 .box-link img{
     width: 100%;
     height: auto;
     display:block;
     transform: scale(1);
     transition: all 0.6s ease-in-out;
}

 .box-link .box-content{
     width: 100%;
     height: 100%;
     background:rgb(56 53 53 / 89%);
     text-align: center;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     transform: rotateY(180deg) scale(0.5);
     transition: all 0.45s ease-out 0s;
     display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
 .box-link:hover .box-content{
     opacity: 1; transition: all 0.6s ease-in-out;
     transform: rotateY(0deg) scale(1);
}

 .box-content h3{
    color: #fff !important;
    margin: 3px;
    font-family: 'Poppins';
    font-weight: 500;
    text-align: center;
    font-size: 1.1em;
 }
 .box-content span {
    font-weight: 300 !important;
    /* color: #c9c4c4 !important; */
    color: #fff;
    background: #78826c;
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: flex;
    border-radius: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
}

 .view-det {
    display: block;
    color: #fff;    letter-spacing: 1px;
    border: 1px solid #fff;
    padding: 7px 20px 6px;
    width: fit-content;
    margin: 15px auto 0;
    font-family: 'Merriweather';
    font-style: normal;font-size: .8em;
    }
   .box-link:hover .view-det{
        background: #298601;    border: 0;
    }
.box-link:hover .price-for, .box-link:hover .fac-content 
{
  opacity: 0;
  max-height: 0;
  transition: max-height 300ms, opacity 200ms;
}

 .box-link .icon{
     display: inline-block;
     padding: 0;
     margin: 0;
     list-style: none;
     position: relative;
    /*top: 40%;
    */
}
 .box-link .icon li{
     display: inline-block;
}
  .box-link .icon li i{
     display: block;
     width: 50px;
     height: 50px;
     line-height: 50px;
     border-radius: 50%;
     font-size: 1.5em;
     transition: all 0.5s ease 0s;
     background:#fff;
     color:#000;
}
.box-link .icon li i:hover{
     background:#8a0000;
     color:#fff;
}
 .box-link .content{
     padding: 10px;
     text-align: left;
     position: absolute;
     bottom: 5%;
     left: 5%;
}
 .box-link .title{
     font-size: 20px;
     font-weight: bold;
     color: #fff;
     text-transform: uppercase;
     margin: 0 0 5px;
}
 .box-link .post{
     display: block;
     font-size: 14px;
     color: #fff;
}
 .box-title {
     font-size:1em;
     font-family: inherit;
     font-weight:normal;
     width:100%;
     text-align: center;
     z-index:2;
     color:#333;
     padding-top:0.5em;
}
#fac-slider,#fac-slider2 {
    margin-top: 10px;
    height: unset !important;
}

.blog-div {
    width: 100%;
     position: relative;
     background: #fff;
     border-radius: 25px;
margin-bottom: 50px;
}
h1.blog-right-conent {
    font-family: 'Archia';
    font-weight: normal;
    font-size: 1.111em;
    color: #000;line-height: 30px;
    text-align: center;
}
 .blog-content p{
    font-size: 0.889em;
    font-family: 'Poppins';
    font-weight: 300;
  text-align: center;line-height: 30px;color: #212121;
}
.blog-content{
    padding: 30px; 
}
.read-btn:hover{
    color: #fff;
   background-color: #612908;
}
.read-btn:hover i{
 color: #fff;
}
 .read-btn {
    background-color: #333;
    font-size: 1em;
    font-family: 'Archia';
    font-weight: normal;
    line-height: 12px;
    color: #fff;
    padding: 11px 20px 11px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-top: 1em;
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
}
.news-details__content {
    position: relative;
    display: block;
    padding: 22px 42px 35px;
    border-bottom: 1px solid #d9e1e9;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);
}
h3.news-details__title-1{
    color: #612908;
    font-size: 1.667em;
    line-height: 35.99px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    letter-spacing: -1px;
    margin-bottom: 20px;
    position: relative;
}
.sidebar__post {
    position: relative;
    display: block;
    padding: 46px 30px 30px;
    background-color:#fff;
    overflow: hidden;
    z-index: 1;
}
.sidebar__title {
    position: relative;
    margin-left: 20px;
    font-size: 1.333em;    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    margin-bottom: 16px;
    padding-left: 12px;
}
.sidebar__title::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    border-top: 6px solid transparent;
    border-left: 7px solid #612908;
    border-bottom: 6px solid transparent;
}
.sidebar__post-content h3 {
     font-size: 1.1em;    line-height: 1.6;
}
.sidebar__post-content h3 a{
   font-weight: normal;
    font-family: 'Archia';
    font-weight: normal;

}
.sidebar__post-image>img {
    width: 150px;
}

.sidebar__post-image {
    margin-right: 17px;
}
.sidebar__post-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

/*blog*/


.news-div {
    width: 100%;
     position: relative;
     background: #fff;
     border-radius: 25px;
margin-bottom: 50px;
}
h1.news-right-conent {
    font-family: 'Archia';
    font-weight: normal;
    padding-bottom: 20px;
    font-size: 1.111em;
    color: #000;line-height: 30px;
    text-align: left;
    position: relative;
    border-bottom: 2px solid #d9e1e9;
}
h1.news-right-conent:after
{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    width: 70px;
    background-color: #612908;
}
 .news-content p{
    font-size: 0.889em;
    font-family: 'Poppins';
    font-weight: 300;
  text-align: left;line-height: 30px;color: #212121;
}
.news-content{
    padding: 30px; 
}

.news-content a{
    margin: 20px 0 !important;
    display: block;
}
/*news*/


/*faq*/
.accordion-button:not(.collapsed){
    border: 0 !important;
    background: unset !important;
}
.accordion-button{
    color: #000 !important
}
.accordion-button:not(.collapsed){
    color: #c4601f !important
}


.accordion-body{
    font-size: 1em;
    font-family: 'Archia';
    line-height: 2;
}
span.qs-mark {
    background: #612908;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    margin-right: 20px;
    color: #fff;
    border: 2px solid #fff;
}
.accordion-button:not(.collapsed) span.qs-mark {
    background: #fbf7ec;
    color: #c4601f;
}

[type=file] + label {
    text-align: center;
    border: none;
    cursor: pointer;
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    padding: 15px 10px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    background-color: #fff;
    margin-bottom: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    text-align: left;
    border-bottom: 1px solid #612908;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0px;
    margin-bottom: 0;
}
[type=file] {
    position: absolute;
    filter: alpha(opacity=0);
    opacity: 0;
    height: unset !important;
    display: none !important;
}
.radio-custom {
    opacity: 0;
    position: absolute;   
}

 .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    text-align: center;
}
.dblock {
    align-items: center;
    display: inline-flex;
    width: 100%;    margin-bottom: 10px;
}
.options {
    display: flex;
    align-items: center;
}
.dblock label{
    font-weight: normal;
    color: #333;   
    text-align: left;
    margin-right: 35px;
}
.dblock label.titile{
min-width: 210px;
}
.radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

 .radio-custom-label {
    position: relative;
}


.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color:#612908;
}
img.apply-img2 {
    position: absolute;
    top: -57px;
    z-index: -1;left: 0;    width: 100%;
}
img.apply-img1{
    width: 100%;
}
/*faq*/
.feature-two__single {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #fff;
    margin-bottom: 30px;
}
.feature-two__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 110px;
    width: 100%;
    height: 100px;
    background-color: #612908;
}
.feature-two__single:hover a{
    color: #612908
}
.feature-two__icon::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -16px;
    transform: translate(-50%,-50%);
    border-top: 20px solid transparent;
    border-left: 12px solid  #612908;
    border-bottom: 20px solid transparent;
}
.feature-two__content {
    position: relative;
    display: block;
    margin-left: 30px;
}
.feature-two__content h3 {
    font-size: 1em;
    font-family: 'Archia';
    font-weight: normal;
    line-height: 24px;
}

 .read-btn i {
    color: #fff;
    font-size: 1em;
    margin-left: 10px;
}
.news-one__date {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #612908;
    padding: 8px 20px 8px;
}

.news-one__date p{
font-size: 1em; margin: 0;
font-weight: normal;
color: #fff;
}

.welcome-detail-title3 h1{
    text-align: left;
    color: #fff;
    font-size: 2.667em;
    line-height: 47.99px;
    margin: 0;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
    margin-bottom: 20px;
}
a.know-btn {
    background: #2a2a2a;
    color: #fff;
    font-family: 'Archia';
    font-weight: 500;
    font-size: 1em;
    padding: 10px 40px;
    border-radius: 25px;
}
a.know-btn:hover {
background:#64755e;
color: #fff;
}
.protech-bg{
        background-size: cover;
   background-image: url(../images/protech-bg.html); 
}
img.protech {
    position: absolute;
  left: -30px;
    top: 5px;
    width: 45%;
}
.welcome-detail.protech-bg {
    padding: 130px 130px 130px 350px;
}
.facility-div{overflow: hidden;
    padding: 100px 0 100px;    position: relative;
}
.fac-content h3,.fac-content h3 a {
    color: #333;
       margin: 0;
    font-family: 'Poppins';
    font-weight: 500;
    text-align: center;
    font-size: 1em;
    position: relative;
}

.fac-li span{
      color: #7d7c7c;
       margin: 0;
    font-family: 'Poppins';
    font-weight: 500;
    text-align: center;font-size: .9em;
}
.client-div {
    position: relative;
}
.color-container{

    padding-bottom: 50px
}
.wrapper {
  margin: 0 auto;
  width: 80%;
  text-align: center;
}

.image-gallery {
  margin: 0 auto;
  display: table;
}

.prod-div {
    width: 100%;
     position: relative;
     background: #fff;
     padding: 30px;
     border-radius: 25px;
margin-bottom: 50px;
}
body.services .prod-div {
    margin-bottom: 80px;
  min-height: 615px; box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 8%);
}
.prod-div .box-link img{
        border-radius: 25px;
}
.prod-div:after {
    content: "";
    background: url(../images/shape3.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: unset;
    left: 50%;
    width: 95%;
    bottom: -74px;
    right: 15px;
    height: 50px;
    z-index: 9;
    transform: translate(-50%,-50%);
}
.read-more:hover{
     background: #ff8333;
     color: #fff;
}
.read-more{
    background: #ffae27;
    padding: 8px 40px;
    text-transform: uppercase;
    border-radius: 25px;
    color: #fff;
    font-family: 'Archia';
    font-weight: normal;
      display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    width: fit-content;  display: flex;
    align-items: center;margin: 0 auto
}
.prod-div:hover .box-link:before, 
.prod-div:hover .box-link:after {
    opacity: 1;
    transition: all 0.4s ease-in 0s;
     visibility: visible; 
    width: 0;
}
.box-link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: rgba(245, 246, 247, 0.5);
    opacity: 0;
    visibility: hidden;
    right: 0;
    left: auto;
}

.box-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;z-index: 9;
    width: 50%;
    height: 100%;
    background: rgba(245, 246, 247, 0.5);
    opacity: 0;
    visibility: hidden;
}
.col-md-3.fac-li{
      /* width: 23%;
    margin: 10px;*/
    padding: 10px;
    /*border: 1px solid #29860138;*/
    /*padding: 0;
    background: #fbfafa;
    padding: 5px;*/
}

.fac-content{
     /*background: #fff;*/
     padding-top: 20px;
     padding-bottom: 10px;
     text-align: center;
     position: relative;
}
img.fac-shape {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.lSAction > a{opacity: 1 !important}
.lSAction > .lSPrev{
    top: 13%!important;
    right: 12%!important;
}
.lSAction > .lSNext{
    top: 13%!important;
    right: 11%!important
}

/* Style the tab */
.tab {
      width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    position: relative;
}

/* Style the buttons inside the tab */
.tab button {
  position: relative;
    display: inline-block;
    padding: 8px 50px 8px 50px;
    font-size: 1em;
    cursor: pointer;
    margin: 15px 5px;
    background: transparent;
    color: #000;
    font-size: 1.333em;border: 1px solid #9e9e9e;
    font-family: 'Archia';
    font-weight: normal;
    text-transform: capitalize;
    width: fit-content;
    text-align: center;
    justify-content: center;
    margin-bottom: 20px;
}

.tab button.active{
    color: #fff;background-color: #612908;
}
.videos {
    position: relative;
}
.videos:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(177deg, #ffffff00, #000000b8 100%);
}
.playbtn {
    position: absolute;
    display: block;
    background: url(../images/playbtn.html) no-repeat center;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 50px;
    width: 50px;
    z-index: 9;
}
/* Style the tab content */
.tabcontent {
    padding: 6px 12px;
    border-top: none;
    position: relative;
}
.tab-div{
    margin-top: 5em !important;
}
img.tbimg3 {
    position: absolute;
    left: -130px;
}


.view-detail-btn {
    background: #6e8767;
    color: #fff;
    height: 150px;
    width: 150px;
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 8%);
    border-radius: 100%;
    z-index: 9;
    display: block;
    position: relative;
    top: -50px;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-size: 0.778em;
    line-height: 150px;
    text-align: center;
      animation: fadeIn 3s;
  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
}
.view-detail-btn:hover{
    background: #333;
    color: #fff;
}
a.highlighted{
    color: #ff8333
}
  .welcome-detail p{
    width: 100%;
    height: auto;
    font-size: 0.889em;
    color: #333;
    line-height: 2;
    font-family: inherit;
    font-weight: normal;
    text-align: justify;
  }

  
 
.room-box
{
    margin-bottom: 30px;
}
 .room-box .room-img-wrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 310px;
}
 .room-box .room-img-wrap .room-img {
    height: 100%;
    width: 100%;
    transition: all .4s ease-out 0s;
    background-size: cover;
    background-position: 50%;
}
.room-box .room-desc {
    background-color: #fff;
    /*font-size: 14px;*/
    padding: 50px 20px 50px 40px;
    position: relative;
        height: 100%;
}
.room-box .room-desc p {
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Poppins';
    line-height: 1.7;
    font-size: 1em;
}
.room-box .room-desc .icons {
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 8px 16px 0 hsl(0deg 0% 54% / 4%);
    display: inline-block;
    margin-bottom: 25px;
}
.room-box .room-desc .icons li {
    display: inline-block;
    margin: 0 10px;
    color: #222;
}
.room-box .room-desc .icons li img {
    height: 30px;
}
.room-box .room-desc h4 {
       color: #6e8767;
    font-size: 1.667em;
    font-family: 'Poppins';
    position: relative;
    margin-bottom: 15px;
}
.room-box .room-desc h5 {
       color: #8c8c8c;
    font-size: 1.4em;
    font-family: 'Poppins';
    position: relative;
    margin-bottom: 10px;
    margin-top: 15px;
}
.room-box .room-desc .price {
    font-size: 2em;
    color: #7ac45f;
    line-height: 1;
    display: block;
    font-family: 'Poppins';
    font-weight: 600;
}
.bg-shape{
        position: relative;
    padding: 60px 80px 40px 50px !important;
    z-index: 9;
}
.bg-shape:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all .4s ease-in-out;
    border-radius: 65px 0 0 65px;
    background: url(../images/bg.html);
    background-size: cover;
    background-position: center;
    z-index: -1;
    transform: rotate(180deg);
}
.room-desc.bg-shape.rev:before{
     transform: unset;
}
.room-desc.bg-shape.rev {
    padding: 90px 50px 40px 100px !important;
}
.mb-3{
    margin-bottom: 3em
}
.room-desc .price span {
    font-size: .6em;
    display: block;
    font-weight: 300;
    color: #333;
    line-height: 40px;
}
 .room-box:hover .room-img {
    transform: scale(1.1);
}
body.facilities .room-box .room-img-wrap
{
        height: 380px;
}
body.facilities .room-box:nth-child(1) .room-img-wrap
{
        height: 100%;
}
body.facilities .room-box:nth-child(1) .room-img-wrap .room-img img{
    height: 100%;
    object-fit: cover;
}
.book-btn {
    background: #6e8767;
    color: #fff;
    padding: 15px 30px;
    width: fit-content;
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 8%);
    border-radius: 25px;
    z-index: 9;
    display: block;
    position: relative;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-size: 1em;
    text-align: center;
  
}
.book-btn:hover {
background: #333;
color: #fff;
  animation: fadeIn 3s;
    -webkit-animation: fadeIn 3s;
    -moz-animation: fadeIn 3s;
    -o-animation: fadeIn 3s;
    -ms-animation: fadeIn 3s;
}
.d-flex{
    display: flex;
}

.whyneed img.ser-img{
width: 90%;
}
.s-img{
        position: absolute;
   top: 50%;
    right: -5%;
    transform: translate(-50%, -50%);
    z-index: 9;
    background: #f2f2f2;
    border-radius: 100%;
    border: 10px solid #fff;
}
.whyneed {
    display: flex;    margin-bottom: 50px;
    align-items: center;
}
.service-lst .whyneed:nth-child(2n) .s-img {
    left: 8%;
    right: auto;
}

.service-lst .whyneed:nth-child(even) .whyneed-item{
     padding-left: 0;   margin-right: -50px;       margin-left: 0;
        /*box-shadow: 20px -4px 20px 10px rgb(0 0 0 / 6%)*/
}
.service-lst .whyneed:nth-child(odd) .ser-img{
-webkit-box-shadow: 200px 32px 159px -119px rgba(0,0,0,0.52);
-moz-box-shadow: 200px 32px 159px -119px rgba(0,0,0,0.52);
box-shadow: 200px 32px 159px -119px rgba(0,0,0,0.52);
}
.service-lst .whyneed:nth-child(even) .ser-img{
-webkit-box-shadow: -200px 32px 159px -119px rgba(0,0,0,0.52);
-moz-box-shadow: -200px 32px 159px -119px rgba(0,0,0,0.52);
box-shadow: -200px 32px 159px -119px rgba(0,0,0,0.52);
}
.service-lst .whyneed:last-child .whyneed-item{
-webkit-box-shadow: 200px 32px 159px -119px rgba(0,0,0,0.52);
-moz-box-shadow: 200px 32px 159px -119px rgba(0,0,0,0.52);
box-shadow: 200px 32px 159px -119px rgba(0,0,0,0.52);
}
.service-lst {
     margin-top: 50px; 
}

/*.service-lst .whyneed:nth-child(1n) .whyneed-item:before {
    top: 40px;
    left: 0;
    width: 50px;
    height: 2px;
    content: "";
    position: absolute;
    background: url('../images/shadow.png');
}*/

.whyneed-item {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: justify;
    margin-bottom: 30px;
    padding: 40px 80px 30px;
    background: #fff;margin-left: -100px;
}
.whyneed-item .inner-text h3 {
    position: relative;
    font-family: 'Archia';
    font-weight: normal; text-transform: uppercase;
    font-size: 1.333em;color: #000;
    padding-bottom: 25px;
}
.whyneed-item .inner-text h3:before {
    top: 40px;
    left: 0;
    width: 50px;
    height: 2px;
    content: "";
    border-radius: 10px;
    position: absolute;
    background: #ff8333;
}




/*testimonial*/

.owl-carousel .owl-wrapper:after
{
  content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
  .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
  .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
  .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.html) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}


.owl-theme .owl-controls{margin-top:10px;text-align:center}
.owl-theme .owl-controls .owl-buttons .owl-prev{
    position: absolute;
        top: 35%;
    left: 35%;
    color: #808080;
        font-size: 40px;
    }
    .owl-theme .owl-controls .owl-buttons .owl-next{
    position: absolute;
       top: 35%;
    right: 15%;
    color: #808080;
        font-size: 40px;
    }
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#186db8}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.html) no-repeat center center}
 
.slick-dots li button {
    color:#eaeaea;
    display:inline-block;
    zoom:1;
    margin:0 5px;
       height: 20px;
    width: 20px;
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    background:#eaeaea;
    /* more CSS */
}
.slick-dots li{
    display: inline;
}
.owl-theme .owl-controls{
    display: block !important;
}
ul.slick-dots {
    display: flex;
    align-items: center;
    margin: 30px auto 0;
    justify-content: center;
}

   .testimonial-content img.user {
    height: 100px;
    border-radius: 100%;
    background: #fff;
    /* padding: 10px; */
    -webkit-box-shadow: 2px 5px 20px 0px #eee;
    box-shadow: 4px 6px 0px 0px #6e8767;
}

span.qoute img {
    position: absolute;
       top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
.testimonial-content .name {
    color: #000;
    margin-top: 20px;
    font-family: 'Poppins';
    text-transform: capitalize;
    font-weight: bold;
    font-size: 1.111em;
    text-align: center;
}
.testimonial-content .content p {
    text-align: center;
    line-height: 30px;
}
.testimonial-content .content {
    z-index: 0;
    position: relative;
}
.testimonial-content {
    text-align: center;
    position: relative;
    align-items: center;
    -moz-box-shadow: -1px 1px 8px 0px rgb(2 2 2 / 15%);
    -webkit-box-shadow:-1px 1px 8px 0px rgb(2 2 2 / 15%);
    box-shadow: -1px 1px 8px 0px rgb(2 2 2 / 15%);
    background: #fff;
    padding: 50px;
    margin:65px 5px 20px 150px;
}
.mar0{
    margin: 0
}
/*end*/
.facility-wraper {
    padding: 60px 0;
}

.

/*contact*/

.contact-container {
    width: 100%;
    height: auto;
    margin-top: 1.5em;
        display: flex;
    align-items: center;
}

.contact-left {
    position: absolute;
   left: -45px;
    top: 0;
    width: 302px;
}
.contact-form .col-md-6:nth-child(1), .contact-form .col-md-6:nth-child(3) {
    padding-right: 0;
}
.contact-form {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 60px 6px;
    margin-left: 0px;
   background: #fff;
      border-radius: 25px;
    border: 1px solid #612908;
    position: relative;
}
.iframe iframe {
    border-radius: 25px;
}

.con-title{
width: fit-content;   
    text-align: left;
    color: #fff;
    font-size: 1.389em;
    line-height: 35.99px;
    font-weight: normal;
    font-family: 'Archia';
    letter-spacing: -1px;
    position: relative;
    background: #8d634a;
     padding: 15px 30px;
         position: absolute;left: 0;
    z-index: 9;
}
.con-title:after{
    bottom: 25px;
    position: absolute;
    right: 10px;
    height: 10px;
    width: 10px;
    content: '';
    background: #ff8333;
    border-radius: 100%;
}
.welcome-detail-title4 h2{
    width: fit-content;
    height: auto;
    text-align: left;
    color: #612908;
    font-size: 4.594em;
    line-height: 50.99px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    margin-bottom: 20px;
    letter-spacing: -5px;
    position: relative;
}
.welcome-detail-title4 h2:after{
       bottom: 12px;
    position: absolute;
    right: -25px;
    content: '.';
    color: #ff8333;
    border-radius: 100%;
    font-size: 1.5em;
}

.welcome-detail-title4 h1{
    width: fit-content;
    height: auto;
    text-align: left;
    color: #612908;
    font-size: 4.118em;
    line-height: 50.99px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    margin-bottom: 20px;
    letter-spacing: -5px;
    position: relative;
}
.welcome-detail-title4 h1:after{
       bottom: 12px;
    position: absolute;
    right: -25px;
    content: '.';
    color: #ff8333;
    border-radius: 100%;
    font-size: 1.5em;
}


.welcome-detail-title4  span{
    color: #612908;
    font-size: 1em;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
}
.reach-padding{
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 50px 60px 95px;   background: #f5f5f5;
}
.contact-form-img {
    margin-bottom: 42px;
    text-align: center;
        width: 100%;
}

form#contact_form {
    width: 100%;
}
.contact-form .form-group {
    margin-bottom: 25px;
}
.contact-form input[type="text"],.contact-form select,.contact-form input [type="date"]{
    background: #fff;
    color: #333;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #612908;
}

.contact-form textarea {
    background: #fff;
    color: #333;
    width: 100%;
      border-bottom: 1px solid #612908;
}
.contact-container.row {
   display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}
section.location-sec
{
    position: relative;
}
.location-sec iframe{
        margin-bottom: -30px;
    border-radius: 15px;-webkit-box-shadow: 0px 1px 5px 1px rgba(117,117,117,0.32);
-moz-box-shadow: 0px 1px 5px 1px rgba(117,117,117,0.32);
box-shadow: 0px 1px 5px 1px rgba(117,117,117,0.32);
}
span.locateus {
    position: absolute;
    top: 50%;
    left: 2%;
    transform: rotate(270deg);
    background: #f5f5f5;
    padding: 15px 30px;
    font-family: 'Archia';
    font-weight: bold;
    font-size: 2em;
}
.submit-btn{
    border: none;
    background: #ffae27;
    color: #fff;
    font-weight: normal;
    padding: 10px 50px;
    border-radius: 25px;
    font-family: 'Archia';
    text-transform: uppercase;
    font-size: 1em;transition: all .4s ease-in-out;
    /*width: 100%;*/
}
.submit-btn:hover{
    background: #333;
    color: #fff;
}
h2.css_prefix-title {
    color: #fff;
    font-size: 2.2em;    line-height: 50px;
    font-family: 'Archia';
    font-weight: bold;
    text-transform: capitalize;
    display: block;
    justify-content: center;
    text-align: center;
}

.bg-image {
        height: 660px;
        align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    background: url(../images/bg-img-12.html);
}

section.contact-wrapper {
    padding: 100px 0px 90px;
position: relative;overflow: hidden;
}
.contact-box{
  text-align: center;    min-height: 200px;
  background-color: #fff;
  border-radius: 25px;
  border: 1px solid #612908;
    align-items: center;
    margin-bottom: 15px;   
     padding: 50px 30px 20px;
     display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.reachus {
    padding: 27px 28px 15px 40px;
    position: relative;
    margin-left: 12px;
    z-index: 1;
    background: #fff;
    border-radius: 15px;    margin-top: 8%;
}
.reach-social-links {
    display: flex;
    align-items: center;
    margin: -30px auto;
    text-align: center;
    justify-content: center;
    padding-top: 50px;
}
.reach-social-links ul li a {
    color: #fff;
    background:#1f9e6a;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
        width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
}
.reach-social-links ul li {
    float: left;
    margin-right: 25px;
}
.contact-details-section-outer {
    background: #edf7f8;
    padding: 156px 0 117px;
    position: relative;
    overflow: hidden;
}

.map-section {
    padding: 88px 0;
}
.contact-details-section-outer .design-img {
    position: absolute;
    top: 22px;
    left: -315px;
}
.contact-details-section-outer .design-img2 {
    position: absolute;
    top: 22px;
    right: -315px;
}
.map-section iframe {
    border: 5px solid #ffffff !important;
    border-radius: 50px;
}

.story-card-content {
    width: 590px;
    z-index: 1;
    padding: 74px 50px 77px;
    border-radius: 0 0 100px 0;
    top: 100px;
    left: -100px;
        position: absolute;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
    background: #fff;
}
.story-card-img {
    margin-bottom: 30px;text-align: center;
}
.story-card-content p {
    text-align: center;
    text-transform: uppercase;
}
 .story-card-content h3 {
    font-size: 1.33em;
    margin-bottom: 20px;text-align: center;
}
.story-card-content .banner-btn {
    text-align: center;
    margin-top: 20px;
}
 .banner-btn a {
    color: #288500;
    background: transparent;
    border-radius: 72px;
    padding: 15px 30px 16px 30px;
    display: inline-block;
    position: relative;
    font-weight: 400;
    transition: transform ease 300ms;
    line-height: 20px;
    word-spacing: 2px;
    font-size: 1em;
    transition: ease-in-out 0.3s;
    border: 2px solid #288500;
}
.banner-btn a:hover {
    transform: translateY(-5px);
    background: #288500;
    color: #fff;
    border: 2px solid var(--e-global-color-accent);
    transition: ease-in-out 0.3s;
}
.banner-btn a i{
    margin-right: 15px;
}
.contact-box figure svg {
    height: 55px;
    width: 55px;
}
.contact-box figure {
    text-align: center; 
    margin-bottom: 15px;
}
.contact-box figure .icon {
    position: absolute;
transform: translate(-50%,-50%);
left: 50%;    top: 0;
background:#8d634a;
line-height: 80px;
height: 80px;width: 80px;border-radius: 100%;
}

.contact-box .content p {
    margin: 0;
    font-family: 'Poppins';
    font-weight: normal;
    font-size: 0.889em;
    color: #000;
    text-align: center;

}
.contact-box .content h6 {
        text-align: left;
    display: block;
    color: #212529;
        font-size:1.333em;
    line-height: 47.99px;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'Archia';
    margin-bottom: 0px;margin-top: 0px;
}

 .about-content-img {
    position: relative;
}
 .about-section-f1 {
    position: absolute;
    top: 125px;
}
.about-content-img h2 {
    margin-bottom: 29px;
    font-family: 'Merriweather';
    text-transform: capitalize;
    font-weight: bold;
    line-height: 60px;    font-size: 2em;
}
.about-content-img h2 span{
    color: #6e8767; font-family: 'Poppins';
    text-transform: capitalize;
}
.about-content-img p {
    font-size: 1.33em;
    line-height: 40px;
    font-weight: 300;
    color: #777777;
    padding-right: 0px;
    margin-bottom: 28px;
}
.about-content-img h6 {
    margin-bottom: 16px;
   font-family: 'Poppins';
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.33em;
}

.reserv{
    padding: 90px 90px;
}
/*......................*/

a.date {
    font-size: 1em;
    transition: all .4s ease-in-out;
    font-family: 'Poppins';
    font-weight: 500;
    font-style: normal;
    letter-spacing: 3px;
}
.css_prefix-blog-details {
    padding: 30px;
    background: #fff;
}
.css_prefix .css_prefix-blog-box {
    box-shadow: 0 24px 84px 0 rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0 24px 84px 0 rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 24px 84px 0 rgba(0,0,0,.08);
}
h3.blog-text.css_prefix-heading-title {
    transition: all .4s ease-in-out;
   font-family: 'Merriweather';
    font-weight: bold;
    font-style: normal;
    color: #333;
    font-size: 1.2em;
    line-height: 35px;margin-top: 5px;
}
.profile-container-menu ul li a.active{
    color: #288500;
}
.pull-right{
    float: right;
}
.center{
    margin:0 auto;
    align-items: center;
        display: flex;
        justify-content: center;
}
 
  .home-facility-wraper{
    width: 100%;
    height: auto;
    padding-top: 100px;
        padding-bottom: 100px;
  }


.view-all {
    right: 2%;
    position: absolute;
    top: 6%;
}


.enquiry-wrapper{
    padding: 60px 0
}
.gallery-item{
   width: 32%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    height: auto;
    float: left;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
    position: relative;
}
.gallery-item:nth-child(3n){
margin-right: 0
}


.gallery-item:nth-child(4){
clear: both;
}
.booking-wraper {
    width: 100%;
    height: auto;
    position: relative;
    bottom: 3em;
    overflow: initial;
        height: 600px;
}
img.booking {
    width: 35%;
    opacity: .08;
    /* z-index: -1; */
    position: absolute;
    bottom: -8%;
}

.img2, .img2 img {
    height: 385px;
    object-fit: cover;
}
.img1, .img2 {
    margin-bottom: 5px;
}
.mtop{
    margin-top: 1em
}

.mtop1{
    margin-top: 50px
}
.facilitybg{
    position: absolute;
    width: auto;
    left: 0;
    right: 0;
    top: 7%;
        z-index: -1;
            height: 100%;
            width: 100%;
}
.home-facility-wraper{
    position: relative;
}
.box-group{
    text-align: center;
    overflow: hidden;
    position: relative;
}

.box-group .icon img{
height: auto !important;
width: 70%
    }
.box-group img{
    max-width: 100%;
    max-height: 100%;
    transform: scale3d(1, 1, 1);
    transition: all 0.6s ease-in-out;
    display:block;
    width: 100%;
    object-fit: cover;
    height: 300px;
}
.box-group:hover img{
    transform: scale3d(1.15, 1.15, 1);
}
.box-group .box-content{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    padding-top: 35%;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
}
.box-group:hover .box-content{
    opacity: 1;
}
.box-group .box-content:before, .box-group .box-content:after{
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    opacity: 0;
    z-index: -1;
    transform: scale(1.5);
    transition: all 0.6s ease 0.2s;
}
.box-group .box-content:before{
    border-top: none;
    border-bottom: none;
    left: 30px;
    right: 30px;
}
.box-group .box-content:after{
    border-left: none;
    border-right: none;
    top: 30px;
    bottom: 30px;
}
.box-group:hover .box-content:before, .box-group:hover .box-content:after{
    opacity: 1;
    transform: scale(1);
}
.box-group .content-inner{
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease 0s;
}
.box-group:hover .content-inner{
    opacity: 1;
    transform: scale(1);
}
.box-group .title{
    font-size: 22px;
    font-weight: 700;
    color:#ffcc00;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.box-group .post{
    display: block;
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 15px;
}
.box-group-icon {
    position: absolute;
    bottom: 0;
    left: 0px;
    color: rgba(255,255,255,1) !important;
    font-size: 1.5em;
    font-family: inherit;
    width: 100%;
    text-align: left;
    z-index: 2;
    font-weight:500;
    padding-left: 2%;
    padding-right: 2%;
    top: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
a:hover .box-group-icon{
    display:none !important;
}
.group-link{
    position: absolute;
   top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.group-link img{
    height: 60px !important;
    width: 60px !important;
}
.box-group:hover .group-link img
{
    transform: none !important;
}
.box-content-down.group-link {
    background: #fff;
    padding: 20px;
    border-radius: 100%;
}
.box-group .icon{
    list-style: none;
    padding: 0;
    position: absolute;
    top:0;
    left:0;
    text-align: center;
    opacity: 0;
    transition: all 0.5s ease 0s;
    bottom:0;
    right:0;
    margin:auto;
}
.box-group:hover .icon{
    left: 0px;
    opacity: 1;
    transition-delay: 0.3s;
}
.box-group .icon li{
    display: inline-block;
}
 .box-group .icon li {
       width: 180px;
    height: 180px;
    line-height: 180px;
    background: #fff;
    font-size:18px;
    color: #fff;
    transition: all 0.5s ease 0s;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
}


a:hover .box-title{
    color:#3aaa35;
}
a:hover .box-title-sub{
    color:#3aaa35;
}
.box-group:hover .cs-post_overlay2{
    opacity: .7;
}
.cs-post_overlay2{
        position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0;
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0%), rgb(3 3 3 / 100%));
    opacity: 0;
}
.container {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
}
/*process*/
.process {
position: relative;
    width: 18%; margin-right: 2%;
     float: left;
}
.process:last-child{
    margin-right: 0 }

    .process:nth-child(2) .process-title,
    .process:nth-child(4) .process-title{
        background: #f46d1d;
    }
.process-title
{
    background: #f1a502;    margin: 0 40px;
    border-top-left-radius: 25px;
     border-top-right-radius: 25px;
}
.process-title h1
{
    text-align: center;
    color: #fff;
    font-size: 1em;
    line-height: 47.99px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
    margin-bottom: 20px;
    width: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.process-content {
background: #f4eedd;    border-radius: 25px;
    padding: 30px 40px;
}
.process-content span {
    color: #612908;
    font-size: 1em;
    font-family: 'Archia';
    font-weight: normal;
    text-align: center;justify-content: center;
    display: flex;margin-bottom: 1em;
}
.process-content p{
    text-align: justify;
    color: #000;
    font-size: 0.889em;
    font-family: 'Archia';
    font-weight: normal;
    font-style: italic;
}
.arrow-right
{
    position: absolute;
    top: 60%;
    right: -80px;
    transform: translate(-50%, -50%);
}
.ml-5{
    margin-left: 5% !important
}
.process-content h1 {
    width: 100%;
    height: auto;
    text-align: center;
    color: #333;
    font-size: 1em;
    line-height: 20.99px;
    margin-top: 13px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Archia';
    font-style: normal;
    font-display: swap;
}
.doc-container{
    background-image: url('../images/doc-bg.jpg');
    background-size: cover;height: 230px;
    margin: 80px  0 200px;
}
.docs
{
    background-image: url('../images/doc-bg2.png');
    background-size: cover;    width: 50%;
    padding: 70px 100px;
    border-radius: 25px;
    position: absolute;
    transform: translate(-50%,-21%);
    left: 50%;
    top: 70%;
}
/************************************************** START LOCATION **************************************************/
 .inner-wraper-main{
     width:100%;
     height:auto;
     background-color:#ebede5;
     padding-bottom:90px;
}
 .inner-banner-caption-wrap{
     width:100%;
     height:auto;
     position:absolute;
     bottom:25%;
     right:0;
     left:0;
     display:flex;
     align-items:center;
     font-size: 0.65em
}
 .inner-banner{
     width:100%;
     height:auto;
}
 .inner-banner-wrap{
     width:100%;
     height:auto;
     position:relative;
}
 .inner-caption{
     width:100%;
     height:auto;
     position:absolute;
     left:0;
     bottom:25%;
}
 .bredcum-wraper{
     width:100%;
     height:auto;
     padding-top: 30px;
}
 .bredcum-container{
     width:auto;
     height:auto;
     float:right;
}
 .bred-home{
     width:auto;
     height:auto;
     float:left;
     font-family:inherit;
     font-weight: normal;
     font-size:1em;
     color:#333;
     line-height:30px;
     text-transform: capitalize;
}
 .bred-home a{
     width:auto;
     height:auto;
     float:left;
     font-family:'Archia';
     font-weight: normal;
     font-size:1em;
     color:#333;
     line-height:30px;
     text-transform:capitalize; 
}
 .bred-home a:hover{
     width:auto;
     height:auto;
     float:left;
     color:#612908;
}
 .bred-arrow{
     width:auto;
     height:auto;
     float:left;font-family:'Archia';
     font-weight: normal;
     font-size:0.85em;
     color:#999;
     line-height:32px;
     padding-left:8px;
     padding-right:8px;
}
 .bred-next{
     width:auto;
     height:auto;
     float:left;
     font-family:'Archia';
     font-weight: normal;
     font-size:1em;
     color:#c4601f;
     line-height:30px;
     text-transform:capitalize; 
}
 .inner-wrap{
     width:100%;
     height:auto;
     margin-top:50px;
}

.inner-banner-title{
position: absolute;
    z-index: 1;
    display: inline-block;
    max-height: 100%;
    white-space: normal;
    bottom: 18%;
    left: 5%;
}


/************************************************** START CONTACT **************************************************/
.hide-menu{ display: none;}

 @media (min-width: 1023px)
 {
.process-list:nth-child(5n){
    margin-right: 0;
    }
    .process-list:nth-child(6){
   clear: both;
    }
}

 @media (min-width: 1023px) and (max-width: 1279px) {
     body {
         font-size:13px !important;
    }
     .d-container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
     .top-container {
         width: 100%;
         padding-left: 2%;
         padding-right:2%;
    }
.footer-content-lk{
        top: 37%;    left: 35%;
}
.address p{
        font-size: 1em;    line-height: 27px;
}
    .number-sec .university-title.mt-2{    margin-top: 1em !important;
    margin-bottom: 1em;
    margin-left: 5px;}
    .nav-dropdown>li a{
    font-size: .7em !important;    padding: 9px 12px!important; 
    }  

    .dblock label.titile {
    min-width: 150px;
}
.mission-container {
    margin-top: 0px;
}
.news-content{
    padding: 0px 20px 10px;
}
.news-content a{
    margin: 10px 0 !important;
}
h3.news-details__title-1{
    margin-bottom: 10px;
}
.con-title{
        padding: 10px 30px;
}
.dblock label{
    min-width: unset;
    margin-right: 5px;
}
img.abt5{
        bottom: -148px;
}
img.abt4{
       width: 80%;
    left: -30px;
    bottom: -100px;
}
h1.news-right-conent{
    line-height: 23px;
}
.university-img img{
    height: 100px;
    width: 100px;
    bottom: -10px;
}
.course-div h1:before{
        height: 10px;
    width: 10px;
}
.distance-courses .col-md-3.fbox ul.career-list{
    padding: 20px 10px 0 50px;
}
.c-top{
    padding: 20px 10px 10px;
}
.distance-courses .col-md-3.fbox .c-top{
     padding: 20px 0px 0 40px;
}
body.services .prod-div{
        min-height: 480px;
}
.feature-two__icon
{
        max-width: 70px;    height: 70px;
}
.sidebar__post-image>img{
    width: 60px;
}
.sidebar__post-list li{
    padding: 0
}
.sidebar__post-content h3{
    font-size: .889em;
}
.voc2{
        bottom: -180px;
}
.voc1{
    width: 80%;bottom: -152px;
}
.course-div
{
    padding: 10px 10px 10px 20px;
    min-height: 55px !important;
}
h2.merits_title
{
    padding: 10px;
}

h3.merits_title
{
    padding: 10px;
}
.merits{
    padding: 30px 30px 30px 0px ;
}
.vdiv{
    padding: 20px 30px
}
img.welcome-img1{
    width: 100%;
}
.credit2{
    width: 80%;right: -21%;
}
.col1{
        width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col2{
        width: 33%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
}
.col3{
        width: 18%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
}

.col4{
        width: 55%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
}
.doc-container{
        height: 150px;margin: 80px 0 100px;
}
img.bir-img {
    width: 100%;
}

.docs
{
    padding: 20px 40px;
    margin: -65px auto;

}
.voc-wrap
{
    padding: 4px 20px;
}
    .voc-wrap
{
    padding: 4px 20px;
}
.voc-wrap p{
    font-size: .86em
}
     .submenu-indicator-chevron{
    height: 4px!important; 
    width: 4px!important; 
    }
    .submenu-indicator{
         margin-left: 4px!important; 
    margin-top: 5px!important;    
    }

    .sexy-menu.detached .nav-brand img {
       margin-top: 7px !important;
    width: 28% !important;
}
.prod-div{
    padding: 15px;
}
.prod-div:after{
        height: 30px;bottom: -44px;
}
.open-bg{
     padding-bottom: 30px ;
    padding-top: 30px ;
}
.voc-title{
    margin-right: 50px
}
.unbeat-container{
        padding: 50px 0;
}
.client-div{
    padding: 30px 0
}
.voc-para {
    margin-left: 8%;
}
.open-container {
    padding: 100px 0 100px;
}
.credit-container{
        padding: 45px 0 30px;
}
.credit-detail p{
    width: 800px
}
img.openschool,img.openschool-shape2,
img.openschool-shape1{
    width: 70%;
}
img.openschool-shape3{
      width: 40%;    bottom: -35px;
}
img.openschool1{
 width: 100%;
}
.fet-title {
    margin-bottom: 40px;
}
.welcome-detail-title5 h1
{
        font-size: 2.393em;
}

.welcome-detail-title5 h2
{
        font-size: 2.393em;
}
.location-sec iframe{
    height:500px;
}
span.locateus
{
        font-size: 1.802em;       left: 0;
    padding: 7px 20px;
}
.reach-padding{
    padding: 40px 30px 35px
}
.contact-left
{display: none;}
  body.services .inner-init-text{
    line-height: 45px;
    }
body.services .inner-featured-text span{
    line-height: 35px;
}
.page-hero-inner .hero-text-area{
    bottom: 23%;
}
.process-content h1
{
        margin-top: 5px; margin-bottom: 5px
}
.arrow-right{
    height: 50px;
    width: 50px;
    right: -53px;
}
.process-content
{
    padding: 10px 20px;}
.process-list{
    padding: 7px 7px 3px
}
.process-list:after{
        left: 93%;
}

.products-container {
    padding: 0 50px;
    }
    .br-right:after{
            width: 56%;
    left: 74%;
    }

.inner-init-text{
        font-size: 1.8em;line-height: 32px;
}
.inner-featured-text
{
      letter-spacing: 1px; font-size: 2.8em; line-height: 50px;
}

ul.career-list li:before{
        width: 7px;
    height: 7px;
}
.subj-list.pl {
    padding: 20px 0px 20px 30px !important;
}
ul.career-list {
    padding: 20px 25px;
}
.col4{
        width: 65%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
}
.process-one__icon img
{
    height: 150px;
    width: 150px;
}
.process-one__icon-box{
    height: 170px;
    width: 170px;
}
.process-one__single--two .process-one__icon-box:after{
       width: 35%;
    left: -60px;
}

.process-one__single--one .process-one__icon-box:after{
        width: 35%;
    left: -47px
}
.contact-form{
    width: 100%;    padding: 20px;
}
.contact-container .col-md-8{
    width: 100%;
}
.iframe iframe{
    height: 400px;
}

.colors span{
    height: 35px;
    padding: 10px 15px;
}
.inner-product{
    min-height: 380px
}
      .featured-text {
             font-size: 4em;margin-bottom: 20px;
            line-height: 50px; -webkit-text-stroke: 1px #612909;
        }
        .init-text{

            font-size: 2em;
            line-height: 45px;
        }
       
.header-call svg {
    height: 35px;
    width: 35px;
}

    .bg-image{
        height: 480px;
    }
    h2.css_prefix-title{
        font-size: 1.6em;
        line-height: 40px;
    }
    .pattern-1 img,.pattern-2 img{
width: 200px;
}
.contact-box figure svg{
    height: 40px;
    width: 40px;
}
    .bg-shape {
    padding: 20px 40px 20px 20px !important;
    }
    body.facilities .room-box .room-img-wrap{
           min-height: auto;
    height: auto;
    }
    .footer-content:nth-child(2):after {
    top: 7px;
    }
    .footer-content:after{
        left: -13px;
    top: -17px;
    height: 60px;
    }
    .footer-content:nth-child(5):after {
   left: -17px;
    }

.story-card-content {
    width: 415px;padding: 44px 30px 37px;
}
    .fac-container,.gallery-container {
    padding: 50px 0;
}
.contact-details-section-outer{
    padding: 100px 0 140px
}
section.contact-wrapper{
        padding: 20px 20px 50px;
}
.footer-content:nth-child(1) {
    width: 30%;
}
.course-title-wrap {
    margin-bottom: 0px;
}
.voc-div {
    padding: 80px 0 40px;
}
.facility-div{
    padding: 70px 0 60px 
}
.welcome-detail-title h1{
    font-size: 1.8em
}

.welcome-detail-title h2{
    font-size: 1.8em
}
.welcome-detail-title{
        left: 20px;
    top: 60px;
}
.product-col:nth-child(2),
.product-col:nth-child(4) {
    top: 70px;
}

.p30 {
    padding: 0 20px !important;
}
.about-content-img h2{
        line-height: 40px;font-size: 2em;
        margin-bottom: 10px;
}
.about-content-img p{
    line-height: 30px;
}
.contact-form input[type="text"]{
    height: 50px;
}
.contact-form .form-group {
    margin-bottom: 10px;
}
.contact-form-img{
        margin-bottom: 15px;
}
.about-section-f1 {
    top: 0;
}

.contact-box .content h6{
        line-height: 26.99px;
}
.footer-social-links ul li a i{
    font-size: .9em
}
     .nav-menu > li > a{ font-size: .63em !important}
     .navigation{
        height: 40px!important;
     }
     .sexy-menu.detached{padding: 0 !important}
     .nav-menu>li>a{
            padding:25px 4px!important;
            height: unset!important;
     }

     .nav-menu2>li>a{
          padding:10px 6px!important;font-size: .6em !important
     }
     li.apply a{
            padding: 6px 15px!important;
     }
     li.header-phone img {
    height: 20px;
    }
         .fac-card
    {
        min-height: 460px
    }
    
     .box-group .icon li {
    width: 120px;
    height: 120px;
    line-height: 120px;
    }
    .box-group .icon img{
        width: 80%;
    }
   
    .footer-content-icon img {
    height: 30px;
    }
.footer-content{
            margin-right:5%
     }
    
    .footer-container{
        padding-bottom: 1em
    }
   .welcome-detail{
    padding-top: 50px;
   }
   .welcome-detail.abt-content{
    padding-top: 0
   }


       .title-wraper.text-center {
        margin-bottom: 160px;
    }

 .inner-banner-caption.slide-title .featured-text {
           font-size: 3.3em;
    line-height: 35px;
    letter-spacing: -2px;
        }
   
.nav-brand img {
       width: 40%;
    margin-top: 5px !important;
}

.sexy-menu.detached .nav-menu > li > a {
    padding: 20px 6px !important;
}.sexy-menu.detached .nav-menu > li.apply a {
    padding: 6px 25px!important;
}
.welcome-detail-title4 h1{
        font-size: 3em;
    line-height: 19px;
}



.m-bottom {
    margin-bottom: 30px !important;
}
.contact-box figure .icon{
    height: 60px;
    width: 60px;
    line-height: 60px;
}
.contact-box
{
    min-height: 150px;
}
.icon-div img{
    width: 80px;
}
.welcome-container {
    padding: 50px 30px 15px;
    }

section.adv-div {
    padding: 60px 50px;
}
img.welcome-img{
    width: 120%;
}
img.abt2{
     width: 100%;
}
img.abt3{
     width: 100%;
}
img.shape2{
  width: 100%;  
}
img.shape1{
    width:70%
}
.welcome-detail-title2 h1
{
    line-height: 30px;
    font-size: 2.2em;  

}
.welcome-detail-title2 h2
{
    line-height: 30px;
    font-size: 2.2em;  

}
.abt-title{
    top: 39%;right: -40px;
}
 .year2{
        right: 5%;
    width: 35%;
 }
 .single-services .icon img{
width: 60px;
 }
 .abt-container {
    padding-top: 50px;
    padding-bottom: 50px;
}
.blog-content{
        padding: 0px 20px 20px;
}
h1.blog-right-conent{
        line-height: 25px;
}
.bir-shape{
    width: 100%
}
.uni-div span
{
    font-size: .8em
}
.sidebar__post
{
    padding: 16px 20px 20px
}

.welcome-detail-title4 h2
{
    font-size: 4em;line-height: 40.99px;
}
.con-detail{
    padding: 8px;min-height: 100px;
}
.mission-div{
    padding: 50px 60px 30px 60px;
}
.mission-div.sec{
    padding: 50px 60px 30px 60px;
}
.img-vision
{
    height: 140px;
}
 .welcome-detail.protech-bg {
    padding: 50px 50px 50px 180px;
}
img.client-img {
    width: 86%;
}
.address img {
    height: 35px;
    width: 35px;}
.footer-logo img {
    width: 50%;
}
.footer-content.product-links ul li:before{
    top: 10px;
}
.footer-content.product-links ul li {
    line-height: 25px;
    margin-bottom: 5px;
}
.address
{
    margin-bottom: 20px;
}
.footer-bg {
    padding: 60px 0 50px;
}
.developed-colors h1 span, .br-colors h1 span
{
        height: 50px;
    width: 50px;
    line-height: 50px;
}
.primary-colors, .developed-colors {
    margin-bottom: 20px;
}
.welcome-detail-title3 h1
{
        font-size: 2.428em;
    line-height: 32.99px; letter-spacing: -2px;
}
body.about .welcome-container{
    padding: 50px;
}
.product-container{
    padding: 50px 0;
}
.welcome-detail-title.inner-bottom span
{
    margin-left: -50px;
}
.process-one__title{margin-bottom: 0}
.group-link img {
    height: 40px !important;
    width: 40px !important;
}

    .inner-bottom
    {
            margin-bottom: 40px;
    }
.pc, .dc{
    width: 23%;    padding: 5px 6px;
}
.br-colors .br{
    height: 40px;
}
 .box-group img{
        height: 150px;
 }
 a.book:after{
    left: 45px;
    top: 14px;
 }
 .testimonial-content
 {
        padding: 15px;    margin: 63px 5px 11px 74px;
 }
 .footer-content ul li{
    line-height: 27px
 }
 a.view-detail-btn.gal-btn {
    top: 30px;
    left: 25px;
}
 .view-detail-btn{
    height: 100px;
    width: 100px;line-height: 100px;
 }
.home-facility-wraper{
    padding-top: 50px;
    padding-bottom: 50px;
}

}
 @media (min-width: 1280px) and (max-width: 1359px) {
     body {
         font-size:15px !important;
    }
     .d-container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
    .nav-dropdown .submenu-indicator{
            top: 10px !important;
    }
    .nav-dropdown>li a{
    font-size: .7em !important;    padding: 9px 26px!important; 
    }  
    .footer-content-lk{
        top: 37%;    left: 35%;
}
.footer-content:nth-child(3) ul {
    margin-top: 30px;
}
.footer-content-title{
        margin-bottom: 10px;
}
     .submenu-indicator-chevron{
    height: 4px!important; 
    width: 4px!important; 
    }
       h3.tagline{
    font-size: 1.7em;    line-height: 30px;    margin-top: 0;
    margin-bottom: 10px;
}

    .submenu-indicator{
         margin-left: 4px!important; 
    margin-top: 5px!important;    
    }
    .address {
        margin-bottom: 20px;
    }
.mission-container {
    margin-top: 0px;
}
.news-content{
    padding: 0px 20px 10px;
}
.news-content a{
    margin: 10px 0 !important;
}
h3.news-details__title-1{
    margin-bottom: 10px;
}
.con-title{
        padding: 10px 30px;
}
.dblock label{
    min-width: unset;
    margin-right: 10px;
}
img.abt5{
        bottom: -148px;
}
img.abt4{
       width: 56%;
    left: -30px;
    bottom: -100px;
}
.mission-div
{
    padding: 40px 100px 40px 60px
}
.mission-div.sec {
    padding: 40px 60px 40px 100px;
    }
h1.news-right-conent{
    line-height: 23px;
}
.blog-content{
        padding: 0px 20px 20px;
}
h1.blog-right-conent{
        line-height: 25px;
}
.sidebar__post
{
    padding: 16px 20px 20px
}
li.product-col.lslide{
    margin-right: 30px !important
}
.welcome-detail-title4 h2
{
    font-size: 4em;line-height: 40.99px;
}
.con-detail{
    padding: 8px;
}
.blog-content{
        padding: 0px 20px 20px;
}
h1.blog-right-conent{
        line-height: 25px;
}
.uni-div span
{
    font-size: .8em
}
    .university-img img{
    height: 100px;
    width: 100px;
    bottom: -10px;
}
.course-div h1:before{
        height: 10px;
    width: 10px;
}
.distance-courses .col-md-3.fbox ul.career-list{
    padding: 20px 10px 0 50px;
}
.c-top{
    padding: 20px 10px 10px;
}
.distance-courses .col-md-3.fbox .c-top{
     padding: 20px 0px 0 40px;
}
body.services .prod-div{
        min-height: 500px;    padding: 10px;
}
.feature-two__icon
{
        max-width: 70px;    height: 70px;
}
.sidebar__post-image>img{
    width: 60px;
}
.sidebar__post-list li{
    padding: 0
}
.sidebar__post-content h3{
    font-size: .889em;
}
.voc2{
        bottom: -180px;
}
.voc1{
    width: 80%;bottom: -152px;
}
.course-div
{
    padding: 10px 10px 10px 20px;
    min-height: 55px !important;
}
h2.merits_title
{
    padding: 10px;
}
h3.merits_title
{
    padding: 10px;
}

.merits{
    padding: 30px 30px 30px 0px ;
}
.vdiv{
    padding: 20px 30px
}
img.welcome-img1{
    width: 100%;
}
.credit2{
    width: 80%;right: -21%;
}
.col1{
        width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col2{
        width: 33%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
}
.col3{
        width: 18%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
}

.col4{
        width: 65%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
}

img.bir-img {
    width: 100%;
}

        .voc-wrap
{
    padding: 4px 20px;
}

.doc-container{
        height: 150px;margin: 80px 0 100px;
}
.docs
{
    padding: 20px 60px
}
.voc-wrap
{
    padding: 4px 20px;
}
.voc-wrap p{
    font-size: .86em
}
.process-content {
    padding: 10px 20px;
}
.arrow-right {
    height: 60px;
    width: 60px;
    right: -63px;
}
    .welcome-detail-title5 h1
{
        font-size: 2.393em;
}

    .welcome-detail-title5 h2
{
        font-size: 2.393em;
}
    .welcome-detail-title2 h1{
            font-size: 2.367em;
    line-height: 41px;
    letter-spacing: -2px
    }
    
       .welcome-detail-title2 h2{
            font-size: 2.367em;
    line-height: 41px;
    letter-spacing: -2px
    }
    
    img.openschool,img.openschool-shape2,
img.openschool-shape1{
    width: 70%;
}
img.openschool-shape3{
      width: 40%;    bottom: -35px;
}
img.openschool1{
 width: 100%;
}
.footer-content:nth-child(1) {
    width: 27%;
}
    .products-container {
    padding: 0 80px;
    }
    .br-right:after{
             width: 65%;
    left: 69%;
    }
    .contact-form{
    width: 100%;    padding: 40px;
}
.contact-container .col-md-8{
        width: 85%;
    float: right;
}
.contact-left {
    left: -14px;
    top: 115px;
    width: 200px;
}
.reach-padding{
    padding: 40px 30px 35px;
}
.reachus{
    padding: 30px 35px 25px 30px
}
.icon-div {
    margin-left: -150px;
}
    .contact-container.row
    {
        padding: 50px
    }
    .colors span{
    height: 35px;
    padding: 10px 15px;
}
.inner-product{
    min-height: 450px
}
.process-one__icon img
{
    height: 160px;
    width: 160px;
}
.process-one__icon-box{
    height: 180px;
    width: 180px;
}
.process-one__single--two .process-one__icon-box:after{
     
    width: 70%;
    left: -126px;

}

.process-one__single--one .process-one__icon-box:after{
       
    width: 70%;
    left: -117px;

}
    .single-services .icon img{
width: 60px;
 }
 .welcome-detail.protech-bg {
    padding: 70px 70px 70px 230px;
}
img.client-img {
    width: 80%;
}

.footer-logo img {
    width: 50%;
}
.footer-bg {
    padding: 60px 0 50px;
}
.developed-colors h1 span, .br-colors h1 span
{
        height: 50px;
    width: 50px;
    line-height: 50px;
}
.pc, .dc{
        padding: 9px;
}
.br-colors .br{
    height: 40px;
}
img.protech{
        left: -56px;
    top: 22px;
    width: 40%;
}
.primary-colors, .developed-colors {
    margin-bottom: 20px;
}
   img.welcome-img2{
    width: 60%;    left: -82px;
   }
    h2.css_prefix-title{
        font-size: 1.6em;
        line-height: 40px;
    }
     .top-container {
         width: 100%;
         padding-left: 3%;
         padding-right:3%;
    }
    
     .init-text{
        font-size: 2em;
        line-height: 55px;
     }
     .featured-text{
        line-height: 65px;
        font-size: 4.5em;
        margin-bottom: 20px;
     }

.welcome-detail-title h1{
    font-size: 1.8em
}

.welcome-detail-title h2{
    font-size: 1.8em
}
.welcome-detail-title{
        left: 20px;
    top: 60px;
}
.product-col:nth-child(2),
.product-col:nth-child(4) {
    top: 70px;
}

.p30 {
    padding: 0 20px !important;
}
.credit-detail p{
    width: 1000px;
}
.welcome-detail-title4 h1{
        font-size: 2.6em;
    line-height: 20.99px;
}



.client-div{
    padding: 20px 0
}
.icon-div img{
    width: 80px;
}
.welcome-container {
    padding: 100px 0px 17px;
    }
.single-services{
    min-height: 300px;padding: 10px 20px;
}
section.adv-div {
    padding: 60px 50px;
}
img.welcome-img{
    width: 130%;
}
img.welcome-img2{
        width: 55%;
    left: -70px;
}
      .inner-banner-caption.slide-title .featured-text {
           font-size: 3.7em;
    line-height: 53px; letter-spacing: -3px;
        }
        
   

     body.facilities .room-box .room-img-wrap {
    height: 365px;
}
img.welcome-img{
    width: 115%;
}
.single-services{
    padding: 10px;
}
 .footer-social-links ul li a i{
    font-size: .9em
}
     .nav-menu > li > a{ font-size: .8em !important}
     .navigation{
        height: 40px!important;
     }
     .nav-menu>li>a{
            padding:40px 13px!important;
            height: unset!important;
     }
     li.header-phone img {
    height: 20px;
    }
     
     .box-group .icon li {
    width: 120px;
    height: 120px;
    line-height: 120px;
    }
    .box-group .icon img{
        width: 80%;
    }
   
    .footer-content-icon img {
    height: 30px;
    }

       .title-wraper.text-center {
        margin-bottom: 160px;
    }


   .footer-content{
            margin-right:7%;
     }
    
.nav-brand img {
    width: 50%!important;    margin-top: 7px !important;
}
.unbeat-container {
    padding: 50px 0;
}
.sexy-menu.detached .nav-brand img
{
    margin-top: 0px !important;
    width: 45%!important;
}
.product-container{
    padding: 50px 0
}
    .course-title-wrap {
    margin-bottom: 0px;
}
.voc-div {
    padding: 80px 0 40px;
}
.facility-div{
    padding: 70px 0 60px 
}
img.welcome-img{
    width: 120%;
}
img.abt2{
     width: 100%;
}
img.abt3{
     width: 100%;
}
img.shape2{
  width: 100%;  
}
img.shape1{
    width:70%
}
 .nav-menu > li > a{ font-size: .76em !important}
     .navigation{
        height: 40px!important;
     }
     .sexy-menu.detached .nav-menu > li > a {
    padding: 20px 7px !important;
}
     .sexy-menu.detached{padding: 0 !important}
     .nav-menu>li>a{
            padding:25px 6px!important;
            height: unset!important;
     }

     .nav-menu2>li>a{
          padding:10px 10px!important;font-size: .7em !important
     }
     li.apply a{
            padding: 6px 15px!important;
     }
     li.header-phone img {
    height: 20px;
    }
       .title-wraper.text-center {
        margin-bottom: 160px;
    }
    
    .home-feat-wraper{
        padding-top: 80px;
        padding-bottom: 80px;
        padding-left:60px;
        padding-right: 60px;
        position: relative;
    }
 
    .shape1{
            top: 22%;
                width: 30%;
    }
    .shape4 {
    top: 24%;
    right: 22%;
        width: 30%;
    }
    .shape2{
    top: 60%;
    left: -3%;
        width: 30%;
    }
   .shape3{
    top: 71%;
    left: 22%;
        width: 30%;
    }
    .shape5 {
        top: 63%;
    right: 2%;
        width: 30%;
    }
    .edu-btn{
        margin-top: 0
    }
    .address img{
    height: 40px;
    width: 40px;
    line-height: 40px;
    }
    .about-wrap.style2 {
    padding: 60px 0 80px;
    }
    .about-wrap.style2 .about-img-wrap .ab-img-5
    {
        width: 200px;
    }
    .about-cat img
    {
            width: 100%;
    }
    .highlight-wrap {
    padding: 0px 0 100px;
    }
    
  .inner-init-text{
        font-size: 2em;line-height: 35px;
}
.inner-featured-text
{
       font-size: 3em; line-height: 60px;
}
body.services .inner-featured-text span{
    line-height: 55px;
}

    .inner-banner-title{
        bottom: 18%;
    }

    .booking-wraper .contact-form1
    {
        height: 55%;
    }

    
    .bottom-pic img{
        height: 450px
    }
    
    .contact-form1
    {
        width: 70%;
            padding: 30px 40px 30px;
    }
        .fac-container,.gallery-container {
    padding: 50px 0;
}
.contact-details-section-outer{
    padding: 100px 0 140px
}
section.contact-wrapper{
        padding: 50px 20px 50px;
}
.contact-form{
    padding: 50px;

}
span.locateus
{
            font-size: 1.402em;
    left: 13px;
    padding: 7px 20px;
}
.location-sec iframe
{
    height: 500px !important;
}
.contact-form input[type="text"]{
    height: 50px;
}
.contact-form .form-group {
    margin-bottom: 10px;
}
.footer-social-links ul li a i{
    font-size: .9em
}
    .footer-container{
        width: 100%;
            padding-bottom: 10px;
    }
    .footer-content-icon img {
    height: 30px;
}


}
 @media (min-width: 1360px) and (max-width: 1399px) {
     body {
         font-size:16px !important;
    }
    .nav-menu>li>a
    {
        font-size: .9em !important
    }
    .nav-dropdown>li a{
    font-size: .85em !important;
}
.nav-menu>li>a{
    font-size: .85em !important;
        padding: 40px 5px !important;
}
.footer-content-lk{
        top: 38%;    left: 35%;
}
.dblock label{
    margin-right: 25px;
}
.sexy-menu.detached .nav-menu > li > a {
    padding: 20px 6px !important;
}
.dblock label.titile {
    min-width: 170px;
}

img.bir-img,img.welcome-img1{
    width: 100%;
}
.mission-div{
    padding: 50px 100px 50px 60px;
}
.mission-div.sec{
    padding: 50px 80px 50px 100px;
}
.col4{
        width: 65%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
}
.dcourse{
        min-height: 480px;
}
.footer-content:nth-child(1) {
    width: 28%;
}
     .d-container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container {
         width: 100%;
         padding-left: 2%;
         padding-right:2%;
    }
    span.locateus
{
        font-size: 1.802em;left: -18px;
    padding: 7px 20px;
}
.contact-left
{
   width: 200px;
    top: 122px;
    left: -25px;
}
.contact-form
{
        padding: 30px 30px 0;
}
.welcome-detail-title4 h1
{font-size: 3em; line-height: 25px}
.contact-container .col-md-8 {
    width: 80%;
    float: right;
}




.reach-padding{
    padding: 28px 40px 75px;
}
.reachus{
    padding: 30px 35px 25px 30px
}
    .single-services
    {
        padding: 10px 20px;min-height: 360px;
    }
    .process-one__single--two .process-one__icon-box:after{
        width: 50%;
    left: -100px
}

.process-one__single--one .process-one__icon-box:after{
        width: 50%;
    left: -90px
}
    .br-colors .br
    {
        height: 45px;
    }
    img.welcome-img2
    {
        width: 65%;left: -100px;
    }
    .welcome-container{
        padding-bottom: 70px
    }
    .welcome-detail.protech-bg {
    padding: 80px 30px 80px 250px;
}
.pc, .dc{
        padding: 9px;
}
    body.facilities .room-box:nth-child(1) .room-img-wrap .room-img img{
        height: 96%;
    }
   .fac-card
    {
        min-height: 530px
    }
    .contact-form1{
        width: 60%;
        padding: 30px 50px 30px;
    }
   


  .submit-btn
    {
        height: unset;
    }
    .bottom-pic img {
    height: 500px;
    }
    
    .footer-container{
        width: 100%;
        padding-bottom: 0
    }
    
 .footer-content{
            margin-right:7%
     }
     .footer-logo img{
            margin-top: -30px;
    margin-bottom: 25px;
     }
     .img2, .img2 img {
    height: 310px;
}
.nav-brand img {
    width: 50%;
    margin-top: 20px !important
}
.sexy-menu.detached .nav-brand img{
     width: 50% !important;margin-top: 2px !important
}
img.welcome-img {
    width: 115%
}
section.contact-wrapper
{
    padding: 70px 0 50px
}
}
 @media (min-width: 1400px) and (max-width: 1441px) {
     body {
         font-size:16px !important;
    }
     .d-container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
    .footer-content-lk{
        top: 38%;    left: 35%;
}
    .footer-content:nth-child(1) {
    width: 28%;
}
    .dblock label{
            margin-right: 23px;
    }
.dblock label.titile {
    min-width: 190px;
}
.col4{
        width: 65%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
}
img.bir-img,img.welcome-img1{
    width: 100%;
}
.nav-dropdown>li a{
    font-size: .85em !important;
}
.nav-menu>li>a{
    font-size: .85em !important;
        padding: 40px 5px !important;
}
.sexy-menu.detached .nav-menu > li > a {
    padding: 20px 6px !important;
}
.sexy-menu.detached .nav-brand img{
    width: 50% !important;
    margin-top: 5px !important
}
    .process-one__single--two .process-one__icon-box:after{
        width: 50%;
    left: -100px
}

.process-one__single--one .process-one__icon-box:after{
        width: 50%;
    left: -90px
}
     .br-colors .br
    {
        height: 45px;
    }
    img.welcome-img2
    {
        width: 65%;left: -100px;
    }
      span.locateus
{
        font-size: 1.802em;left: 7px;
    padding: 7px 20px;
}
.contact-left
{
   width: 200px;
    top: 122px;
    left: -25px;
}
.contact-form
{
        padding: 30px 30px 0;
}
.welcome-detail-title4 h1
{font-size: 3.5em; line-height: 30px}
.contact-container .col-md-8 {
    width: 80%;
    float: right;
}



.reach-padding{
    padding: 30px 40px 76px;
}
.reachus{
    padding: 30px 35px 25px 30px
}
  
.pc, .dc{
        padding: 9px;
}
    body.facilities .room-box:nth-child(1) .room-img-wrap .room-img img{
        height: 96%;
    }
   .fac-card
    {
        min-height: 530px
    }
    .contact-form1{
        width: 60%;
        padding: 30px 50px 30px;
    }
   


  .submit-btn
    {
        height: unset;
    }
    .bottom-pic img {
    height: 500px;
    }
    
    .footer-container{
        width: 100%;
        padding-bottom: 0
    }
   
 .footer-content{
            margin-right:7%
     }
     .footer-logo img{
            margin-top: -30px;
    margin-bottom: 25px;
     }
     .img2, .img2 img {
    height: 310px;
}
.nav-brand img {
    width: 70%;margin-top: 10px !important
}

}
 @media (min-width: 1441px) and (max-width: 1599px) {
     body {
         font-size:16px !important;
    }
     .d-container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
    .nav-menu>li>a
    {
        font-size: .9em !important
    }
    .nav-dropdown>li a{
    font-size: .85em !important;
}
.nav-menu>li>a{
    font-size: .85em !important;
        padding: 40px 8px !important;
}
.sexy-menu.detached .nav-menu > li > a {
    padding: 20px 8px !important;
}
    .fac-card
{
    min-height: 550px
}
.nav-brand img{
    width: 70%;
}
  .br-colors .br
    {
        height: 45px;
    }
    img.welcome-img2
    {
        width: 65%;left: -100px;
    }
    .welcome-container{
        padding-bottom: 30px
    }
    .welcome-detail.protech-bg {
    padding: 80px 30px 80px 250px;
}
.pc, .dc{
        padding: 9px;
}
    body.facilities .room-box:nth-child(1) .room-img-wrap .room-img img{
        height: 96%;
    }
   .fac-card
    {
        min-height: 530px
    }
    .contact-form1{
        width: 60%;
        padding: 30px 50px 30px;
    }
   


  .submit-btn
    {
        height: unset;
    }
    .bottom-pic img {
    height: 500px;
    }
    
    .footer-container{
        width: 100%;
        padding-bottom: 0
    }

     .footer-logo img{
            margin-top: -30px;
    margin-bottom: 25px;
     }
     .img2, .img2 img {
    height: 310px;
}
.nav-brand img {
    width: 50%;
     margin-top: 20px !important;
}
img.welcome-img {
    width: 130%;
}
.sexy-menu.detached .nav-brand img{
    width: 50% !important;    margin-top: 5px!important; 
}
}
 @media (min-width:1600px) and (max-width:1680px) {
     body {
         font-size:17px !important;
    }
     .d-container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
    .nav-menu>li>a {
    font-size: .9em !important;
    padding: 40px 8px !important;
}

    .dblock label{
            margin-right: 23px;
    }
.welcome-detail-title4 h1{
        font-size: 3.8em;
    line-height: 40.99px;
}

     span.locateus
{
        font-size: 1.802em;left: 7px;
    padding: 7px 20px;
}
.contact-left
{
       width: 225px;
    top: 122px;
    left: -43px;
}
.contact-form
{
        padding: 40px
}
.contact-container .col-md-8 {
    width: 80%;
    float: right;
}
    .process-one__single--two .process-one__icon-box:after {
    width: 60%;
    left: -125px;
}
.process-one__single--one .process-one__icon-box:after{
      width: 60%;
    left: -120px;
}
      .br-colors .br
    {
        height: 45px;
    }
    img.welcome-img2
    {
        width: 65%;left: -100px;
    }
    .welcome-container{
        padding-bottom: 30px
    }
    .welcome-detail.protech-bg {
    padding: 80px 70px 80px 300px;
}
.pc, .dc{
        padding: 9px;
}
    body.facilities .room-box:nth-child(1) .room-img-wrap .room-img img{
        height: 96%;
    }
   .fac-card
    {
        min-height: 530px
    }
    .contact-form1{
        width: 60%;
        padding: 30px 50px 30px;
    }
   


  .submit-btn
    {
        height: unset;
    }
    .bottom-pic img {
    height: 500px;
    }
    
    .footer-container{
        width: 100%;
        padding-bottom: 0
    }

     .footer-logo img{
            margin-top: -30px;
    margin-bottom: 0px;
     }
     .img2, .img2 img {
    height: 310px;
}
.nav-brand img {
    width: 65%;
    margin-top: 10px !important
}
img.welcome-img {
    width: 130%;
}
.sexy-menu.detached .nav-menu > li > a {
    padding: 20px 8px !important;
}
.sexy-menu.detached .nav-brand img {
    margin-top: 0px !important;
    width: 60%!important;
}
}
 @media (min-width:1681px){
     body {
         font-size:18px !important;
    }
   .d-container {
    width: 100%;
    padding-left: 8%;
    padding-right: 8%;
}


}
 @media (min-width:1360px) and (max-width:1680px) {

img.abt5{
    bottom: -222px;
}
img.abt4{
    width: 59%
}
.doc-container{
        height: 200px;margin: 80px 0 100px;
}
.docs
{
    padding: 34px 80px
}
.voc-wrap
{
    padding: 4px 20px;
}
img.openschool-shape3{

    bottom: -39%;
}
.facility-div{
        padding: 50px 0 50px;
}
.voc-div {
    padding: 60px 0;
}

.unbeat-container{
    padding: 80px 60px;background-size: cover;
}
.welcome-detail-title5 h1{
    font-size: 2.326em;
}
.welcome-detail-title5 h2{
    font-size: 2.326em;
}

  .products-container {
    padding: 0 100px;
    }
    .br-right:after{
             width: 65%;
    left: 69%;
    }
.year2 {
    top: -12px;
    right: 5%;
}

section.adv-div {
    padding: 70px 50px;
}
img.welcome-img{
    width: 100%;
}
img.abt2{
    width: 90%;    right: 30px;
}
img.abt3{
       width: 70%;
}
img.shape1{
        width: 60%;    top: 14%;
}
img.shape2{
    width: 86%
}
.welcome-container{
    padding: 70px 50px
}
.contact-container.row
{
   padding: 60px 50px;
}
.size span{
    padding: 8px 6px;
}
.inner-product
{
    min-height: 500px;
}
.colors span
{
    height: 45px;
}

.featured-text{
    font-size: 5em;    line-height: 100.52px;
}
.init-text
{
            font-size: 2.6em;  line-height: 40.52px;
}
.line-shape{
    top: 30px
}

li.header-phone img {
    height: 25px;
}
.nav-menu2>li>a{
        padding: 10px 10px !important;
        font-size: .9em
}
li.apply a{
    padding: 4px 19px!important;
}
.fac-container,.gallery-container {
    padding: 50px 0;
}
.contact-details-section-outer{
    padding: 100px 0 140px
}

.welcome-detail
{
    padding-top: 50px;
}
.welcome-detail.abt-content{
    padding-top: 0
}
.footer-content ul li{
        margin-right: 13px;
}
.footer-content-icon img {
    height: 30px;
}
  
     .title-wraper.text-center {
        margin-bottom: 160px;
    }
 
    .about-wrap.style2 .about-img-wrap .ab-img-5
    {
            width: 250px;
    }
    .about-wrap.style2 .about-cat img{
        width: 90%
    }
    .inner-featured-text{
         font-size: 3em;
            line-height: 60px;
    }
    .inner-init-text
    {
        font-size: 2.5em;line-height: 45px;
    }
    body.services .inner-init-text{
    line-height: 45px;
    }
body.services .inner-featured-text span{
    line-height: 65px;
    }
    .inner-banner-title
    {
    bottom: 20%;
    }

        .inner-banner-caption.slide-title .featured-text {
             font-size: 4em;
            line-height: 60px;letter-spacing: -3px;
        }

    }

 @media (max-width:420px) {

  .visitor-info {
    width: 320px;
    margin: 30px auto 0;
}
.visitor-info .oval-cut{
        background-size: contain !important;
}
.visitor-info h3{
    font-size: 1.33em
}
.visitor-info h5{
    font-size: 1em
}
.center-column .inner-box{
        padding: 0px 10px 0px 10px;
}
    .feat-img {
        height: 90px
    }
    .feat-img:nth-child(4) {
        height: 90px
    }
     body {
         font-size:14px !important;
    }
     .d-container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container{
         width:100%;
         padding-left:3%;
         padding-right:3%;
    }
     .desk-view{
         display: none !important 
    }
     .mob-view{
         display: block !important 
    }
.footer-social-links ul li a{
    width: 30px;
    height: 30px;font-size: 1em
}
    .footer-wraper{     padding-top: 5px;
    padding-bottom: 80px;}
    .footer-container{ display: inherit;}
    .bottom-container{ width: 100%; padding: 0px; display: inherit;}
    
    .footer-social-links ul li {width: 30px;height: 30px; margin-right: 10px;}
    .footer-content:nth-child(1){ width: 100%;}
    .banner-caption-mid{ letter-spacing: -1px;}
    .whats-app img {margin-left: 0px;      }
   
    
}
 @media (min-width:421px) and (max-width:460px){

    .visitor-info {
    width: 400px;
    margin: 30px auto 0;
}
.visitor-info .oval-cut{
        background-size: contain !important;
}
.visitor-info h3{
    font-size: 1.33em
}
.visitor-info h5{
    font-size: 1em
}
.center-column .inner-box{
        padding: 0px 10px 0px 10px;
}

 .footer-content ul li{ width: 100%; float: left;}
    .feat-img {
        height: 120px
    }
    .feat-img:nth-child(4) {
        height: 120px
    }

     body {
         font-size:14px !important;
    }
     .d-container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .desk-view{
         display: none !important 
    }
     .mob-view{
         display: block !important 
    }


    .footer-wraper{ padding-top:5px ; padding-bottom: 80px;}
    .footer-container{ display: inherit;}
    .bottom-container{ width: 100%; padding: 0px; display: inherit;}
    .footer-social-links ul li {width: 43px;height: 43px; margin-right: 10px;}
    .footer-content:nth-child(1){ width: 100%;}
}

 @media  (max-width:460px){
.nav-brand img {
    width: 70%;
    display: flex;align-items: center;
    margin: 0px auto !important;
}
.footer-social-links ul li{margin-right: 0 !important}

}

 @media (min-width:461px) and (max-width:560px){
.nav-brand img {
    width: 60%;
    display: flex;align-items: center;
    margin: 0px auto !important;
}
.footer-social-links ul li {
    margin-right:10px !important;
}
     body {
         font-size:14px !important;
    }
     .d-container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container{
         width:100%;
         padding-left:1%;
         padding-right:1%;
    }
     .desk-view{
         display: none 
    }
     .mob-view{
         display: block 
    }

    .designed p{ line-height: 30px;}
    .footer-wraper{ padding-top:5px ; padding-bottom: 80px;}
    .footer-container{ display: inherit;}
   
   
}


@media (max-width:560px){
.sexy-menu.detached{
    position: unset !important;
}
.footer-content.qlinks {
    display: none;
}
 .footer-content-lk{
    position: unset; padding: 10px 10px;   margin-top: 30px;
 }  
 .footer-content-lk br {
    display: none;
} 
.banner-bottom-slider img{
        height: 150px;    opacity: .2;    width: 60%;
}

.banner-bottom-slider{
  padding: 9px 10px 9px
}
h3.tagline{
    font-size: 1.1em;    line-height: 25px;  
}
.thanks-content h1{
    font-size: 1.7em;    margin: 0;
}
.thanks-content{
        width: 80%;padding: 25px;
}
.thanks-div p {
    margin-bottom: 20px;
}
.thanks-content svg{
    height: 50px;
}


.number-sec .university-title.mt-2 {
    margin-top: 1em !important;
    margin-bottom: 1em;
    margin-left: 5px;
}
.number-div
{margin-bottom: 10px;}
body.vocational .welcome-detail-title2 h1{
        margin-bottom: 0;
}
body.applynow .contact-form{
        margin-top: 0;
}
.options{
    display: block;
}
.options div{
    width: 50%;
    float: left;
    line-height: 
}
.dblock label{
    margin-right: 10px
}
body.domestic .university-title{
    margin:0;
}
body.domestic .content-container{
    padding-bottom: 0
}
body.domestic .welcome-detail p{
    margin-bottom: 0
}
.bred-arrow{
        font-size: 0.5em;padding-left:5px;
    padding-right: 5px;
}
.blog-div{
    margin-bottom: 20px;
}
.content-container{
    overflow: hidden;
}
body.openschool .fet-title h1{
    text-align: left; 
}
body.openschool .abt-container{padding-top: 0 !important}
body.openschool .fet-title{
    padding: 0;    margin-bottom: 0;
}
.course-div h1{
    font-size: 1em;
}
.fet-title p{
    margin-top: 5px;
}
body.distance ul.career-list,body.distance .distance-courses .col-md-3.fbox ul.career-list{
    padding: 20px 27px 0 41px;
}

.open-detail {
    margin-right: 0;
}
.voc-item img.v-icon{
        height: 60px;
    width: 60px;
}
.pro-content a{
 font-size: 14px !important;   
}
.university-title br{
    display: none;
}
img.line
{
    display: none;
}
.client-div,.voc-div{
    overflow: hidden;
}
.client-div,.client-div2{
    padding: 20px 0
}
.prod-div:after{
    bottom: -50px;
    height: 40px;
    z-index: -1
}
body.services .prod-div{
    min-height: unset;    margin-bottom: 50px;
}
.accordion-button::after
{
    width: 10px!important;
    height: 10px!important;   background-size: auto!important;
}
.accordion-button
{
    font-size: .55em !important;
    line-height: 2;
    padding: 10px 10px 10px 50px !important;
}
span.qs-mark{
    height: 30px;
    width: 30px;position: absolute;
    left: 10px;
    line-height: 30px;
}
.career-p{
    margin-bottom: 10px !important
}
body.career .welcome-detail-title2 h1{
margin-bottom: 5px;
}
.career-img{
    display: none;
}
.tab button{
    padding: 8px 20px 8px 20px;font-size: .9em
}
.mt-5 {
    margin-top: 3em;
}
.news-gallery{
    padding: 10px;
}
.news-img{
    display: none;
}
.news-div{
    margin-bottom: 10px;
}
h1.news-right-conent{
    margin-top: 0;
}
.news-content
{
    padding: 10px 20px
}
.news-one__date
{
    padding: 5px 10px 5px;
}
.sidebar__post-content h3{
    font-size: .8em
}
.sidebar__post-image>img {
    width: 100px;
}
.sidebar__title{
    margin-left: 0;
}
.sidebar__post-list li{
    padding: 0;
}
.sidebar__post
{
    padding: 16px 20px 20px;
}
.news-details__content
{
    padding: 12px 32px 25px
}
h3.news-details__title-1
{
        font-size: 1.2em;
    line-height: 30px;    margin: 0 0 7px;
}
.blog-content {
    padding: 0 15px 10px;
}

.feature-two__icon{
        max-width: 60px;
}
.fet-title.openschool2 span:after,
ul.career-list.before-sh li:before{
    height: 8px;
    width: 8px;
    bottom: 15px;
}
  body.openschool  ul.career-list.subj-list{
     padding: 0px 0px 0px 60px !important;
 }
ul.career-list.subj-list.pl-0 {
    padding: 10px 0px 0px 60px !important;
}
.col3,.col4,.col5,.col6,.col1,.col2,.col3 {
    width: 95%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;  
    margin-left: 2.5%;
    padding-bottom: 10px;
}
.welcome-detail-title2 {
    margin-bottom: 10px;
}
.openschool-tit1 span
{
    font-size: 1.1em
}
.sub-top{
    margin-bottom: 10px;
}
.openschool-subj span
{
    font-size: 1.1em;
    line-height: 40px;
}
.subj-list.pl {
    padding: 20px 0px 20px 60px !important;
}
   .flex-wrap{
    display: block;
   } 
.footer-content:nth-child(1){
    width: 100%;
}
.dur{
    margin-bottom: 40px;overflow: hidden;
}
.university-title{
    font-size: 1.2em;
}
ul.career-list.doc-sh{
    margin-left: 0
}
.university-title:after
{
    height: 7px;
    width: 7px;
}
.req-div p{
    text-align: left;
}
.university-title{
    margin: 0 auto;
}
.req-div
{
    margin-top: 10px;
}
ul.career-list
{
   padding: 0px 25px 0;
}
ul.career-list.before-sh li, ul.career-list.obj-sh li
{
    font-size: 1em;
    padding-left: 10px;    line-height: 2.3;
}
ul.career-list.obj-sh li:before
{
        width: 8px;
    height: 8px;
    top: 15px;
}
.content-container
{
        padding-top: 30px;
    padding-bottom: 20px;
}
.university-img img
{
        height: 70px;
}
.nios-row{
    display: block;
}
.course-div h1:before
{
    height: 10px;
    width: 10px;
}
.course-div h1 br{
    display: none;
}
.course-div{
    padding: 15px 15px 15px 15px;
    min-height: unset;    margin: 0 7%;
}
.vcourses {
    margin-bottom: 50px;
}
.vdiv h1
{
    font-size: 1.1em;
}

.vdiv h2
{
    font-size: 1.1em;
}

.vdiv h3
{
    font-size: 1.1em;
}
.view-detail
{
    font-size: .9em;
    padding: 6px 20px;
        bottom: -25px;
}
.vdiv
{
    padding: 20px 10px
}
.fet-title span{
    font-size: 1em;
}
.distance-div{
    overflow: hidden;
}
.doc-container{
    margin: 40px 0 90px;
    height: 130px;    width: 99%;
}
.docs ul.career-list{
    padding:0px 5px 0 25px !important
}
.docs
{
    width: 90%;
    padding: 25px 10px;
}
.process
{
        width: 80%;
    margin-left: 6%;margin-bottom: 3%;
}
.dcourse{
    min-height: unset;padding-bottom: 50px;
}
.distance-courses .col-md-3.fbox ul.career-list
{
    padding: 20px 10px 0 20px
}
.distance-courses .col-md-3.fbox .c-top,
.c-top {
    padding: 15px 30px;
}
span.num
{
    height: 60px;
    width: 60px;
    line-height: 60px;top: -40px;
}
.distance-title h1
{
    font-size: 1.4em;    margin-bottom: 60px;
}
.distance-courses
{
        padding: 40px 0 30px;
}
.merits_info p{
    margin-top: 5%;
}
h2.merits_title
{
    width: 70%;
        padding: 10px;
}

h3.merits_title
{
    width: 70%;
        padding: 10px;
}

.merits:after{
    display: none;
}
.merits
{
        padding: 1px 10px 10px 7px;
    margin: 0 3% 3%;
}
.merits_info{
    display: block;
}
.d-img{
    display: none;
}
.client-div2{
overflow: hidden;
}
.con-title:after
{
        right: 6px;
    height: 6px;
    width: 6px;
    bottom: 16px;
}
.con-title
{
    padding: 5px 20px;font-size: 1.1em;
    line-height: 25.99px;
}
.cs-hobble .cs-card_info h2
{
    font-size: 1em;line-height: 25px;
}
.cs-hobble img{
    padding: 20px 10px;    width: 23%;
}
.mission-center {
    margin-left: 0;
}
.img-vision
{
    transform: translate(-50%,-50%);
    left: 50% !important;height: 80px;
    top: 4%;
}
.mission-div .welcome-detail-title2 h1{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7px auto 0 !important;
}
.mission-div.sec{
    margin-top: 0;
}
.mleft {
    margin-left: 0%;
}
.mission-container{margin-top: 0px;overflow: hidden;}
 .mission-div,.mission-div.sec{
      padding: 50px 30px;
  }  
.con-detail:nth-child(4){
    margin-right: 2%
}
.footer-content.qlinks li:nth-child(2n){
     margin-right: 0
}
.footer-content.qlinks+.footer-content.qlinks li:nth-child(2n){
     margin-right: 20px
}
.footer-content:nth-child(3) ul {
    margin-top: 0;
}

img.openschool-shape3{
    display: none;
}
.open-detail-title h1:after{
    right: -20px;
}
.open-detail-title h2:after{
    right: -20px;
}
.open-detail-title h1
{
    font-size: 1.4em;
    margin-bottom: 0px;
}

.open-detail-title h2
{
    font-size: 1.4em;
    margin-bottom: 0px;
}
.open-bg
{
        padding: 20px 37px;
}
.open-container
{
    padding: 40px 0 40px;
}
.round-circle
{
    height: 50px;
    width: 50px;
    line-height: 50px;
}
.credit-detail p
{
    width: unset; margin-top: 0px;
}
.credit-container
{
        padding: 25px 0 30px;
}
.voc-det h1{
    margin-bottom: 0px
}

.voc-det h2{
    margin-bottom: 0px
}
.course-title-wrap {
    margin-bottom: 30px;
}
.voc-wrap
{
    width: 100%;
    position: unset;
        padding: 4px 15px;
}
img.voc-img
{
    display: none;
}
p{
    font-size: 1em !important
}
.address p{
    font-size: 1em !important
}
.voc-title
{
        font-size: 1.33em;
    line-height: 25px;
}
.voc-title:after
{
    height: 6px;
    width: 6px;
    bottom: 6px;
}
.voc-div
{
padding: 40px 0;
}
.uni-div span
{
    font-size: .7em
}
.client-div .box-link img{
    width:100%
}
.unbeat-container
{
        padding: 50px 0;background-position: 10% 100%;
}
.prod-div{
    padding: 15px;
}

.welcome-detail-title2 span
{
    font-size: 1em;
}
.con-detail h1{
    margin-top: 0
}
.con-detail,.con-detail:nth-child(4)
{
        width: 95%;
    -ms-flex: 0 0 100%;
    flex: 0 0 95%;
    max-width: 95%;
    padding: 20px 16px;
    min-height: unset;
    min-height: unset;
    margin-left: 7%;
    margin-right: 7%;
}
.tophead,.openschool-imgs,.abt-imgs
{
    display: none;
}

.distance-title h1:after,.cert-title:after,
.fet-title h1:after,.welcome-detail-title h1:after,.welcome-detail-title h2:after,.welcome-detail-title2 h1:after, .open-detail-title h1:after, .open-detail-title h2:after
{
        height: 6px;
    width: 6px;    bottom: 7px;
}


.fet-title h2:after
{
        height: 6px;
    width: 6px;    bottom: 7px;
}

..welcome-detail-title2 h2:after
{
        height: 6px;
    width: 6px;    bottom: 7px;
}
.distance-title h1:after{
     bottom: 15px;
}
.location-sec iframe{
    height: 200px;
}
span.locateus{
        font-size: 1em;    left: -20px;
    padding: 10px 20px;
}


.contact-form .form-group {
    margin-bottom: 10px;
}
.contact-container .col-md-6{
    width: 100%;
}
.reach-social-links ul li a{
        width: 40px;
    height: 40px;
    line-height: 40px;
}
.contact-box .content p{
    font-size: 1em;
}
.contact-box figure .icon {
    width: 40px;
    height: 40px;line-height: 40px;
}
.reachus
{
    padding: 17px 8px 20px 0px
}
.contact-left, .contact-right{
    display: none;
}
.welcome-detail-title5 h1
{
    font-size: 1.5em;    margin: 0;
    line-height: 40px;
    width: unset;
}
.welcome-detail-title5 h2
{
    font-size: 1.5em;    margin: 0;
    line-height: 40px;
    width: unset;
}
.reach-padding
{
    padding: 30px 15px 25px
}
.box-group{margin-bottom: 10px;}
.box-group img{
    height: 180px;
}

.products-container
{
    padding: 0 20px;
    margin: 30px 0;
}
.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 0px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.amp{
    line-height: 25px;
}
h1.right-conent br{
    display: none;
}

h3.right-conent br{
    display: none;
}
.mission-title h1
{
    font-size: 1.37em;
}


.abt-container .col-md-6:nth-child(3) .cs-hobble .cs-card_info{
    margin-bottom: 0
}
.abt-container+.abt-container{
    padding-top: 0 !important
}
.fet-title{padding: 0 10px; margin-bottom: 30px}
.fet-title h1{
        font-size: 1.2em;
    line-height: 30px;
}

.fet-title h2{
        font-size: 1.2em;
    line-height: 30px;
}
.abt-title{
    transform: unset;position: unset;
}

body.about .abt-container img.img-full,.year2{display: none;}


.page-hero-inner .hero-text-area{
        top: 40%;
}

    .footer-content.product-links{
        margin-bottom: 0
    }
.footer-content.product-links{
    width: 50%;
}
.footer-content:nth-child(5){
     width: 40%;
}

.footer-content.product-links ul li{
        line-height: 25px;
}
.footer-content.qlinks ul li
{
    width: 44%;
    float: left;
}

.footer-content{
    width: 100%;
}
.footer-content-title:after{
        height: 3px;bottom: -5px
}
.footer-content
{
    margin-bottom: 5%;margin-right: 0
}
.address
{
        margin-bottom: 10px;
}
.group-link img {
    height: 40px !important;
    width: 40px !important;
}
.icon-div {
    margin-left: 0;
    margin-bottom: 0px;
    width: 50%;
    float: left;
}
.icon-div h1{
    line-height: 21px;
    font-size: .9em
}
.icon-div img{
    height: 70px;
}
.welcome-detail-title4 h1
{
        font-size: 1.6em;
        letter-spacing: 0;
    line-height: 30px; margin-bottom: 0;
}
.welcome-detail-title4 h2{
    letter-spacing: 0;
    font-size: 2em;line-height: 30px;    margin: 0;
}
.unbeatable-detail{
    text-align: left;    padding: 0 30px;
}
.welcome-detail-title4 span
{
        font-size: 1.047em;    line-height: 30px;
}
.m-bottom {
    margin-bottom: 20px !important;
}
.welcome-detail-title3 h1
{    margin-bottom: 10px;
        font-size: 1.6em;line-height: 40px;
}
.welcome-detail {
    margin-left: 0;
    padding-top: 0;margin-top: 0;
}
h1.right-conent
{
    line-height:20px;     font-size: 1.1em;
}
h3.right-conent
{
    line-height:20px;     font-size: 1.1em;
}

a.read-more {
    padding: 5px 20px;
    font-size: .7em !important;
}
.product-col:nth-child(2),.product-col:nth-child(4){
    top: 0
}
.welcome-detail-title
{
    top: 0;
}
.sexy-menu.detached .nav-brand img {
    margin-top: 0px !important;
    width: 50% !important;
}

.init-text
{
font-size: 1.2em;    line-height: 25px;
}
.featured-text{
    font-size: 1.6em;   line-height: 30px;
    -webkit-text-stroke: 1px #612909;
    margin-bottom: 10px;
}
.inner-init-text{
    font-size: 1.1em; line-height: 20px;
}
.inner-featured-text{
 font-size: 1.3em; line-height: 20px;
    -webkit-text-stroke: .7px #612909;
}
a.apply-now
{
    padding: 6px 20px;font-size: .8em;
}


.enquiry-wrapper {
    padding: 30px 0;   
}

.icon-box-title{
    font-size: 1.1em;
    margin-bottom: 10px;
}
.icon-box-style-4{
    margin-bottom: 20px;
}
.footer-content ul li
{
    line-height: 30px;
}
.address img{
    height: 35px; width: 35px;margin-right: 5%;
}
.footer-content-title{
    margin-bottom: 10px;margin-right: 7%;
}
h3.deal-product-title a{
    font-size: .8em;
}
.deal-product-list{
     font-size: .8em;    margin-bottom: 5px;
}
section.adv-div{
    padding: 30px 30px 0;
}
figure.grid-img img{
    display: none;
}
.deal-product-card
{
    display: block;
}
.single-services
{
    padding: 15px 20px;min-height:unset;
    margin-bottom: 10px;
}

.single-services .icon,
.single-services .icon img{
        width: 55px;
    height: 55px;
    line-height: 55px;margin: 0 auto;
}

.top-quickwraper{
    display: none;
}

.sexy-menu.detached{
    padding: 0 !important
}
.facility-div {
    padding: 30px 0 0;
}
.col-md-3.spec {
    padding: 0;
}
.welcome-container {
    padding: 30px 0;
}
.welcome-detail-title h1
{
font-size: 1.4em;line-height: 25px;
}
.welcome-detail-title h2
{
font-size: 1.4em;line-height: 25px;
}
.welcome-detail-title2 h1{
font-size: 1.3em;line-height: 25px;
}

.welcome-detail-title2 h2{
font-size: 1.3em;line-height: 25px;
}
.lSAction{
    display: none!important;
}
#fac-slider, #fac-slider2 {
    margin-top: 10px;
}

.bg-color,img.welcome-img2
{
    display: none;
}
a.book
{
    margin: 15px auto 0;
    padding: 6px 15px 6px;font-size: .8em
}
.sexy-menu.detached{
    background: #fff !important;
}

 .footer-content-icon img{
        width: 30px;height: auto; 
    }
body.location .map-section{
    padding-top:  0 !important
}
.nav-menu>li:hover>a:before,.nav-menu>li:hover>a:after{
    display: none;
}
.fac-container,section.contact-wrapper,.gallery-container{
    padding-top: 10px !important
}
    .bred-home a{
        font-size: 1em
    }
    .bred-home,.bred-next
    {
font-size: .9em
    }

    .mob-view {
    width: 100%;
    display: block;
    object-position: center;
    object-fit: cover;
}
.contact-form-img{
    display: none;
}
  
.contact-form .col-md-6,.contact-form .col-md-12{
    padding-right: 15px !important
}
.about-section-f1 {
    top: 20px;
}
.about-section-f1 img{
    height: 60px;
}
.about-content-img p{
    font-size: 1em;    line-height: 25px;    margin-bottom: 20px;
}
.about-content-img h2{
    font-size: 1.33em;
        line-height: 27px;
    margin-bottom: 10px;
    text-align: center;
}
.contact-details-section-outer
{
    padding: 56px 0 45px;overflow: hidden;
}
.contact-box{
min-height: unset;
padding:25px 10px 10px 15px;
margin-bottom: 25px;
border-radius: 15px;
}
.contact-box .content {
    width: 100%;
    }
.contact-details-section-outer .design-img2,.contact-details-section-outer .design-img{
    display: none;
}
.contact-container.row,.contact-container .col-md-7{
       margin: 0;
       padding: 0
}
.gallery-container {
    padding: 30px 0;overflow: hidden;
}
.map-section iframe{
    height: 200px;
}

.map-section {
    padding: 30px 0;overflow: hidden;
}
.story-card-content{
    position: unset;width: 100%;padding: 14px 20px 37px;
}
.story-card-img img{
    height: 40px;
}
.story-card-content h3 {
    margin-bottom: 10px;
}
.banner-btn a{
    padding: 7px 15px 7px 15px;
}
img.title-shape{
    width: 75%;
}

.welcome-detail.sec2 p{
padding-left: 10px;
}
.abt-container{
        padding-top: 30px !important;
    padding-bottom: 30px;
}
.welcome-detail.abt-content p,.welcome-detail p{
    text-align: left;
    margin-bottom: 10px;
}
.sexy-menu {
    padding-bottom: 0px !important;
}

.whats-app img {
    margin-left: 0px; max-width: 40px;
}
.booking-wraper  .contact-form1{
    position: unset;
    transform: none;
}
.contact-left,
.contact-right{
    width: 100%
}
.contact-form
{
padding: 20px;
width: 100%;    margin-top: 20px;
display: block;margin-bottom: 20px;
}
section.contact-container {
    margin-bottom: 40px;    overflow: hidden;
}
.contact-box figure img{
    width: 33px;
}
.contact-box figure {
   width: 38px;margin-right: 15px;
    height: 38px;margin-bottom: 0;
}
.bg-image{
    display: none;
}

.contact-box .content h6{
    font-size: 1em;
}

.center{
    display: block;
}

.booking-wraper{
       height: unset;    bottom: 0;
}

.padding-restaurant {
    padding: 0px;
}
.about-wrap.style2 {
    padding:20px 0 30px;
}

.bredcum-wraper{
    padding-top: 10px;
        padding-bottom: 0px;
}
.facility-inner {
    width: 49%;
}


body.restaurant .welcome-detail-title, body.about .welcome-detail-title, body.facilities .welcome-detail-title {
    font-size: 1.2em;
}
.recognition-wraper {
    padding-top: 40px;
}
.abt-pic,.rec-pic{
    display: none;
}
.abt-detail,.rec-detail{
    width: 100%;
    padding-left: 0%;
}
.main-container{
    padding-top: 30px;
}


.whats-app{
      bottom: 25vh;    width: 30px;
}
.nav-menu>li>a{
    font-size: .9em !important
}
 .copy-right{ width: 22%; text-align: left; line-height: 30px;}
 .designed {
    width: 78%;
    text-align: right;
    line-height: 30px;
}
.designed p{
      line-height: 30px;
}
.footer-wraper{
    display: flex;
}
.back-to-top{
    display: none !important;
}
.footer-content:nth-child(3) ul{
    width: 100%;
}

.footer-content-for{
  padding-bottom: 0.5em;
}
.footer-top-title{
    padding-bottom: 10px;
}

.title-wraper{
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}
.copy-right span {
    display: none;
}

.bottom-pic img{
    height: 500px;    object-fit: cover;
}

.bottom-wraper{
         margin-top: 45px;
    margin-bottom: 20px;
}
.contact-form1{
    width: 90%;
    padding: 30px 20px 30px;
    background-position: center;
    margin: 20px auto 0;
    top: 48%;
    height: 80%;
}
.contact-form1 .form-group
{
    width: 100%;
    float: none;
}
.contact-form1 .form-group input, .contact-form1 .form-group textarea, .contact-form1 .form-group select
{
    height: auto;
    padding: 10px 30px;
}
.edu-btn
{
    padding: 8px 20px;
        font-size: .9em;
}
.flex-div{
    display: block;
}
.view-all
{
    margin-top: 0;
    margin-bottom: 10px;
}
.view-all a
{
    font-size: .8em;
}
.left-tree {
    z-index: 1;
    width: 100px;
}
.right-tree {
    z-index: 1;
    width: 100px;
}

.welcome-title
 {
    font-size: 1em;
        line-height: 20px;
 }
 .welcome-title-middle{
    font-size: 1.6em
 }
.home-facility-wraper,.home-feat-wraper
{
        padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 40px;
}
.facility
{
    width: 48%;
}
.facility:nth-child(1) {
    width: 100%;
}
.box-title
{
    font-size: .9em;
}
.box-title-sub{
    font-size: .8em;
}
.title-wraper.text-center {
    margin-bottom: 20px;
    }
   
    .shape1,.shape2,.shape3,.shape4,.shape5
    {
      display: none;
    }
    
    
    
    .carousel-control{
        display: none;
    }
}


 @media (min-width:561px) and (max-width:680px){

.footer-content-lk{
    position: unset;margin-right: 7px;
    margin-left: -7px;
}
.banner-bottom-slider{
    padding: 20px 40px 20px
}
h3.tagline{
    font-size: 1.2em;    line-height: 25px;  
}

.thanks-content h1{
    font-size: 2em;    margin: 0;
}
.thanks-content{
        width: 60%;padding: 25px;
}
.thanks-div p {
    margin-bottom: 20px;
}

.number-sec .col-md-4 {
    width: 49%;
    float: left;
    margin-right: 1%;
}
.number-sec .university-title.mt-2{    margin-top: 1em !important;
    margin-bottom: 1em;
    margin-left: 5px;}
.number-div
{margin-bottom: 10px;}
body.openschool .fet-title {
    padding: 0;
    margin-bottom: 0;
}
.dblock label.titile{
    display: block;
}
.dblock{
    display: block;
}
.dblock div{
    display: flex;
}
.dblock label{
    margin-right: 15px;
}
.client-div .col-md-3,.client-div2 .col-md-3
{
width: 30%;float: left;
}
.client-div .col-md-8,.client-div2 .col-md-8
{
width: 70%;float: left;
}
.client-div{
        padding: 20px 0;
}
.client-div .row{
    display: flex !important;
}
.client-div2 .row{
    display: flex !important;
}
body.services h1.right-conent{
 font-size: 1.22em   
}

body.services h3.right-conent{
 font-size: 1.22em   
}
body.services .prod-div{
    min-height: unset;    margin-bottom: 50px;
}
.prod-div:after{
    bottom: -66px;
    height: 56px;
    z-index: -1
}
.accordion-button::after
{
    width: 10px!important;
    height: 10px!important;   background-size: auto!important;
}
.accordion-button
{
    font-size: .55em !important;
    line-height: 2;
    padding: 10px 10px 10px 50px !important;
}
span.qs-mark{
    height: 30px;
    width: 30px;position: absolute;
    left: 10px;
    line-height: 30px;
}
.career-p{
    margin-bottom: 10px !important
}
body.career .welcome-detail-title2 h1{
margin-bottom: 5px;
}
.career-img{
    display: none;
}
.tab button{
    padding: 8px 20px 8px 20px;font-size: 1.1em
}
.news-gallery .col-md-3.p3
{
width: 50%;
float: left;
}
.mt-5 {
    margin-top: 3em;
}
.news-gallery{
    padding: 10px;
}
.news-img{
    display: none;
}
.news-div{
    margin-bottom: 10px;
}
h1.news-right-conent{
    margin-top: 0;
}
.news-content
{
    padding: 10px 20px
}
.news-one__date
{
    padding: 5px 10px 5px;
}
.news-div{
    margin-bottom: 10px;
}
h1.news-right-conent{
    margin-top: 3px;    padding-bottom: 5px;
}
.news-content
{
    padding: 10px 20px
}
.news-one__date
{
    padding: 5px 10px 5px;
}
.sidebar__post-content h3{
    font-size: 1em
}
.sidebar__post-image>img {
    width: 100px;
}
.sidebar__title{
    margin-left: 0;
}
.sidebar__post-list li{
    padding: 0;
}
.sidebar__post
{
    padding: 16px 20px 20px;
}
.news-details__content
{
    padding: 12px 32px 25px
}
h3.news-details__title-1
{
        font-size: 1.3em;
    line-height: 30px;    margin: 0 0 10px;
}
.blog-content {
    padding: 0 15px 10px;
}
.blog-content {
    padding: 0 15px 10px;
}
.feature-two__icon{
        max-width: 80px;
}

.fet-title.openschool2 span:after,
ul.career-list.before-sh li:before{
    height: 8px;
    width: 8px;
    bottom: 15px;
}
 body.openschool  ul.career-list.subj-list{
     padding: 0px 0px 0px 60px !important;
 }
ul.career-list.subj-list.pl-0 {
    padding: 10px 0px 0px 60px !important;
}
.col3,.col4,.col5,.col6,.col1,.col2,.col3 {
    width: 95%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;  
    margin-left: 2.5%;
    padding-bottom: 10px;
}
.welcome-detail-title2 {
    margin-bottom: 0;
}
.openschool-tit1 span
{
    font-size: 1.1em
}
.sub-top{
    margin-bottom: 10px;
}
.openschool-subj span
{
    font-size: 1.1em;
    line-height: 40px;
}
.subj-list.pl {
    padding: 20px 0px 20px 60px !important;
}
   .flex-wrap{
    display: block;
   } 
.dur{
    margin-bottom: 40px;
}
.university-title{
    font-size: 1.1em;
}
ul.career-list.doc-sh{
    margin-left: 0
}
.university-title:after
{
    height: 7px;
    width: 7px;
}
.req-div p{
    text-align: left;
}
.university-title{
    margin: 0;
}
.req-div
{
    margin-top: 10px;
}
ul.career-list
{
   padding: 0px 25px 0;
}
ul.career-list.before-sh li, ul.career-list.obj-sh li
{
    padding-left: 10px;    line-height: 2.3;
}
ul.career-list.obj-sh li:before
{
        width: 8px;
    height: 8px;
    top: 15px;
}
.content-container
{
        padding-top: 30px;
    padding-bottom: 20px;
}
.university-img img
{
        height: 70px;
}
body.credit  .abt-container{
padding-bottom: 40px;
}
.university-img img
{
        height: 90px;    bottom: -2%;
}
.nios-row .col-md-3{
    width:50%;
    float: left;
}
.course-div h1:before
{
    height: 10px;
    width: 10px;
}
.course-div h1 br{
    display: none;
}
.course-div{
    padding: 15px 15px 15px 15px;
    min-height: unset;    margin: 0 2%;
}
.vcourses {
    margin-bottom: 50px;
}
.vdiv h1
{
    font-size: 1.1em;
}
.vdiv h2
{
    font-size: 1.1em;
}
.vdiv h3
{
    font-size: 1.1em;
}
.view-detail
{
    font-size: .9em;
    padding: 6px 20px;
        bottom: -25px;
}
.vdiv
{
    padding: 20px 10px
}
.fet-title span{
    font-size: 1em;
}
.distance-div{
    overflow: hidden;
}
.doc-container{
    margin: 80px 0 60px;    height: 170px;
}
.docs
{
    width: 90%;
    padding: 45px 20px;
}
.process
{
        width: 80%;
    margin-left: 6%;margin-bottom: 3%;
}
.dcourse{
    min-height: unset;padding-bottom: 50px;
}
.distance-courses .col-md-3.fbox ul.career-list
{
    padding: 20px 10px 0 20px
}
.distance-courses .col-md-3.fbox .c-top,
.c-top {
    padding: 15px 30px;
}
span.num
{
    height: 60px;
    width: 60px;
    line-height: 60px;top: -40px;
}
.distance-title h1
{
    font-size: 1.4em;    margin-bottom: 60px;
}
.distance-courses
{
        padding: 40px 0 30px;
}
.merits_info p{
    margin-top: 5%;
}
h2.merits_title
{
    width: 90%;
        padding: 10px;
}

h3.merits_title
{
    width: 90%;
        padding: 10px;
}
.merits:after{
    display: none;
}
.merits
{
        padding: 1px 30px 10px 7px;
    margin: 0 3% 3%;
}
.merits_info{
    display: block;
}
.d-img{
    display: none;
}
.client-div2{
overflow: hidden;
}
.con-title:after
{
        right: 6px;
    height: 6px;
    width: 6px;
    bottom: 16px;
}
.con-title
{
    padding: 5px 20px;font-size: 1.1em;
    line-height: 25.99px;
}

.inner-init-text{
    font-size: 1.4em; line-height: 27px;
}
.inner-featured-text{
   -webkit-text-stroke: 1px #612909;
    font-size: 1.8em; line-height: 27px;
}
.cs-hobble{
    min-height: unset;
}
.cs-hobble .cs-card_info h2
{
    font-size: 1em;line-height: 25px;
}
.cs-hobble img{
    padding: 20px 10px;  margin: -30px 0px 0;  width: 19%;
}
.mission-center {
    margin-left: 0;
}
.img-vision
{
    transform: translate(-50%,-50%);
    left: 50% !important;height: 100px;
    top: 4%;
}
.mission-div .welcome-detail-title2 h1{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7px auto 0 !important;
}
.mission-div.sec{
    margin-top: 0;
}
.mleft {
    margin-left: 0%;
}
.mission-container{margin-top: 0px;margin-bottom: 30px;}
 .mission-div,.mission-div.sec{
      padding: 50px 30px;
  }  
.con-detail:nth-child(4){
    margin-right: 2%
}
.footer-social-links ul li a:before{
        top: 2px;
    width: 20px;
    height: 20px;
}
a.read-more {
    padding: 6px 20px;
    font-size: .8em;
}
.welcome-detail-title4 h1 {
    font-size: 2em;
    letter-spacing: -2px;
    line-height: 40px;
    margin-bottom: 0;
}
.welcome-detail-title4 h2 {
    letter-spacing: -2px;
    font-size: 2.5em;
    line-height: 40px;
    margin: 0;
}

.footer-content.qlinks ul li:nth-child(2n){
    margin-right: 0
}
.footer-content:nth-child(3) ul {
    margin-top: 0;
}

img.openschool-shape3{
    display: none;
}
.open-detail-title h1:after{
    right: -20px;
}
.open-detail-title h2:after{
    right: -20px;
}
.open-detail-title h1
{
    font-size: 1.6em
}
.open-detail-title h2
{
    font-size: 1.6em
}
.open-bg
{
        padding: 20px 37px;
}
.open-container
{
    padding: 40px 0 40px;
}
.round-circle
{
    height: 50px;
    width: 50px;
    line-height: 50px;
}
.credit-detail p
{
    width: unset;
    margin-top: 0px !important
}
.credit-container
{
        padding: 25px 0 30px;
}
.voc-det h1{
    margin-bottom: 0px
}
.voc-det h2{
    margin-bottom: 0px
}
.course-title-wrap {
    margin-bottom: 30px;
}
.voc-wrap
{
    width: 100%;
    position: unset;
        padding: 4px 15px;
}
img.voc-img
{
    display: none;
}
li{
    font-size: 14px !important;
}
.pro-content p{
    line-height: 24px;
}
.voc-title
{
        font-size: 1.4em;
    line-height: 25px;
}
.voc-title:after
{
    height: 6px;
    width: 6px;
    bottom: 6px;
}
.voc-div
{
padding: 40px 0 0;
}
.uni-div span
{
    font-size: .9em
}
.client-div .box-link img{
    display: flex;align-items: center;justify-content: center;    margin: 0 auto;
}
.unbeat-container
{
     background-size: auto;padding: 50px 0;background-position: auto;
}
.prod-div{
    padding: 15px;
}

.welcome-detail-title2 span
{
    font-size: 1em;
}
.con-detail h1{
    margin-top: 0
}
.footer-content.qlinks,.footer-content:nth-child(4) {
    padding-left: 2%;
}
.con-detail
{
    width: 46%;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
    padding: 20px 16px;
    min-height: unset;
    margin-left: 2%;
    margin-right: 2%;
}
.tophead,.openschool-imgs,.abt-imgs
{
    display: none;
}
.welcome-detail-title h1:after,.welcome-detail-title h2:after,.welcome-detail-title2 h1:after, .open-detail-title h1:after, .open-detail-title h2:after
{
        height: 6px;
    width: 6px;    bottom: 7px;
}
.location-sec iframe{
    height: 300px;
}
span.locateus{
        font-size: 1em;    left: -20px;
    padding: 10px 20px;
}

.contact-form .form-group {
    margin-bottom: 10px;
}
.contact-container .col-md-6{
    width: 100%;
}
.reach-social-links ul li a{
        width: 40px;
    height: 40px;
    line-height: 40px;
}
.contact-box .content p{
    font-size: 1em;
}
.contact-box figure .icon {
    width: 50px; line-height: 50px;
    height: 50px;
}
.reachus
{
    padding: 17px 18px 10px 20px;
    margin-top: 0;
}
.reach-padding{
    padding: 30px 18px 10px 20px
}
.welcome-detail-title5 h1{
    font-size: 1.593em;
    line-height: 40.99px;
    margin-bottom: 0;
}
.welcome-detail-title5 h2{
    font-size: 1.593em;
    line-height: 40.99px;
    margin-bottom: 0;
}
.contact-left, .contact-right{
    display: none;
}
body.gallery .col-md-3{
padding: 0 5px;
    width: 50%;float: left;
}
.box-group img{
    height: 250px;
}
.process-list:nth-child(2n){
    margin-right: 0
}
.process-content{
        min-height: 34px;
}
.process-list
{
        width: 40%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    margin-right: 10%;
    padding: 5px 5px 3px;
}

.process-list:after
{
        width: 80px;
    height: 100px;
}
.products-container
{
    padding: 0 20px;
    margin: 30px 0;
}
.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 0px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 20px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.amp{
    line-height: 25px;
}
h1.right-conent br{
    display: none;
}

h3.right-conent br{
    display: none;
}
.prod-div{
    margin-bottom: 10px
}

.mission-title h1
{
    font-size: 1.37em;
}
.abt-container .col-md-6:nth-child(3) .cs-hobble .cs-card_info{
    margin-bottom: 0
}

.cs-hobble .cs-card_title{
    font-size: 1.2em
}

.fet-title h1:after
{
    height: 8px;
    width: 8px;    bottom: 5px;
}

.fet-title h2:after
{
    height: 8px;
    width: 8px;    bottom: 5px;
}
.fet-title{padding: 0 10px; margin-bottom: 20px !important}
.fet-title h1{
        font-size: 1.4em;
    line-height: 30px;
}

.fet-title h2{
        font-size: 1.4em;
    line-height: 30px;
}


.abt-title{
    transform: unset;position: unset;
}

body.about .abt-container{
    padding-top: 0 !important
}
body.about .abt-container img.img-full,.year2,img.shape1{display: none;}

.inner-featured-text span{
    line-height: 20px
}
.page-hero-inner .hero-text-area{
        bottom: 20%;
}
.address p{
    font-size: 1em;
}
.footer-content:nth-child(1){
    width: 100%;
}
.footer-content ul li a{
    font-size: .9em
}
.product-col{
    width: 50%;float: left;
}
.p30 {
    padding: 0 10px !important;
}
    .footer-content.product-links{
        margin-bottom: 0
    }
.footer-content.product-links{
    /*width: 100%;*/
}
.footer-content.product-links ul li{
        line-height: 25px; width: 100% !important
}

.footer-content-title:after{
        height: 3px;bottom: -5px
}
.footer-content
{
    margin-bottom: 5%;margin-right: 0
}
.address
{
        margin-bottom: 10px;width: 50%;
    float: left;
}
.footer-address .clear{
display: none;
}
.address:nth-child(4){
    margin-top: -77px;
}

.group-link img {
    height: 40px !important;
    width: 40px !important;
}
.icon-div {
    margin-left: 0;
    margin-bottom: 0px;
    width: 50%;
    float: left;
}
.icon-div h1{
    line-height: 21px;
    font-size: .9em
}
.icon-div img{
    height: 70px;
}
.welcome-detail-title4 h1
{
        font-size: 2.3em;
    line-height: 30px;
}
.unbeatable-detail{
    text-align: left;    padding: 0 30px;
}
.welcome-detail-title4 span
{
        font-size: 1.047em;    line-height: 30px;
}
.m-bottom {
    margin-bottom: 20px !important;
}
.welcome-detail-title3 h1
{    margin-bottom: 10px;
        font-size: 1.6em;line-height: 40px;
}
.welcome-detail {
    margin-left: 0;
    padding-top: 0;
}
.year{display: none;}
h1.right-conent
{
    line-height:20px;     font-size: 1em;
}
h3.right-conent
{
    line-height:20px;     font-size: 1em;
}

.product-col:nth-child(2),.product-col:nth-child(4){
    top: 0
}
.welcome-detail-title
{
    top: 0;
}
.single-event-one .text-holder h3 a
{
    font-size: .8em;
}
.single-event-one .text-holder{
    padding: 15px 24px 10px;
}
.sidebar__post-list li{
    padding: 15px 10px 15px;
}
.sidebar__post-content h3{
        font-size: 1em;
    line-height: 22px;
}
.col-md-3.fac-li{
    width: 50%;
    float: left;
}

.topcart-cart{
    right: 22px;
    top: -10px;
}
.order_table {
    margin-top: 30px;
}
.primary{
    height: 200px;
}
.clear-both{
    clear: both;
}
.product__details__text h3{
    font-size: 1.333em;
}
.product__details__text {
    padding-left: 3%;
    padding-top: 2%;
}
.product__details__text p{
    margin-bottom: 0;
}
.center{
    display: block;
}
section.contact-details-section{
    padding-top: 20px;
}
section.contact-details-section{
    overflow: hidden;
}
.contact-box figure svg {
    height: 35px;
    width: 35px;
}
.enquiry-wrapper {
    padding: 30px 0;
}
.icon-box-title{
    font-size: 1.1em;
    margin-bottom: 10px;
}
.icon-box-style-4{
    margin-bottom: 20px;
}
.facility-div {
    padding: 40px 0;
}
.welcome-detail-title h1{
        font-size: 1.6em;
        margin-bottom: 0px;
}

.welcome-detail-title h2{
        font-size: 1.6em;
        margin-bottom: 0px;
}

.welcome-detail-title2 h1{
      font-size: 1.5em; line-height: 30px
}

.welcome-detail-title2 h2{
      font-size: 1.5em; line-height: 30px
}
#fac-slider, #fac-slider2{
    margin-top: 20px;
}
.welcome-container{
    padding: 40px 0px 40px
}
.welcome-container .col-md-7{
    padding: 0
}
.deal-product-details{
    margin: 10px 0;
}
.lSAction,.bg-color,img.welcome-img2{
    display: none !important;
}

.nav-brand img {
    display: flex;
    align-items: center;
    margin: 0px auto !important;
    width: 50%!important;    margin-top: 0 !important;
}
.sexy-menu.detached .nav-brand img {
    width: 40% !important;
    margin-top: 5px !important;
}
.address img{
    height: 35px; width: 35px;
    margin-right: 15px;
}
.footer-content-title{
    margin-bottom: 15px;
}
h3.deal-product-title a{
    font-size: .8em;
}
.deal-product-list{
     font-size: .8em;    margin-bottom: 5px;
}
section.adv-div{
    padding: 30px 30px 0;
}
figure.grid-img img{
    display: none;
}
.deal-product-card
{
    display: block;
}
.single-services
{
    padding: 30px; min-height:unset;
    margin-bottom: 10px;
}

.single-services .icon,
.single-services .icon img{
        margin: 0 auto
}

.top-quickwraper{
    display: none;
}

.sexy-menu.detached{
    padding: 0 !important
}

.footer-content-details p{
    font-size: .9em
}
    .mob-view {
    width: 100%;
    height:50vh ;
    display: block;
    object-position: center;
    object-fit: cover;
}
    .contact-form .col-md-6{
            width: 50%;
    float: left;
    }
   .about-section-f1 {
    top: 20px;
}
.about-section-f1 img{
    height: 60px;
}

.about-content-img p{
    font-size: 1em;    line-height: 25px;    margin-bottom: 20px;
}
.about-content-img h2{
    font-size: 1.4em;
        line-height: 27px;
    text-align: center;
        margin-bottom: 5px;
}
.contact-details-section-outer
{
    padding: 56px 0 45px;
}
.reach-social-links
{
    padding-top: 0;
}
.contact-box{
min-height: unset;
padding: 40px 0px 20px 30px;
margin-bottom: 30px;
border-radius: 10px;
}
.contact-details-section-outer .design-img2,.contact-details-section-outer .design-img{
    display: none;
}
.contact-container.row,.contact-container .col-md-7{
       margin: 0;
       padding: 0
}
body.gallery .col-md-4{
    width: 50%;
     float: left;
}
.gallery-container {
    padding: 40px 0;
}
.map-section iframe{
    height: 250px;
}

.map-section {
    padding: 30px 0;
}
.story-card-content{
    position: unset;width: 100%;padding: 14px 20px 37px;
}
.story-card-img img{
    height: 40px;
}
.story-card-content h3 {
    margin-bottom: 10px;
}
.banner-btn a{
    padding: 7px 15px 7px 15px;
}

.abt-container{
        padding-top: 30px;
    padding-bottom: 0px;
}
.footer-top-wraper{
    padding-top: 40px !important;
}

.footer-content ul{
    display: block;
}
.footer-content {
    margin-bottom: 15px;
    width: 100%;
}
.footer-content:nth-child(3) ul li{
    width: 100%;
}

.sexy-menu {
    padding-bottom: 0px !important;
}
.banner-wraper{
        margin-top: 0px;
}
.visitor-info {
    width: 500px;
    margin: 70px auto 0;
}
.center-column .inner-box{
        padding: 0px 10px 0px 10px;
}
    .contact-left,
.contact-right{
    width: 100%
}
.contact-form
{
    margin-top: 20px;
padding: 30px;
    margin-bottom: 20px;
width: 100%;
}
.contact-box figure img{
    width: 45px;
}

.bg-image{
    display: none;
}
.contact-box .content h6{
    font-size: 1em;
}

.contact-container.center
{
    display: block;
}

    .booking-wraper{
       height: unset;    bottom: 0;
}

.gallery-item{
        width: 32%;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
    }  
  

.highlight-wrap {
    padding: 30px 0 30px;
}
.border-box ul li{
    padding-left: 10px;
}

.about-wrap.style2 {
    padding:20px 0 30px;
}

.padding-restaurant {
    padding: 0px;
}
.bredcum-wraper{
        padding-bottom: 20px;
}
.facility-inner {
    width: 49%;
}


body.restaurant .welcome-detail-title, body.about .welcome-detail-title, body.facilities .welcome-detail-title {
    font-size: 1.2em;
}
.recognition-wraper {
    padding-top: 40px;
}
.abt-pic,.rec-pic{
    display: none;
}
.abt-detail,.rec-detail{
    width: 100%;
    padding-left: 0%;
}
.main-container{
    padding-top: 30px;
}

    .whats-app{
            bottom: 25vh;
        right: 26px;
    }
   
    .footer-content:nth-child(4){
        clear: both;
    }
  
.con-detail:nth-child(4){
    margin-right: 2%
}
.footer-content.qlinks ul li {
    width: 50%; line-height: 24px;
    float: left;margin-right: 0;
}

.footer-social-links ul li a{
    font-size: 1.1em;
}

.nav-menu>li>a{
    font-size: 1em !important
}
 .copy-right{  text-align: left; line-height: 30px;}
 .designed {
    text-align: right;
    line-height: 30px;
}
.designed p{
      line-height: 30px;
}
.footer-wraper{
    display: flex;
}
.back-to-top{
    display: none !important;
}
.footer-content:nth-child(3) ul{
    width: 100%;
}

.footer-content-for{
  padding-bottom: 0.5em;
}
.footer-top-title{
    padding-bottom: 10px;
}
.footer-content{
    margin-bottom: 20px;
}
.title-wraper{
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}

.bottom-pic img{
    height: 500px;    object-fit: cover;
}

.bottom-wraper{
    margin-bottom: 20px;
}
.contact-form1{
    width: 90%;
    padding: 30px 20px 30px;
    background-position: center;
    margin: 20px auto 0;
    top: 48%;
    height: 80%;
}
.contact-form1 .form-group
{
    width: 100%;
    float: none;
}
.contact-form1 .form-group input, .contact-form1 .form-group textarea, .contact-form1 .form-group select
{
    height: auto;
    padding: 10px 30px;
}
.edu-btn
{
    padding: 8px 20px;
        font-size: .9em;
}

.feature-title
{
    font-size: 1.3em;
    text-align: center;
}
.feature-title-middle{
     font-size: 2em;
     line-height: 35px;
}
.fet-title h1{
     font-size: 1.333em;
      line-height: 16px;
}

.fet-title h2{
     font-size: 1.333em;
      line-height: 16px;
}
.view-all
{
    margin-top: 0;
    margin-bottom: 10px;
}
.view-all a
{
    font-size: .8em;
}
.welcome-title
 {
    font-size: 1em;
        line-height: 20px;
 }
 .welcome-title-middle{
    font-size: 1.6em
 }

.box-title
{
    font-size: .9em;
}
.box-title-sub{
    font-size: .8em;
}
    img.mob-view.home-img{
        height: 84vh !important
    }
    .sexy-menu.detached{
        background: #fff !important
    }
   
  a.apply-now {
    padding: 6px 20px;
    font-size: .8em;
}
    .init-text
    {
        font-size: 1.5em;
        line-height: 25px;
    }
    .featured-text
    {
        font-size: 2.3em;
        line-height: 45px;-webkit-text-stroke: 1px #612909;
    }
        
     .inner-banner-caption.slide-title .featured-text{
          font-size: 1.2em;line-height: 25px;
    }
    .inner-banner-caption.slide-title .init-text {
     font-size: 1.8em;    line-height: 30px;
    }

    body {
        font-size:14px !important;
   }
    .d-container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
   }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
   }
    .desk-view{
        display: none !important
   }
    .mob-view{
        display: block !important
   }

   .copy-right{  line-height: 30px;}
   .designed p{ line-height: 30px;}
   .footer-wraper{ padding-top: 5px;
    padding-bottom: 80px;}
   .footer-container{ display: inherit;}
  
}

 @media (max-width: 680px){
.dblock{
    display: block;
}
body.applynow  .university-title{
margin:10px 0;
}
.sexy-menu.detached .nav-menu > li > a {
    padding: 12px 15px 12px 26px !important;
}
#button{
    display: none;
}
   
.pattern-layer {
    display: none;
}
    .contact-form-img{
        display: none;
    }
.fac-card{
    min-height: unset;margin-bottom: 15px;
}
.box-group .icon li {
    width: 80px;
    height: 80px;
    line-height: 80px;
    }  
    .fac-container {
    padding: 30px 0;overflow: hidden;
}

     .footer-logo{ display: none;}
        img.welcome-img{
            display: none;
        }
        
        body.about .welcome-detail span{
            padding-top: 10px;
        }
      }


@media (min-width:600px) and (max-width:768px) and (orientation:landscape) {
 
.mob-view{
        height: 50vh !important;
}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
 .mob-view{
        height: 50vh !important;
}
}

 @media (min-width:681px) and (max-width: 768px){
.banner-bottom-slider{
    padding: 20px;
}
.footer-content-lk{
    top: 44%;
    width: 95%;
    transform: translate(-50%,-50%);
    left: 50%;
}

.footer-bottom{
    margin-top: 150px;
}
.footer-content-lk h4{
    line-height: 1.5
}

h3.tagline{
    font-size: 1.3em;    line-height: 28px;  
}
.thanks-content h1{
    font-size: 2em;
}
.thanks-content{
        width: 50%;padding: 25px;
}
.thanks-div p {
    margin-bottom: 20px;
}

.number-sec .col-md-4 {
    width: 49%;
    float: left;
    margin-right: 1%;
}
.number-sec .university-title.mt-2{    margin-top: 1em !important;
    margin-bottom: 1em;
    margin-left: 5px;}
.number-div
{margin-bottom: 10px;}
img.img-full.career-img{
    display: none;
}
body.openschool .fet-title {
    padding: 0;
    margin-bottom: 0;
}
body.credit .university-img img
{
    bottom: 8%;
}
.sexy-menu.detached .nav-menu > li > a {
    padding: 12px 15px 12px 26px !important;
}
.client-div .col-md-3,.client-div2  .col-md-3
{
width: 30%;float: left;
}
.client-div .col-md-8,.client-div2 .col-md-8,.client-div2 .col-md-9
{
width: 70%;float: left;
}
.client-div{
        padding: 20px 0;
}
.client-div .row{
    display: flex !important;
}
.client-div2 .row {
    display: flex !important;
}
.blog-div{
    margin-bottom: 20px
}
.voc-div .row:nth-child(1) .col-md-2
{
width: 30%;float: left;
}
.voc-div .row:nth-child(1)  .col-md-7
{
width: 70%;float: left;
}
.voc-div .row:nth-child(2) .col-md-5
{
width: 50%;float: left;
}
.voc-div .row:nth-child(2)  .col-md-7
{
width: 50%;float: left;
}
body.applynow .university-title {
    margin: 10px 0;
}
.dblock label.titile{
    display: block;
}
.dblock{
    display: block;
}
.dblock div{
    display: flex;
}

body.blog .blog-main .col-md-4{
width: 50%;float: left; padding-left: 0;
}

.voc-courses .col-md-6
{
width: 50%;float: left;
}

.client-div .col-md-3
{
width: 30%;float: left;
}
.client-div .col-md-8
{
width: 70%;float: left;
}
body.services .col-md-4
{
    width: 50%;float: left;
}
body.services h1.right-conent{
 font-size: 1.22em   
}

body.services h3.right-conent{
 font-size: 1.22em   
}


body.services .prod-div{
    min-height: 450px;    margin-bottom: 50px;
}
.prod-div:after{
    bottom: -66px;
    height: 56px;
    z-index: -1
}
.tab button{
    padding: 8px 20px 8px 20px;font-size: 1.33em
}
.news-gallery .col-md-3.p3
{
width: 50%;
float: left;
}
.mt-5 {
    margin-top: 3em;
}
.news-gallery{
    padding: 10px;
}
.news-img{
    display: none;
}
.news-div{
    margin-bottom: 10px;
}
.news-content a{
    padding: 8px 15px 8px;
    margin: 10px 0 !important;
}
body.news .col-md-4{
    width: 50%;
    float: left;
}
.news-div{
    margin-bottom: 10px;
}
h1.news-right-conent{
    margin-top: 3px;    padding-bottom: 5px;
}
.news-content
{
    padding: 10px 20px
}
.news-one__date
{
    padding: 5px 10px 5px;
}
.sidebar__post-content h3{
    font-size: .9em
}
.sidebar__post-image>img {
    width: 100px;
}
.sidebar__title{
    margin-left: 0;
}
.sidebar__post-list li{
    padding: 0;
}
.sidebar__post
{
    padding: 16px 20px 20px;
}
.news-details__content
{
    padding: 12px 32px 25px
}
h3.news-details__title-1
{
        font-size: 1.4em;
    line-height: 30px;    margin: 0 0 10px;
}
.blog-content {
    padding: 0 15px 10px;
}
.blog-content {
    padding: 0 15px 10px;
}
.blog-content {
    padding: 0 15px 10px;
}

.feature-two__icon{
        max-width: 80px;
}
.fet-title.openschool2 span:after,
ul.career-list.before-sh li:before{
    height: 8px;
    width: 8px;
    bottom: 15px;
}
 body.openschool  ul.career-list.subj-list{
     padding: 0px 0px 0px 60px !important;
 }
ul.career-list.subj-list.pl-0 {
    padding: 10px 0px 0px 60px !important;
}
.subj-col.col3 {
    min-height: 200px;
}
.col3,.col4,.col5,.col6,.col1,.col2,.col3 {
    width: 47%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    max-width: 47%;  
    margin-left: 1%;
    padding-bottom: 10px;
}
.welcome-detail-title2 {
    margin-bottom: 0;
}
.openschool-tit1 span
{
    font-size: 1.1em
}
.sub-top{
    margin-bottom: 10px;
}
.openschool-subj span
{
    font-size: 1.1em;
    line-height: 40px;
}
.subj-list.pl {
    padding: 20px 0px 20px 60px !important;
}
   .flex-wrap{
    display: block;
   } 
.dur{
    margin-bottom: 40px;
}
.university-title{
    font-size: 1.1em;
}
ul.career-list.doc-sh{
    margin-left: 0
}
.university-title:after
{
    height: 7px;
    width: 7px;
}
.req-div p{
    text-align: left;
}
.university-title{
    margin: 0;
}
.req-div
{
    margin-top: 10px;
}
ul.career-list
{
   padding: 0px 25px 0;
}
ul.career-list.before-sh li, ul.career-list.obj-sh li
{
    padding-left: 10px;    line-height: 2.3;
}
ul.career-list.obj-sh li:before
{
        width: 8px;
    height: 8px;
    top: 15px;
}
.content-container
{
        padding-top: 30px;
    padding-bottom: 20px;
}
.dur .col-md-4{
width: 33%;
float: left;
}
.credit-transfer .col-md-6 {
    width: 50%;
    float: left;
}
.university-img img
{
        height: 90px;    bottom: -2%;
}
.process-content{
    padding: 21px 22px
}
.nios-row .col-md-3{
    width:33%;
    float: left;
}
.nios-row .col-md-8{
    width:100%;
}
.course-div h1:before
{
    height: 10px;
    width: 10px;
}
.course-div h1 br{
    display: none;
}
.course-div{
    padding: 15px 15px 15px 15px;display: block;
    min-height: unset;    margin: 0 2%;
}
.nios-row .col-md-3{
    width:33%;
    float: left;
}
.nios-row .col-md-6 {
    width: 100%;
    float: left;
}
.nios-row .col-md-6 .col-md-6,.nios-row .col-md-8 .col-md-4{
 width: 33%;
    float: left;
}
.nios-row .col-md-8{
    width:100%;
}
.vcourses {
    margin-bottom: 50px;
}
.vdiv h1
{
    font-size: 1em;
}


.vdiv h2
{
    font-size: 1em;
}

.vdiv h3
{
    font-size: 1em;
}


.view-detail
{
    font-size: .9em;
    padding: 6px 20px;
        bottom: -25px;
}
.vdiv
{
padding: 17px 4px;
    border-radius: 15px;    bottom: -15px;
}
.fet-title span{
    font-size: 1em;
}
.distance-div{
    overflow: hidden;
}
.doc-container{
    margin: 80px 0 60px;    height: 150px;
}
.docs
{
    width: 70%;
    padding: 30px 30px;
}
.process
{
        width: 46%;
    margin-left: 2%;margin-bottom: 3%;
}
.arrow-right
{
        height: 70px;    right: -70px;
}
.dcourse{
    min-height: 335px;padding-bottom: 50px;
}
.distance-courses .col-md-3.fbox ul.career-list
{
    padding: 20px 10px 0 20px
}
.distance-courses .col-md-3.fbox .c-top,
.c-top {
    padding: 15px 30px;
}
span.num
{
    height: 60px;
    width: 60px;
    line-height: 60px;top: -40px;
}
.distance-title h1
{
    font-size: 1.4em;    margin-bottom: 60px;
}
.distance-courses
{
        padding: 40px 0 30px;
}
.merits_info p{
    margin-top: 2%;
}
h2.merits_title
{
    width: 40%;
        padding: 10px;
}
h3.merits_title
{
    width: 40%;
        padding: 10px;
}

.col-md-3.fbox, .col-md-3.sbox,
.col-md-3.tbox, .col-md-3.lbox{
    width: 50%;
    float: left;
}
.merits
{
        padding: 1px 30px 10px 7px;
    margin: 0 3% 3%;
}
.merits_info{
    display: block;
}
.d-img{
    display: none;
}
.client-div2{
overflow: hidden;padding: 15px 0 15px;
}
.con-title:after
{
        right: 8px;
    height: 8px;
    width: 8px;
    bottom: 16px;
}
.con-title
{
    padding: 5px 20px;font-size: 1.1em;
    line-height: 25.99px;
}
.inner-init-text{
    font-size: 1.7em; line-height: 27px;
}
.inner-featured-text{
   -webkit-text-stroke: 1px #612909;
    font-size: 2.3em; line-height: 45px;
}
.cs-hobble{
    min-height: unset;
}
.cs-hobble .cs-card_info h2
{
    font-size: 1em;line-height: 25px;
}
.cs-hobble img{
    padding: 20px 10px;  margin: -30px 0px 0;  width: 19%;
}
.mission-center {
    margin-left: 0;
}
.img-vision
{
    transform: translate(-50%,-50%);
height: 100px;left: 94%;
    top: 50%;
}
.mission-div .welcome-detail-title2 h1{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7px auto 0 !important;
}
.mission-div.sec{
    margin-top: 0;
}
.mleft {
    margin-left: 9%;
}
.mission-container{margin-top: 0px;margin-bottom: 30px;}
 .mission-div {
      padding:40px 70px 30px 40px
  }  
  .mission-div.sec{
      padding: 40px 40px 30px 70px
  }  

a.apply-now {
    padding: 6px 20px;
    font-size: .8em;
}
.footer-social-links ul li a:before{
        top: 2px;
    width: 20px;
    height: 20px;
}
a.read-more {
    padding: 6px 20px;
    font-size: .8em;
}
.welcome-detail-title4 h1 {
    font-size: 2em;
    letter-spacing: -2px;
    line-height: 40px;
    margin-bottom: 0;
}
.welcome-detail-title4 h2 {
    letter-spacing: -2px;
    font-size: 2.8em;
    line-height: 40px;
    margin: 0;
}

.footer-content.qlinks ul li:nth-child(2n){
    margin-right: 0
}
.footer-content:nth-child(3) ul {
    margin-top: 0;
}

img.openschool-shape3{
    display: none;
}
.open-detail-title h1:after{
    right: -20px;
}

.open-detail-title h2:after{
    right: -20px;
}
.open-detail-title h1
{
    font-size: 1.6em
}
.open-detail-title h2
{
    font-size: 1.6em
}
.open-bg
{
        padding: 20px 37px;
}
.open-container
{
    padding: 40px 0 40px;
}
.round-circle
{
    height: 50px;
    width: 50px;
    line-height: 50px;
}
.credit-detail p
{
    width: unset;
    margin-top: 0px !important
}
.credit-container
{
        padding: 25px 0 30px;
}
.voc-det h1{
    margin-bottom: 0px
}
.voc-det h2{
    margin-bottom: 0px
}
.course-title-wrap {
    margin-bottom: 30px;
}
.voc-wrap
{
    width:80%;
        padding: 4px 4px 4px 8px;
        top: 0;    left: 8%;
}
.voc-wrap h1{
    margin-top: 5px;
    font-size: 1.2em;margin-bottom: 5px;
}

.voc-wrap h2{
    margin-top: 5px;
    font-size: 1.2em;margin-bottom: 5px;
}
img.voc-img {
    width: 100%;
    position: relative;
    top: 90px;
    z-index: -1;
}
.voc-item{
    margin-bottom: 10px;
}
.pro-content p{
    line-height: 24px;
}
.voc-title
{
        font-size: 1.5em;
    line-height: 30px;
}
.voc-title:after
{
    height: 6px;
    width: 6px;
    bottom: 6px;
}
.voc-div
{
padding: 40px 0 0;
}
.uni-div span
{
    font-size: .8em
}
.client-div{
        padding: 20px 0;
}
.client-div .row{
    display: flex !important;
}
.client-div .box-link img{
    display: flex;align-items: center;justify-content: center;    margin: 0 auto;
}
.unbeat-container
{
     background-size: auto;padding: 50px 0;background-position: auto;
}
.prod-div{
    padding: 15px;
}

.welcome-detail-title2 span
{
    font-size: 1em;
}
.con-detail h1{
    margin-top: 0
}
.con-detail
{
    width: 46%;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
    padding: 20px 16px;
    min-height: unset;  margin-right: 0;  margin-left: 2%;
}
.tophead,.openschool-imgs,.abt-imgs
{
    display: none;
}
.welcome-detail-title h1:after, .welcome-detail-title h2:after, .welcome-detail-title2 h1:after, .open-detail-title h1:after,.open-detail-title h2:after
{
        height: 6px;
    width: 6px;    bottom: 7px;
}

.welcome-detail-title2 h2:after
{
        height: 6px;
    width: 6px;    bottom: 7px;
}

#button{
        bottom: 130px;
}
.location-sec iframe{
    height: 300px;
}
span.locateus{
    top: 40%;
        font-size: 1em;    left: -15px;
    padding: 10px 20px;
}

.contact-form .form-group {
    margin-bottom: 10px;
}
.contact-container .col-md-6{
    width: 100%;
}
.reach-social-links ul li a{
        width: 40px;
    height: 40px;
    line-height: 40px;
}
.contact-box .content p{
    font-size: 1em;
}
.contact-box figure .icon {
    width: 50px; line-height: 50px;
    height: 50px;
}
.reachus
{
    padding: 17px 18px 10px 20px;
    margin-top: 0;
}
.reach-padding{
    padding: 30px 18px 40px 20px;
    margin-bottom: 20px;
}
.welcome-detail-title5 h1{
    font-size: 1.893em;
    line-height: 40.99px;
}
.welcome-detail-title5 h2{
    font-size: 1.893em;
    line-height: 40.99px;
}
.contact-left, .contact-right{
    display: none;
}
body.gallery .col-md-3{
padding: 0 5px;
    width: 50%;float: left;
}
.box-group img{
    height: 250px;
}
.process-list:nth-child(3n){
    margin-right: 0
}

.ml-5 {
    margin-left: 0% !important;
}
.process-list
{
        width:25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-right: 10%;
    padding: 5px 5px 3px;
}

.process-list:after
{
        width: 80px;
    height: 100px;
}
.products-container
{
    padding: 0 20px;
    margin: 30px 0;
}
.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 0px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 20px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.amp{
    line-height: 25px;
}

span.arrow-right {
    font-size: 2em;
    margin-left: 1em;
    top: -25px;
    right: -80px;
    position: relative;
}
.pro-content {
    display: block;
}
.row.center{
    display: block;
}
.mission-title h1
{
    font-size: 1.37em;
}

.mission-container{margin-bottom: 40px}

.abt-container .col-md-6:nth-child(3) .cs-hobble .cs-card_info{
    margin-bottom: 0
}

.cs-hobble .cs-card_title{
    font-size: 1.2em
}
.abt-container+.abt-container{
    padding-top: 0
}
.fet-title{padding: 0 10px; margin-bottom: 60px}
.fet-title h1{
        font-size: 1.33em;
    line-height: 30px;
}

.fet-title h2{
        font-size: 1.33em;
    line-height: 30px;
}
.abt-title{
    transform: unset;position: unset;
}
.cs-hobble img{
        height: 130px;
    width: 130px;
}
body.about .abt-container{
    padding-top: 0 !important
}
body.about .abt-container img.img-full,.year2,img.shape1{display: none;}

.inner-featured-text span{
    line-height: 20px
}
.page-hero-inner .hero-text-area{
        bottom: 30%;
}
.footer-content.product-links ul li br {
    display: none;
}
.box-group img{
    height: 200px;
}
.unbeat-container .col-md-5{
width: 70%;
}
.unbeat-container .col-md-3{
width: 30%;
}
.single-services
{
    padding: 15px;
    margin-bottom: 10px;  min-height: 330px
}
.col-md-3.spec{
    width: 50%;
    float: left;
}

.product-col{
    width: 25%;float: left;
}
.p30 {
    padding: 0 10px !important;
}
    .footer-content.product-links{
        margin-bottom: 0
    }
.footer-content.product-links{
    /*width: 100%;*/
}
.footer-social-links ul li{margin-right: 0 !important}
.footer-content.product-links ul li{
        line-height: 25px; width: 100% !important
}
.footer-content.qlinks ul li
{
    width: 46%;font-size: 13px;
    float: left; margin-right: 20px;   line-height: 20px;
}
.address p{
    font-size: .9em;
}


.footer-content.qlinks:nth-child(3){
    margin-right: 0;
}
.footer-content-title:after{
        height: 3px;bottom: -5px
}
.footer-content
{
    margin-bottom: 5%;margin-right: 0
}
.address
{
        margin-bottom: 10px;
}
.group-link img {
    height: 40px !important;
    width: 40px !important;
}
.icon-div {
    margin-left: 0;
    margin-bottom: 0px;
}
.icon-div h1{
    line-height: 21px;
    font-size: .9em
}
.icon-div img{
    height: 70px;
}
.welcome-detail-title4 h1
{
        font-size: 2.3em;
    line-height: 30px;
}
.unbeatable-detail{
    text-align: left;    padding: 0 20px;
}
.welcome-detail-title4 span
{
        font-size: 1.047em;    line-height: 30px;
}
.m-bottom {
    margin-bottom: 20px !important;
}
.welcome-detail-title3 h1
{    margin-bottom: 10px;
        font-size: 1.8em;line-height: 40px;
}
.welcome-detail {
    margin-left: 0;
    padding-top: 0;
}
.year{display: none;}
h1.right-conent
{
    line-height:20px;       font-size: 1em;
}
h3.right-conent
{
    line-height:20px;       font-size: 1em;
}
.product-col:nth-child(2),.product-col:nth-child(4){
    top: 50px
}
.welcome-detail-title
{
    top: 50px; left: 0
}
.single-event-one .text-holder h3 a
{
    font-size: .8em;
}
.clear-both{
    clear: both;
}
.product__details__text h3{
    font-size: 1.5em;
}
.product__details__text {
    padding-left: 3%;
    padding-top: 2%;
}
.product__details__text p{
    margin-bottom: 0;
}
.thumbnail-image{
        height: 70px;
}
.thumbnails a {
    width: 22%;
}

.pattern-1 img,.pattern-2 img{
    width: 20%;
}
.contact-box figure svg {
    height: 35px;
    width: 35px;
}
.bg-image{
    display: none;
}

.enquiry-wrapper {
    padding: 30px 0;
}
.col-md-3.fac-li {
    width: 50%;
    float: left;
}
.icon-box-title{
    font-size: 1.1em;
    margin-bottom: 10px;
}
.icon-box-style-4{
    margin-bottom: 20px;
}

.adv-div .grid-box:nth-child(4) {
    clear: both;
}
.adv-div .grid-box{
    width: 33%;
    float: left;
}

.facility-div {
    padding: 0px 0 40px;
}
.welcome-detail-title h1{
        font-size: 1.333em;
}


.welcome-detail-title h2{
        font-size: 1.333em;
}

.welcome-detail-title2 h1{
      font-size: 1.7em; line-height: 30px;
}


.welcome-detail-title2 h2{
      font-size: 1.7em; line-height: 30px;
}
#fac-slider, #fac-slider2{
    margin-top: 20px;
}
.welcome-container{
    padding: 40px 0px 40px
}
.welcome-container .col-md-7{
    padding: 0
}
.deal-product-details{
    margin: 10px 0;
}
.lSAction,.bg-color,img.welcome-img2{
    display: none !important;
}

.nav-brand img {
       display: flex;
    align-items: center;
    margin: 0px auto !important;
    width: 45%!important;
    margin-top: 0 !important; margin-top: 0 !important;
}

.address img{
    height: 35px; width: 35px; margin-right: 5px;
}
.footer-content-title{
    margin-bottom: 15px;
}
h3.deal-product-title a{
    font-size: .8em;
}
.deal-product-list{
     font-size: .8em;    margin-bottom: 5px;
}
section.adv-div{
    padding: 30px 30px 0;
}
.deal-product-card{
    padding: 10px
}

figure.grid-img img{
    height: 280px
}
.single-services .icon,
.single-services .icon img{
       margin: 0 auto
       }

.top-quickwraper{
    display: none;
}

.sexy-menu.detached{
    padding: 0 !important
}

.footer-content-details p{
    font-size: .9em
}
    .mob-view {
    width: 100%;
    height:70vh !important;
    display: block;
    object-position: center;
    object-fit: cover;
}
.footer-content-icon img {
    height: 30px;
}

 .box-group .icon li {
    width: 120px;
    height: 120px;
    line-height: 120px;
    }
.contact-form-img{
    display: none;
}

 .contact-form .col-md-6{
            width: 50%;
    float: left;
    }
    .contact-details-section .col-md-4{
    width: 33%;
    float: left;
    }
.about-section-f1 {
    display: none;
}
.about-content-img h2
{
    font-size: 1.5em;
    margin-bottom: 0
}
.about-content-img p {
    font-size: 1em;
    margin-bottom: 0px;
    }

.contact-details-section-outer
{
        padding: 56px 0 107px;
}
    .about-content-img {
    padding-top: 10px;text-align: center;
}
 .about-content-img  .footer-social-links {
    
    text-align: center;
    justify-content: center;
    margin: 0 auto;
    display: flex;
}
.gallery-container {
    padding: 50px 0;
}
body.gallery .col-md-4{
    width: 50%;
     float: left;
}
.map-section iframe{
    height: 300px;
}

.map-section {
    padding: 30px 0;
}

.banner-btn a{
    padding: 7px 15px 7px 15px;
}
    .sexy-menu.detached .nav-brand img {
        margin-top: 0px !important;
    width: 44% !important; }
    .welcome-detail.abt-content p {
        text-align: justify;
    }
    
    .abt-container {
    padding-top: 30px;
    padding-bottom: 30px;
    }
    .abt-container::before{
        background-size: contain;
        width: 103px;
    height: 106px;
    }
  
.fac-container {
    padding: 50px 0;
}
.fac-card{
    min-height: 470px;
}

.footer-logo img {
   display: none;
}
.footer-content:after
{
        height: 50px;  
}
.footer-content:nth-child(3):after {
    top: 0;
}

img.welcome-img{
    display: none;
}

.footer-top-wraper{
    padding-top: 40px !important;
}
.footer-content {
    margin-bottom: 15px;
  width: 48% !important;
    margin-right: 2%;
}
.footer-content:nth-child(1)
{ width: 42% !important;
}
.footer-content:nth-child(2)
{     width: 56% !important;
    margin-right: 0;
}

.center-column .inner-box{
        padding: 0px 10px 0px 10px;
}
.contact-form
{
padding: 30px;
    margin-bottom: 20px;
width: 100%;display: block;
}
body.checkout .contact-form .row{
    width: 100%;
}
.profile .col-lg-4.col-md-4.col-sm-6 {
    width: 33%;
    float: left;
    padding: 5px;
}
.acc-adress{
    margin-top: 5em
}
.shoping__cart__table table thead th{
    font-size: 1.1em;
}
.profile .contact-form .row{
    width: 100%;
}
.profile .col-lg-6.col-md-6.col-sm-6{
    width: 50%;
    float: left;
}
a.css_prefix-button.pull-right.add_addr.cart_btn {
    clear: both;
    margin-top: -50px;
}
.contact-box figure img{
    width: 45px;
}
.contact-box{
    padding: 30px 10px 20px;
        min-height: 150px;
}
.con-title
{
    padding: 8px 20px;
}
.reach-social-links ul{
display: flex;
}
.reach-social-links{
    clear: both;    padding-top: 0;
}
.contact-box .content p{
    font-size: .9em;
    text-align: center;
}
.contact-box .content{
    width: 100%;
    text-align: center;
    margin-left: 0
}

.contact-box .content h6{
    font-size: 1em;
}
.contact-box:nth-child(3){
    margin-bottom: 50px;
}

.highlight-wrap {
    padding: 30px 0 30px;
}
.border-box ul li{
    padding-left: 10px;
}

.padding-restaurant {
    padding: 0px 40px;
}
.about-wrap.style2 {
    padding:20px 0 30px;
}

.bredcum-wraper{
        padding-bottom: 20px;
}


body.restaurant .welcome-detail-title, body.about .welcome-detail-title, body.facilities .welcome-detail-title {
    font-size: 1.4em;
}
.recognition-wraper {
    padding-top: 40px;
}
.abt-pic,.rec-pic{
    display: none;
}
.abt-detail,.rec-detail{
    width: 100%;
    padding-left: 0%;
}
.main-container{
    padding-top: 40px;
}

.whats-app{
        bottom: 25vh;
    right: 26px;
}

.footer-social-links ul li{
    width: auto;
}

.footer-social-links ul li a {
    width: 30px;
    height: 30px;
    font-size: 1.2em;
}

.nav-menu>li>a{
    font-size: 1em !important
}
 .copy-right{ width: 50%; text-align: left; line-height: 30px;}
 .designed {
    width: 50%;
    text-align: right;
    line-height: 30px;
}
.designed p{
      line-height: 30px;
}
.footer-wraper{
    display: flex;
}
.back-to-top{
    display: none !important;
}
.footer-content:nth-child(3) ul{
    width: 100%;
}

.footer-content-for{
  padding-bottom: 0.5em;
}
.footer-top-title{
    padding-bottom: 10px;
}
.footer-content{
    margin-bottom: 15px;
}
.title-wraper{
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}

.contact-form1{
    width: 90%;
    padding: 30px 20px 30px;
    background-position: center;
   top: 52%;
    height: 70%;
}
.bottom-pic img {
    height: 400px;
}

.contact-form1 .form-group input, .contact-form1 .form-group textarea, .contact-form1 .form-group select
{
    height: auto;
    padding: 10px 30px;
}
.edu-btn
{
    padding: 8px 20px;
        font-size: .9em;
}

.feature-title
{
    font-size: 1.55em;
    text-align: center;
}
.feature-title-middle{
     font-size: 2.55em;
     line-height: 35px;
}
.fet-title{
     font-size: 1.333em;
      line-height: 16px;
      margin-bottom: 30px;
}

.view-all a
{
    font-size: .8em;
}
.left-tree {
    z-index: 1;
    width: 100px;
}
.right-tree {
    z-index: 1;
    width: 100px;
}

.welcome-detail span{
    margin-top: 20px;
}
.welcome-title
 {
    font-size: 1em;
        line-height: 20px;
 }
 .welcome-title-middle{
    font-size: 1.6em
 }
.home-facility-wraper,.home-feat-wraper
{
        padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 50px;
}

.box-title
{
    font-size: .9em;
}
.box-title-sub{
    font-size: .8em;
}
    .shape1{
        top: 22%;
    }
    .shape2 {
        top: 70%;
    left: -5%;
    }
    .shape4 {
    top: 25%;
    right: 23%;
    }
   .shape5 {
    top: 70%;
    right: 3%;
}
    img.mob-view.home-img{
        height: 75vh !important
    }
    .shape1,.shape2,.shape3,.shape4,.shape5
    {
      width: 25%;
    }
   
    .init-text
    {
        font-size: 2em;
        line-height: 40px;
    }
  .featured-text
    {
        font-size: 2.8em;
        line-height: 50px;
    }
    .inner-banner-caption.slide-title .featured-text{
          font-size: 1.1em;line-height: 30px;
    }
    .inner-banner-caption.slide-title .init-text {
     font-size: 1.9em;    line-height: 30px;
    }

    body {
        font-size:14px !important;
   }
    .d-container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
   }
    .top-container{
        width:100%;
        padding-left:3%;
        padding-right:3%;
   }
    .desk-view{
        display: none !important
   }
    .mob-view{
        display: block  !important
   }

   .copy-right{  line-height: 30px;}
   .designed p{ line-height: 30px;}
   .footer-wraper{ padding-top: 5px;
    padding-bottom: 80px;}
   .footer-container{ display: inherit;}
   .sexy-menu.detached{
    background: #fff !important
   }
  
}

 @media (max-width: 768px){

.kochi-numb p {
    margin-bottom: 5px;
}
.nav-menu > li.apply a,
.sexy-menu.detached .nav-menu > li.apply a {
    width: fit-content !important;
    margin-top: 0.5em;padding: 6px 35px!important;
    margin-left: 1.5em;
}
.resp-show{
    display: block !important;
}
.nav-dropdown .submenu-indicator{
    left: unset !important;
}
.dblock label.titile{
    min-width: unset;
}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open
{
    padding-bottom: 800px;
}
.navigation-portrait .submenu-indicator-chevron{
        border-color: #fff;
}
.location-sec iframe{
        margin-bottom: 40px;
}
.logo{
    top: 53% !important;
    left: 50%;
    transform: translate(-50%, -50%);
}

 .topcart-cart {
    font-size: 0.8em;
    color: #fff;
    font-family: inherit;
    width: 22px;
    height: 22px;
    background-color: #8a0000;
    position: absolute;
   
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-menu>li:hover>a:after,.nav-menu>li a:after{
    display: none !important;
}
.shoping__cart__table {
    width: 100%;
    overflow-x: scroll;
}
.shoping__cart__table table {
width: 800px;
}
.col-md-3.fac-li {
    padding: 0 10px;
}
.icon-box-style-4
{
    padding: 20px 20px 35px 20px
}
 
.deal-product-thumb img{
    height: 200px;
    object-fit: cover;
}

.submit-btn
{
    padding: 6px 30px;    margin: 0;
}
.contact-form input[type="text"]
{
    height: 50px;
}
section.contact-wrapper {
    padding: 20px 0px 30px;overflow: hidden;
}
section.contact-details-section{
    padding-top: 20px;
}
section.contact-details-section{
    overflow: hidden;
}
    .nav-menu>li>a
    {
        color: #fff !important
    }

     .nav-toggle, .navigation-hidden .nav-header {display: block !important;}

    
    .banner-wrp{height: calc(100vh - 75px) !important; overflow: hidden !important }
    .carousel-inner {height: 100% !important;}
   

 .nav-header{ width: 100%; }
 
 .bottom-menu{ width: 45px; height:45px; border-radius: 50%; display: flex !important; justify-content: center; align-items: center; border:1px solid #e7e7e7}
 .fine-arts-bg{ display: none;}
 .fine-arts-container{ padding-top: 0px;}

 .footer-container{width: 100%; padding-top: 0;   padding-bottom: 0;}
 .footer-top-wraper {  background-size: contain;  padding-top: 30px;    padding-bottom: 30px;}
 .job-opportunity{ float: left;}
 #quick_view_bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: auto;
  background-color: #fff ;
 }

.sexy-menu.detached{
    opacity: 1 !important
}
.hide-menu{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 99999;
        padding: 10px 20px 10px 0;
        display: block;
}
.hide-menu img {
    display: block;
    justify-content: center;
    margin: 0 auto;
    width: 38px;
}
    .hide-menu a {
        width: 27%;
    line-height: 1;
    font-size: .9em;
    display: inline-block;
    float: left;
    text-align: center;
}
.hide-menu img {
    display: block;
    justify-content: center;
    margin: 0 auto;
}

.nav-toggle{
display: flex!important;
    align-items: center;
    width: 25px;
    height: 20px;
    cursor: pointer;
    /* border-top: 3px solid #000; */
    border-bottom: 3px solid #000;
    text-align: center;
    justify-content: center;
    position: absolute;
    bottom: 25px;
        right: 23px !important;
    }
   .nav-toggle:before {
    position: absolute;
    content: "";
    width: 40px;
    border-bottom: 3px solid #000;
    right: 0;
}

.nav-toggle:after {
    content: "";
    width: 33px;
    border-bottom: 3px solid #000;
    position: absolute;
    top: -2px;
    right: 0;
}

body.contact .mob-view{
    object-position: top;
}
.sexy-menu{
    position: fixed;
}
    }
 @media (min-width:769px) and (max-width:991px){

.kochi-numb p {
    margin-bottom: 5px;
}
.thanks-content {
    width: 50%;
    padding: 25px;
}
.footer-content-lk{
          top: 36%;
    left: 39%;
    padding: 5px;
    width: 59%;
}
.footer-content-lk h4{
    line-height: 1.5
}
.footer-content-lk img{
    width: 140px;
}
    h3.tagline{
    font-size: 1.2em;    line-height: 28px;   
}

.number-sec .col-md-4 {
    width: 49%;
    float: left;
    margin-right: 1%;
}
.number-sec .university-title.mt-2{    margin-top: 1em !important;
    margin-bottom: 1em;
    margin-left: 5px;}
.number-div
{margin-bottom: 10px;}
body.applynow .university-title {
    margin: 10px 0;
}
.dblock label.titile{
    display: block;
}
.dblock{
    display: block;
}
.dblock div{
    display: flex;
}

.career-img{
    display: none;
}
.openschool-tit{
margin-bottom: 10px !important;
padding: 0 !important
}
.voc-courses .col-md-6
{
width: 50%;float: left;
}

.client-div2 .row{
    display: flex !important;
}
.voc-div .row:nth-child(1) .col-md-2
{
width: 30%;float: left;
}
.voc-div .row:nth-child(1)  .col-md-7
{
width: 70%;float: left;
}
.voc-div .row:nth-child(2) .col-md-5
{
width: 50%;float: left;
}
.voc-div .row:nth-child(2)  .col-md-7
{
width: 50%;float: left;
}
.client-div .col-md-3,.client-div2  .col-md-3
{
width: 30%;float: left;
}
.client-div .col-md-8,.client-div2 .col-md-8,.client-div2 .col-md-9
{
width: 70%;float: left;
}
.client-div{
        padding: 20px 0;
}
.client-div .row{
    display: flex !important;
}
body.services .col-md-4
{
    width: 50%;float: left;
}
body.services h1.right-conent{
 font-size: 1.22em   
}

body.services h3.right-conent{
 font-size: 1.22em   
}

body.services .prod-div{
    min-height: 500px;    margin-bottom: 50px;
}
.prod-div:after{
    bottom: -66px;
    height: 56px;
    z-index: -1
}
.tab button{
    padding: 8px 25px 8px 25px;font-size: 1.33em
}
body.gallery .col-md-4 {
    width: 33%;
    float: left;
}.news-gallery .col-md-3.p3

{
width: 50%;
float: left;
}
.mt-5 {
    margin-top: 3em;
}
.news-gallery{
    padding: 10px;
}
.news-img{
    display: none;
}
.news-div{
    margin-bottom: 10px;
}
.news-content a{
    padding: 8px 15px 8px;
    margin: 10px 0 !important;
}
.news-content a{
    padding: 8px 15px 8px;
    margin: 10px 0 !important;
}
body.news .col-md-4{
    width: 50%;
    float: left;
}
.news-div{
    margin-bottom: 20px;
}
h1.news-right-conent{
    margin-top: 3px;    padding-bottom: 5px;
}
.news-content
{
    padding: 10px 20px
}
.news-one__date
{
    padding: 5px 10px 5px;
}
.sidebar__post-image>img {
    width: 100px;
}
.sidebar__post-content h3 {
    font-size: .9em;
}
h3.news-details__title-1 {
    font-size: 1.33em;
    line-height: 30px;
    margin: 0 0 10px;
}
.news-details__content {
    padding: 12px 22px 25px;
}

.sidebar__post-content h3{
    font-size: .9em
}
.sidebar__post-image>img {
    width: 100px;
}
.sidebar__title{
    margin-left: 0;
}
.sidebar__post-list li{
    padding: 0;
}
.sidebar__post
{
    padding: 16px 20px 20px;
}

body.blog .col-md-4{
width: 40%;float: left; padding-left: 0;
}
body.blog .col-md-8{
width: 60%; float: left;
}
body.blog .blog-main .col-md-4{
width: 50%;float: left; padding-left: 0;
}
    .blog-div {
margin-bottom: 20px;
    }
.blog-content {
    padding: 0 15px 10px;
}

.feature-two__icon{
        max-width: 80px;
}
.fet-title.openschool2 span:after,
ul.career-list.before-sh li:before{
    height: 8px;
    width: 8px;
    bottom: 15px;
}
.fet-title.openschool2 {
    margin-bottom: 0px !important;
}
 body.openschool  ul.career-list.subj-list{
     padding: 0px 0px 0px 60px !important;
 }
ul.career-list.subj-list.pl-0 {
    padding: 10px 0px 0px 60px !important;
}
.subj-col.col3 {
    min-height: 250px;
}
.col3,.col4,.col5,.col6,.col1,.col2,.col3 {
    width: 47%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    max-width: 47%;  
    margin-left: 1%;
    padding-bottom: 10px;
}
.welcome-detail-title2 {
    margin-bottom: 0;
}
.openschool-tit1 span
{
    font-size: 1.1em
}
.sub-top{
    margin-bottom: 10px;
}
.openschool-subj span
{
    font-size: 1.1em;
    line-height: 40px;
}
.subj-list.pl {
    padding: 20px 0px 20px 60px !important;
}
   .flex-wrap{
    display: block;
   } 
.dur{
    margin-bottom: 40px;
}
.university-title{
    font-size: 1.1em;
}
ul.career-list.doc-sh{
    margin-left: 0;
    padding: 0;
}
.university-title:after
{
    height: 7px;
    width: 7px;
}
.req-div p{
    text-align: left;
}
.university-title{
    margin: 0;
}
.req-div
{
    margin-top: 10px;
}
ul.career-list
{
   padding: 0px 25px 0;
}
ul.career-list.before-sh li, ul.career-list.obj-sh li
{
    padding-left: 10px;    line-height: 2.3;
}
ul.career-list.obj-sh li:before
{
        width: 8px;
    height: 8px;
    top: 15px;
}
.content-container
{
        padding-top: 30px;
    padding-bottom: 20px;
}
.dur .col-md-4{
width: 33%;
float: left;
}
.credit-transfer .col-md-6 {
    width: 50%;
    float: left;
}
.university-img img
{
        height: 90px;    bottom: -2%;
}
.merits_info p{
    margin-top: 2%;
}
h2.merits_title
{
    width: 40%;
        padding: 10px;
}
h3.merits_title
{
    width: 40%;
        padding: 10px;
}



.col-md-3.fbox, .col-md-3.sbox,
.col-md-3.tbox, .col-md-3.lbox{
    width: 50%;
    float: left;
}
.merits
{
        padding: 1px 30px 10px 7px;
    margin: 0 3% 3%;
}
.merits_info{
    display: block;
}
.credit-transfer .col-md-6 {
    width: 50%;
    float: left;
}
.university-img img
{
        height: 90px;    bottom: 9%;
}
h2.merits_title
{
    width: 40%;
        padding: 10px;
}
h3.merits_title
{
    width: 40%;
        padding: 10px;
}


.col-md-3.fbox, .col-md-3.sbox,
.col-md-3.tbox, .col-md-3.lbox{
    width: 50%;
    float: left;
}
.process-content{
    padding: 21px 22px
}
.nios-row .col-md-3{
    width:33%;
    float: left;
}
.nios-row .col-md-6 {
    width: 100%;
    float: left;
}
.nios-row .col-md-6 .col-md-6,.nios-row .col-md-8 .col-md-4{
 width: 33%;
    float: left;
}
.nios-row .col-md-8{
    width:100%;
}
.course-div h1:before
{
    height: 10px;
    width: 10px;
}
.course-div h1 br{
    display: none;
}
.course-div{
    padding: 15px 15px 15px 15px;
    min-height: unset;    margin: 0 2%;
    display: block;
}
.vcourses {
    margin-bottom: 50px;
}
.vdiv h1
{
    font-size: 1.1em;
}

.vdiv h2
{
    font-size: 1.1em;
}


.vdiv h3
{
    font-size: 1.1em;
}
.view-detail
{
    font-size: .9em;
    padding: 6px 20px;
        bottom: -25px;
}
.vdiv
{
padding: 17px 8px;
    border-radius: 15px;    bottom: -15px;
}
.fet-title span{
    font-size: 1em;
}
.distance-div{
    overflow: hidden;
}
.doc-container{
    margin: 60px 0 90px; height: 160px;    width: 99%;
}
.docs
{
    width: 60%;
    padding: 35px 30px;
}
.process
{
        width: 46%;
    margin-left: 2%;margin-bottom: 3%;
}
.process:nth-child(2n) .arrow-right{
display: none;
}
.arrow-right
{
        height: 70px;    right: -70px;
}
.dcourse{
    min-height: 360px;padding-bottom: 50px;
}
ul.career-list {
    padding: 20px 10px 0 30px
}
.distance-courses .col-md-3.fbox ul.career-list
{
    padding: 20px 10px 0 30px
}
ul.career-list li:before{
        left: -10px;    width: 5px;
    height: 5px;
}
ul.career-list li{
    font-size: 14px !important;
}
.distance-courses .col-md-3.fbox .c-top,
.c-top {
    padding: 15px 30px;
}
span.num
{
    height: 60px;
    width: 60px;
    line-height: 60px;top: -40px;
}
.distance-title h1
{
    font-size: 1.4em;    margin-bottom: 60px;
}
.distance-courses
{
        padding: 40px 0 30px;
}

.merits
{
        padding: 1px 30px 10px 7px;
    margin: 0 3% 3%;
}
.merits_info{
    display: block;
}
.d-img{
    display: none;
}
.client-div2{
overflow: hidden;
padding: 20px 0 20px
}
.contact-box figure .icon{
    height: 50px;
    width: 50px;
    line-height: 50px;
}
.contact-box
{
    min-height: 150px;
}
.icon-div img{
    width: 80px;
}
.con-title:after
{
        right: 8px;
    height: 8px;
    width: 8px;
    bottom: 16px;
}
.con-title
{
    padding: 5px 20px;font-size: 1.1em;
    line-height: 25.99px;
}
.inner-init-text{
    font-size: 1.7em; line-height: 27px;
}
.inner-featured-text{
   -webkit-text-stroke: 1.5px #612909;
    font-size: 2.3em; line-height: 45px;
}
.cs-hobble{
    min-height: 200px;    padding: 0 10px;
}
body.about .abt-container .col-md-6{
width: 50%;float: left;
}
.cs-hobble .cs-card_info h2
{
  margin-top: 5px;  font-size: 1em;line-height: 25px;
}
.cs-hobble img{
    padding: 63px 10px 18px;
    margin: -73px 0px 0;
    width: 19%;
}
.mission-center {
    margin-left: 0;
}
.img-vision
{
    transform: translate(-50%,-50%);
height: 100px;
    top: 50%;left: 94%;
}
.mission-div .welcome-detail-title2 h1{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7px auto 0 !important;
}
.mission-div.sec{
    margin-top: 0;
}
.mleft {
    margin-left: 9%;
}
.mission-container{margin-top: 0px;margin-bottom: 30px;}
 .mission-div {
      padding:40px 70px 30px 40px
  }  
  .mission-div.sec{
      padding: 40px 40px 30px 70px
  }  
.con-detail:nth-child(4){
    margin-right: 2%
}
a.apply-now {
    padding: 6px 20px;
    font-size: .8em;
}
.footer-social-links ul li a:before{
        top: 0px;
    width: 20px;
    height: 20px;left: -3px;
}
a.read-more {
    padding: 6px 20px;
    font-size: .8em;
}
.welcome-detail-title4 h1 {
    font-size: 2em;
    letter-spacing: -2px;
    line-height: 40px;
    margin-bottom: 0;
}
.welcome-detail-title4 h2 {
    letter-spacing: -2px;
    font-size: 2.8em;
    line-height: 40px;
    margin: 0;
}

.footer-content.qlinks ul li:nth-child(2n){
    margin-right: 0
}
.footer-content:nth-child(3) ul {
    margin-top: 0;
}

img.openschool-shape3{
    display: none;
}
.open-detail-title h1:after{
    right: -20px;
}

.open-detail-title h2:after{
    right: -20px;
}
.open-detail-title h1
{
    font-size: 1.6em
}

.open-detail-title h2
{
    font-size: 1.6em
}
.open-bg
{
        padding: 20px 37px;
}
.open-container
{
    padding: 40px 0 40px;
}
.round-circle
{
    height: 50px;
    width: 50px;
    line-height: 50px;
}
.credit-detail p
{
    width: unset;
    margin-top: 0px !important
}
.credit-container
{
        padding: 25px 0 30px;
}
.voc-det h1{
    margin-bottom: 0px
}
.voc-det h2{
    margin-bottom: 0px
}
.course-title-wrap {
    margin-bottom: 30px;
}
.voc-wrap
{
    width:80%;
        padding: 4px 4px 4px 8px;
        top: 0;    left: 8%;
}
.voc-wrap h1{
    margin-top: 5px;
    font-size: 1.2em;margin-bottom: 5px;
}
.voc-wrap h2{
    margin-top: 5px;
    font-size: 1.2em;margin-bottom: 5px;
}
img.voc-img {
    width: 100%;
    position: relative;
    top: 90px;
    z-index: -1;
}
.voc-item{
    margin-bottom: 10px;
}
li{
    font-size: 16px !important;
}
.pro-content p{
    line-height: 24px;
}
.voc-title
{
        font-size: 1.5em;
    line-height: 30px;
}
.voc-title:after
{
    height: 6px;
    width: 6px;
    bottom: 6px;
}
.voc-div
{
padding: 40px 0 0;
}
.uni-div span
{
    font-size: .8em
}
.client-div .box-link img{
    width:90%;
    display: flex;align-items: center;justify-content: center;    margin: 0 auto;
}
.unbeat-container
{
     background-size: auto;padding: 50px 0;background-position: auto;
}
.prod-div{
    padding: 15px;
}

.welcome-detail-title2 span
{
    font-size: 1em;
}
.con-detail h1{
    margin-top: 0
}
.con-detail
{
    width:32%;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
    padding: 20px 6px;
    min-height: unset;margin-right: 1%;
}
.con-detail:nth-child(4) {
    margin-right: 2%;
}
.con-detail:nth-child(3n) {
    margin-right: 0%;
}
.openschool-imgs,.abt-imgs
{
    display: none;
}
.welcome-detail-title h1:after,  .welcome-detail-title h2:after,  .welcome-detail-title2 h1:after, .open-detail-title h1:after,.open-detail-title h2:after
{
        height: 6px;
    width: 6px;    bottom: 7px;
}
.welcome-detail-title2 h2:after
{
        height: 6px;
    width: 6px;    bottom: 7px;
}
.contact-left{
    display: none;
}
.welcome-detail-title5 h1{
        font-size: 1.93em;
    line-height: 47.99px;
}
.welcome-detail-title5 h2{
        font-size: 1.93em;
    line-height: 47.99px;
}
.reach-padding{
    padding: 30px 30px 35px
}
body.gallery .col-md-3{
padding: 0 5px;
    width: 33%;float: left;
}
.process-list:nth-child(3n){
    margin-right: 0
}
.process-content{
        min-height: 34px;
}
.ml-5 {
    margin-left: 0% !important;
}
.process-list
{
        width:25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-right: 10%;
    padding: 5px 5px 3px;
}


.products-container
{
    padding: 0 20px;
    margin: 30px 0;
}
.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 0px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 20px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 20px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.amp{
    line-height: 25px;
}

span.arrow-right {
    font-size: 2em;
    margin-left: 1em;
    top: -25px;
    right: -80px;
    position: relative;
}
.pro-content {
    display: block;
}
.row.center{
    display: block;
}
.mission-title h1
{
    font-size: 1.37em;
}

.row.center{
    display: block;
}
.mission-title h1
{
    font-size: 1.37em;
}

.abt-container .col-md-6:nth-child(3) .cs-hobble .cs-card_info{
    margin-bottom: 0
}
.cs-hobble .cs-card_title{
    font-size: 1.2em
}

.abt-container+.abt-container{
    padding-top: 0
}
.fet-title{padding: 0 10px; margin-bottom: 60px}
.fet-title h1{
        font-size: 1.4em;
    line-height: 30px;
}

.fet-title h2{
        font-size: 1.4em;
    line-height: 30px;
}
.abt-title{
    transform: unset;position: unset;
}

body.about .abt-container{
    padding-top: 0 !important
}
body.about .abt-container img.img-full,.year2,img.shape1{display: none;}
.footer-content.product-links ul li:before{
    top: 8px;
}

.footer-top-wraper .top-container{
    padding-left: 2%;
    padding-right: 2%;
}
li.header-phone img {
    height: 17px;
}

.box-group img{
    height: 200px;
}
.unbeat-container .col-md-5{
width: 70%;
}
.unbeat-container .col-md-3{
width: 30%;
}
.single-services
{
    padding: 15px;
    margin-bottom: 10px;  min-height: 330px
}
.col-md-3.spec{
    width: 50%;
    float: left;
}


.product-col{
    width: 25%;float: left;
}
.p30 {
    padding: 0 3px !important;
}
    .footer-content.product-links{
        margin-bottom: 0
    }
.footer-content.product-links{
    /*width: 100%;*/
}
.footer-social-links ul li{margin-right: 10px !important}


.footer-content-title:after{
        height: 3px;bottom: -5px
}
.footer-content:nth-child(1) {
    width: 36%;
}
.footer-content {
       width: 20%;
    margin-right: 2%;
}

.footer-content:nth-child(4){
  width: 15%;
}
.footer-content ul li a,.footer-content ul li,
.address p, .address span{
    font-size: .98em !important;
    line-height: 30px;margin-right: 0;
}
.footer-social-links ul li a{
     font-size: 1.2em !important;
}
.footer-content.product-links ul li{
     line-height: 23px;
}
.address
{
        margin-bottom: 10px;
}
.group-link img {
    height: 40px !important;
    width: 40px !important;
}
.icon-div {
    margin-left: 0;
    margin-bottom: 0px;
}
.icon-div h1{
    line-height: 21px;
    font-size: .9em
}
.icon-div img{
    height: 70px;
}
.welcome-detail-title4 h1
{
        font-size: 2.5em;
    line-height: 30px;
}
.unbeatable-detail{
    text-align: left;    padding: 0 20px;
}
.welcome-detail-title4 span
{
        font-size: 1.047em;    line-height: 30px;
}
.m-bottom {
    margin-bottom: 20px !important;
}
.welcome-detail-title3 h1
{    margin-bottom: 10px;
        font-size: 1.6em;line-height: 40px;
}
.welcome-detail {
    margin-left: 0;
    padding-top: 0;
}
.year{display: none;}
h1.right-conent
{
    line-height:20px;      font-size: .9em;
}
h3.right-conent
{
    line-height:20px;      font-size: .9em;
}
.product-col:nth-child(2),.product-col:nth-child(4){
    top: 50px
}
.welcome-detail-title
{
    top: 50px;    left: 0;
}
.clear-both{
    clear: both;
}


.pattern-1 img,.pattern-2 img{
    width: 20%;
}
.pattern-1 img,.pattern-2 img{
    width: 20%;
}
.contact-box figure svg {
    height: 35px;
    width: 35px;
}
.bg-image{
    display: none;
}
.col-md-3.fac-li {
    width: 50%;
    float: left;
}

.adv-div .grid-box:nth-child(4) {
    clear: both;
}
.adv-div .grid-box{
    width: 33%;
    float: left;
}

.facility-div {
    padding: 40px 0;
}
.welcome-detail-title h1{
        font-size: 2em;margin-bottom: 0;
}

.welcome-detail-title h2{
        font-size: 2em;margin-bottom: 0;
}

.welcome-detail-title2 h1{
      font-size: 1.6em; line-height: 33px;
}


.welcome-detail-title2 h2{
      font-size: 1.6em; line-height: 33px;
}
#fac-slider, #fac-slider2{
    margin-top: 20px;
}
.welcome-container{
    padding: 40px 0px 40px
}
.welcome-container .col-md-7{
    padding: 0
}
.deal-product-details{
    margin: 10px 0;
}
.lSAction,.bg-color,img.welcome-img2{
    display: none !important;
}
.address img{
    height: 35px;width: 35px;margin-right: 5px
}
.footer-content-title{
    margin-bottom: 15px;
}
h3.deal-product-title a{
    font-size: .8em;
}
.deal-product-list{
     font-size: .8em;    margin-bottom: 5px;
}
section.adv-div{
    padding: 30px 30px 0;
}

.deal-product-card
{
    display: block;
}
.single-services
{
    padding: 10px;height:unset;
    margin-bottom: 10px;   min-height: 280px
}
figure.grid-img img{
    height: 305px
}
.single-services .icon,
.single-services .icon img{
        margin: 0 auto
}

.contact-box figure img{
    width: 25px;
}
.contact-container.row .col-md-6{
    width: 50%;
}

.contact-form .form-group {
    margin-bottom: 10px;
}
.contact-box
{    margin: 0;
    padding: 30px 10px 10px  10px !important;
}
.contact-box .content p{
    font-size: 1em
}
.contact-box .content{
    width: 100%;
    text-align: center;
    margin-left: 0
}

.about-section-f1 {
    top: 25px;
}
.about-content-img h2
{
    font-size: 1.8em;
    margin-bottom: 0;
    text-align: center;
}


.map-section iframe{
    height: 300px;
}

.map-section {
    padding: 30px 0;
}
.story-card-content{
    position: unset;width: 100%;padding: 14px 20px 37px;
}
.story-card-img img{
    height: 40px;
}
.story-card-content h3 {
    margin-bottom: 10px;
}
.banner-btn a{
    padding: 7px 15px 7px 15px;
}
img.title-shape{
    width: auto
}
.footer-content-icon img{
    height:35%;
}

.footer-logo img {
    width: 90%;
}
.footer-content:after
{
        height: 70px;  
}

.header-call svg{
    padding: 12px 0;
}
.sexy-menu.detached .nav-menu > li > a {
    padding: 5px 5px!important;
}
.sexy-menu.detached .nav-menu > li.apply a {
    padding: 4px 10px!important;
}
.sexy-menu.detached .nav-menu > li.header-phone > a {
    padding: 6px 9px !important;
}
.nav-brand img {
   margin-top: 0px !important;
    width: 35% !important;
}
img.welcome-img{
    display: none;
}


.contact-form
{
padding: 30px;
margin-bottom: 20px;
}
.contact-box figure img{
    width: 45px;
}
.reachus {margin: 0;
    padding: 0px 18px 15px 0px;
    }

.contact-box .content h6{
    font-size: 1em;
}
.submit-btn
{
    padding: 10px 20px;
}
.contact-form input[type="text"]
{
    height: 50px;
}
section.contact-wrapper {
    padding: 20px 20px 30px;
}
section.contact-wrapper {
    padding: 20px 30px 30px;
}

.highlight-wrap {
    padding: 30px 0 30px;
}
.border-box ul li{
    padding-left: 10px;
}


.padding-restaurant {
    padding: 0px 40px;
}

.about-wrap.style2 {
    padding:20px 0 30px;
}

.bredcum-wraper{
        padding-bottom: 20px;
}
    body.restaurant .welcome-detail-title, body.about .welcome-detail-title, body.facilities .welcome-detail-title {
    font-size: 1.4em;
}
.recognition-wraper {
    padding-top: 40px;
}
.abt-pic,.rec-pic{
    display: none;
}
.abt-detail,.rec-detail{
    width: 100%;
    padding-left: 0%;
}
.main-container{
    padding-top: 40px;
}

 body {
        font-size:14px !important;
   }
    .d-container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
   }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
   }

   .footer-logo img{
    width: 50%;
   }
   
.navigation{
height: unset !important; 
}
.tophead{
    padding: 0em !important
}
/*li.header-phone,li.apply{
    display: none!important;
}*/

 .nav-menu>li>a{
        padding:15px 4px!important;
        height: unset !important; 
    }   
.nav-menu2>li>a{
    padding:10px 4px!important;
}
.banner-bottom-slider{
    padding: 20px;
}
    li.apply a
    {
        padding: 4px 10px !important
    } 
    .submenu-indicator{
        display: none;
    } 
.sexy-menu.detached .nav-brand img {
    margin-top: -5px!important; 
    width: 33%!important
}
.whats-app{
        bottom: 25vh;
    right: 26px;
}
.footer-container{
    width: 100%;    padding-bottom: 0;    align-items: center;
    justify-content: center;
}
.footer-social-links ul li {
    font-size: .9em;
        width: auto;
}

.footer-top-wraper{
        padding-bottom: 30px;
        padding-top: 50px;
}
.nav-menu>li>a{
    font-size: .54em !important
}
.nav-menu2>li>a{
    font-size: .5em !important
}
 .copy-right{ width: 50%; text-align: left; line-height: 50px;}
 .designed {
    width: 50%;
    text-align: right;
    line-height: 45px;
}
.designed p{
      line-height: 45px;
}
.footer-wraper{
    display: flex;
}
.back-to-top{
    display: none;
}

.footer-content-for{
  padding-bottom: 0.5em;
}
.footer-top-title{
    padding-bottom: 10px;
}

.title-wraper{
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}


.contact-form1{
    width: 70%;

    padding: 30px 20px 30px;
    background-position: center;
    top: 51%;
}
.bottom-pic img {
    height: 400px;
}

.contact-form1 .form-group input, .contact-form1 .form-group textarea, .contact-form1 .form-group select
{
    height: auto;
    padding: 10px 30px;
}
.edu-btn
{
    padding: 8px 20px;
        font-size: .9em;
            margin: 0;
}

.view-all a
{
    font-size: .8em;
}
.left-tree {
    z-index: 1;
    width: 100px;
}
.right-tree {
    z-index: 1;
    width: 100px;
}
.welcome-detail {
margin-right: 30px;
}
.welcome-title
 {
    font-size: 1.333em;
        line-height: 20px;
 }
 .welcome-title-middle{
    font-size: 2.6em
 }
.home-facility-wraper,.home-feat-wraper
{
        padding-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 10px;
}

.box-title
{
    font-size: 1em;
}
.box-title-sub{
    font-size: 1em;
}
    
    img.mob-view.home-img{
        height: 85vh
    }
    

    .init-text
    {
        font-size: 2em; line-height: 40px;
    }
  .featured-text
    {
        font-size: 2.8em; line-height: 45px;
        margin-bottom: 5px; -webkit-text-stroke: 1.5px #612909;
    }

     .inner-banner-caption.slide-title .featured-text{
          font-size: 1.2em;line-height: 30px;
    }
    .inner-banner-caption.slide-title .init-text {
     font-size: 2.2em;    line-height: 30px;
    }
    .love-story__flowers img {
    width: 70%;
    }
    .welcome-detail.abt-content p {
        text-align: justify;
    }
    
    .abt-container {
    padding-top: 30px;
    padding-bottom: 30px;
    }
    .abt-container::before{
        background-size: contain;
        width: 103px;
    height: 106px;
    }
}
 @media (min-width:992px) and (max-width:1022px){
.thanks-content {
    width: 50%;
    padding: 25px;
}
.footer-content-lk{
        top: 33%;    left: 35%;
}
    h3.tagline{
    font-size: 1.5em;    line-height: 28px;    margin-top: 0;
    margin-bottom: 10px;
}
.number-sec .university-title.mt-2{    margin-top: 1em !important;
    margin-bottom: 1em;
    margin-left: 5px;}

body.applynow img,
body.applynow .col-md-4{
    display: none;
}
body.applynow .col-md-8{
  width: 100%
}
.prod-div:after{
    bottom: -50px;
    height: 40px;
    z-index: -1
}
body.services h1.right-conent{
 font-size: 1.22em   
}

body.services h3.right-conent{
 font-size: 1.22em   
}
body.services .prod-div{
    min-height: 430px;    margin-bottom: 50px;
}
.news-content a{
    padding: 8px 15px 8px;
    margin: 10px 0 !important;
}
.news-div{
    margin-bottom: 20px;
}
h1.news-right-conent{
    margin-top: 3px;    padding-bottom: 5px;
}
.news-content
{
    padding: 10px 20px
}
.news-one__date
{
    padding: 5px 10px 5px;
}
.sidebar__post-image>img {
    width: 100px;
}
.sidebar__post-content h3 {
    font-size: .9em;
}
h3.news-details__title-1 {
    font-size: 1.2em;
    line-height: 30px;
    margin: 0;
}
.news-details__content {
    padding: 12px 22px 25px;
}

.sidebar__post-content h3{
    font-size: .9em
}
.sidebar__post-image>img {
    width: 100px;
}
.sidebar__title{
    margin-left: 0;
}
.sidebar__post-list li{
    padding: 0;
}
.sidebar__post
{
    padding: 16px 20px 20px;
}

body.blog .col-md-4{
width: 40%;float: left; padding-left: 0;
}
body.blog .col-md-8{
width: 60%; float: left;
}
.blog-content {
    padding: 0 15px 10px;
}

.blog-content {
    padding: 0 15px 10px;
}

.feature-two__icon{
        max-width: 80px;
}
.fet-title.openschool2 span:after,
ul.career-list.before-sh li:before{
    height: 8px;
    width: 8px;
    bottom: 15px;
}
.subj-list.pl{
        padding: 20px 0px 20px 30px !important;
}
.subj-group .col-md-6{
    width: 100%;
}
ul.career-list.subj-list.pl-0{
    padding-left: 30px !important
}
.dur{
    margin-bottom: 40px;
}
.university-title{
    font-size: 1.1em;
}
ul.career-list.doc-sh{
    margin-left: 0;
    padding: 0;
}
.university-title:after
{
    height: 7px;
    width: 7px;
}
.req-div p{
    text-align: left;
}
.university-title{
    margin: 0;
}
.req-div
{
    margin-top: 10px;
}
ul.career-list
{
   padding: 0px 25px 0;
}
ul.career-list.before-sh li, ul.career-list.obj-sh li
{
    padding-left: 10px;    line-height: 2.3;
}
ul.career-list.obj-sh li:before
{
        width: 8px;
    height: 8px;
    top: 15px;
}
.content-container
{
        padding-top: 30px;
    padding-bottom: 20px;
}
.dur .col-md-4{
width: 33%;
float: left;
}
.credit2{
    display: none;
}
.col-md-3.fbox, .col-md-3.sbox,
.col-md-3.tbox, .col-md-3.lbox{
    width: 50%;
    float: left;
}
.course-div
{
        min-height: 75px;padding: 10px 10px 10px 20px
}

.voc2
{
    bottom: -180px;
}
.voc1 {
    bottom: -146px;
    right: 0px;
    width: 60%;
}
.boards-img img{
     width: 100px;bottom: -10px;
}
img.bir-img{
    width: 100%
}
img.welcome-img1
{
    width: 100%;
}
img.abt5
{
    bottom: -144px;
    right: 0px;
    width: 50%;
}
img.abt4
{
    width: 60%;
        bottom: -121px;
    left: -23px;
}
.inner-init-text{
    font-size: 1.8em; line-height: 27px;
}
.inner-featured-text{
   -webkit-text-stroke: 1px #612909;
    font-size: 2.8em; line-height: 55px;
}
.cs-hobble{
    min-height: 200px;    padding: 0 10px;
}
body.about .abt-container .col-md-6{
width: 50%;float: left;
}
.cs-hobble .cs-card_info h2
{
  margin-top: 5px;  font-size: 1em;line-height: 25px;
}
.cs-hobble img{
    padding: 63px 10px 18px;
    margin: -73px 0px 0;
    width: 19%;
}

.img-vision
{
    transform: translate(-50%,-50%);
height: 120px;
    top: 50%;left: 94%;
}
.mission-div .welcome-detail-title2 h1{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7px auto 0 !important;
}
.mission-div.sec{
    margin-top: 0;
}
.mleft {
    margin-left: 9%;
}
.mission-container{margin-top: 0px;margin-bottom: 30px;}
 .mission-div {
      padding:40px 70px 30px 40px
  }  
  .mission-div.sec{
      padding: 40px 40px 30px 70px
  }  
.con-detail:nth-child(4){
    margin-right: 2%
}
img.abt3,img.welcome-img,img.abt2{
    width: 100%;
}
a.apply-now {
    padding: 8px 20px;
}
.footer-social-links ul li a:before{
        top: 0px;
    width: 20px;
    height: 20px;left: -3px;
}
a.read-more {
    padding: 6px 20px;
    font-size: .8em;
}
.welcome-detail-title4 h1 {
    font-size: 2em;
    letter-spacing: -2px;
    line-height: 40px;
    margin-bottom: 0;
}
.welcome-detail-title4 h2 {
    letter-spacing: -2px;
    font-size: 2.8em;
    line-height: 40px;
    margin: 0;
}

.footer-content.qlinks ul li:nth-child(2n){
    margin-right: 0
}
.footer-content:nth-child(3) ul {
    margin-top: 33px;
}

img.openschool-shape3{
    display: none;
}
.open-detail-title h1:after{
    right: -20px;
}
.open-detail-title h2:after{
    right: -20px;
}
.open-detail-title h1
{
    font-size: 1.8em
}

.open-detail-title h2
{
    font-size: 1.8em
}

.open-bg
{
        padding: 20px 37px 0;
}
.open-container
{
    padding: 80px 0 40px;
}
.round-circle
{
    height: 50px;
    width: 50px;
    line-height: 50px;
}
.credit-detail p
{
    width: unset;
    margin-top: 0px !important
}
.credit-container
{
        padding: 25px 0 30px;
}
.voc-det h1{
    margin-bottom: 0px
}

.voc-det h2{
    margin-bottom: 0px
}
.course-title-wrap {
    margin-bottom: 30px;
}
.voc-wrap
{
    width: max-content;
    position: unset;
        padding: 4px 15px;
}
img.openschool1{
    width: 100%;
}
img.openschool-shape2,img.openschool-shape1{
    width: 70%;
}
.voc-para{
        padding-left: 5%;
}
li{
    font-size: 16px !important;
}
.pro-content p{
    line-height: 24px;
}
.voc-title
{
        font-size: 1.5em;
    line-height: 30px;
}
.voc-title:after
{
    height: 6px;
    width: 6px;
    bottom: 6px;
}
.voc-div
{
padding: 40px 0 0;
}
.uni-div span
{
    font-size: .9em
}
.client-div .box-link img{
    width:90%;
    display: flex;align-items: center;justify-content: center;    margin: 0 auto;
}
.unbeat-container
{
    padding: 50px 0;
}
.prod-div{
    padding: 15px;
}

.welcome-detail-title2 span
{
    font-size: 1.1em;
}
.con-detail h1{
    margin-top: 0
}
.con-detail
{
    width: 31%;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
    max-width: 31%;
    padding: 20px 6px;
    min-height: unset;
}
.con-detail:nth-child(4) {
    margin-right: 2%;
}
.con-detail:nth-child(3n) {
    margin-right: 0%;
}

.welcome-detail-title h1:after,.welcome-detail-title h2:after, .welcome-detail-title2 h1:after, .open-detail-title h1:after,.open-detail-title h2:after
{
        height: 6px;
    width: 6px;    bottom: 7px;
}
.welcome-detail-title2 h2:after
{
        height: 6px;
    width: 6px;    bottom: 7px;
}
.contact-left{
    display: none;
}
.welcome-detail-title5 h1{
        font-size: 1.93em;
    line-height: 47.99px;
}
.welcome-detail-title5 h2{
        font-size: 1.93em;
    line-height: 47.99px;
}
.reach-padding{
    padding: 30px 30px 35px
}
body.gallery .col-md-3{
padding: 0 5px;
    width: 33%;float: left;
}
.process-list:nth-child(3n){
    margin-right: 0
}
.process-content{
    padding: 20px 20px
}
.doc-container
{
    margin: 80px  0 100px;
    height: 180px;
}
.docs
{
    padding: 40px 50px
}
.arrow-right{
    height: 50px;    right: -50px;
}
.ml-5 {
    margin-left: 0% !important;
}
.process-list
{
        width:25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-right: 10%;
    padding: 5px 5px 3px;
}


.products-container
{
    padding: 0 20px;
    margin: 30px 0;
}
.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 0px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 20px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 20px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.amp{
    line-height: 25px;
}

span.arrow-right {
    font-size: 2em;
    margin-left: 1em;
    top: -25px;
    right: -80px;
    position: relative;
}
.pro-content {
    display: block;
}

.mission-title h1
{
    font-size: 1.37em;
}

.mission-container{margin-bottom: 40px}

.mission-title h1
{
    font-size: 1.37em;
}


.cs-hobble .cs-card_title{
    font-size: 1.2em
}

.abt-container+.abt-container{
    padding-top: 0
}
.university-img img {
    height: 90px;
    bottom: -2%;
}
.vdiv {
    padding: 20px 10px;
}
.credit-transfer{
  padding-bottom: 100px !important;  
}
.merits
{
    padding:30px 30px 30px 0px
}
.fet-title{padding: 0 10px; margin-bottom: 30px}
.fet-title h1{
        font-size: 1.4em;
    line-height: 30px;
}

.fet-title h2{
        font-size: 1.4em;
    line-height: 30px;
}
.abt-title{
    transform: unset;position: unset;
}
.cs-hobble img{
        height: 130px;
    width: 130px;
}
body.about .abt-container{
    padding-top: 0 !important
}
body.about .abt-container img.img-full,.year2,img.shape1{display: none;}
.footer-content.product-links ul li:before{
    top: 8px;
}

.footer-top-wraper .top-container{
    padding-left: 2%;
    padding-right: 2%;
}
li.header-phone img {
    height: 17px;
}

.box-group img{
    height: 200px;
}
.unbeat-container .col-md-5{
width: 70%;
}
.unbeat-container .col-md-3{
width: 30%;
}
.single-services
{
    padding: 15px;
    margin-bottom: 10px;  min-height: 330px
}
.col-md-3.spec{
    width: 50%;
    float: left;
}

.footer-content:nth-child(1) {
    width: 33%;
}

.footer-content.qlinks {
    width: 23%;
}
.p30 {
    padding: 0 3px !important;
}
    .footer-content.product-links{
        margin-bottom: 0
    }
.footer-content.product-links{
    /*width: 100%;*/
}
.footer-social-links ul li{margin-right: 10px !important}


.footer-content-title:after{
        height: 3px;bottom: -5px
}
.footer-content{
    margin-right: 2%
}
.footer-content:nth-child(4){
    margin-top: 20px;
    margin-bottom: 20px;
}
.footer-content ul li a,.footer-content ul li,
.address p, .address span{
    font-size: 1em !important;
    line-height: 30px;
}
.footer-social-links ul li a{
     font-size: 1.2em !important;
}
.footer-content.product-links ul li{
     line-height: 23px;
}
.address
{
        margin-bottom: 10px;
}
.group-link img {
    height: 40px !important;
    width: 40px !important;
}
.icon-div {
    margin-left: 0;
    margin-bottom: 0px;
}
.icon-div h1{
    line-height: 21px;
    font-size: .9em
}
.icon-div img{
    height: 70px;
}
.welcome-detail-title4 h1
{
        font-size: 2.5em;
    line-height: 30px;
}
.unbeatable-detail{
    text-align: left;    padding: 0 0px 0 90px
}
.welcome-detail-title4 span
{
        font-size: 1.047em;    line-height: 30px;
}
.m-bottom {
    margin-bottom: 20px !important;
}
.welcome-detail-title3 h1
{    margin-bottom: 10px;
        font-size: 1.6em;line-height: 40px;
}
.welcome-detail {
    margin-left: 0;
    padding-top: 0;
}
.year{display: none;}
h1.right-conent
{
    line-height:20px;      font-size: .9em;
}

h3.right-conent
{
    line-height:20px;      font-size: .9em;
}


.product-col:nth-child(2),.product-col:nth-child(4){
    top: 50px
}
.welcome-detail-title
{
    top: 50px;    left: 0;
}
.clear-both{
    clear: both;
}


.pattern-1 img,.pattern-2 img{
    width: 20%;
}
.pattern-1 img,.pattern-2 img{
    width: 20%;
}
.contact-box figure svg {
    height: 35px;
    width: 35px;
}
.bg-image{
    display: none;
}
.col-md-3.fac-li {
    width: 50%;
    float: left;
}

.adv-div .grid-box:nth-child(4) {
    clear: both;
}
.adv-div .grid-box{
    width: 33%;
    float: left;
}

.facility-div {
    padding: 40px 0;
}
.welcome-detail-title h1{
        font-size: 2em;margin-bottom: 0;
}

.welcome-detail-title h2{
        font-size: 2em;margin-bottom: 0;
}

.welcome-detail-title2 h1{
      font-size: 1.6em; line-height: 33px;
      margin-bottom: 0px;
}

.welcome-detail-title2 h2{
      font-size: 1.6em; line-height: 33px;
      margin-bottom: 0px;
}
#fac-slider, #fac-slider2{
    margin-top: 20px;
}
.welcome-container{
    padding: 40px 0px 40px
}
.welcome-container .col-md-7{
    padding: 0
}
.deal-product-details{
    margin: 10px 0;
}
.lSAction,.bg-color,img.welcome-img2{
    display: none !important;
}
.address img{
    height: 35px;width: 35px;
}
.footer-content-title{
    margin-bottom: 15px;
}
h3.deal-product-title a{
    font-size: .8em;
}
.deal-product-list{
     font-size: .8em;    margin-bottom: 5px;
}
section.adv-div{
    padding: 30px 30px 0;
}

.deal-product-card
{
    display: block;
}
.single-services
{
    padding: 10px;height:unset;
    margin-bottom: 10px;   min-height: 280px
}
figure.grid-img img{
    height: 305px
}
.single-services .icon,
.single-services .icon img{
        margin: 0 auto
}

.contact-box figure img{
    width: 25px;
}
.contact-container.row .col-md-6{
    width: 50%;
}

.contact-form .form-group {
    margin-bottom: 10px;
}
.contact-box
{    margin: 0;
    padding: 20px 16px 0px  10px !important;
}
.contact-box .content p{
    font-size: 1em
}
.contact-box .content{
    width: 100%;
    text-align: center;
    margin-left: 0
}

.about-section-f1 {
    top: 25px;
}
.about-content-img h2
{
    font-size: 1.8em;
    margin-bottom: 0;
    text-align: center;
}


.map-section iframe{
    height: 300px;
}

.map-section {
    padding: 30px 0;
}
.story-card-content{
    position: unset;width: 100%;padding: 14px 20px 37px;
}
.story-card-img img{
    height: 40px;
}
.story-card-content h3 {
    margin-bottom: 10px;
}
.banner-btn a{
    padding: 7px 15px 7px 15px;
}
img.title-shape{
    width: auto
}
.footer-content-icon img{
    height:35%;
}

.footer-logo img {
    width: 90%;
}
.footer-content:after
{
        height: 70px;  
}

.header-call svg{
    padding: 12px 0;
}
.sexy-menu.detached .nav-menu > li > a {
    padding: 15px 5px!important;
}
.sexy-menu.detached .nav-menu > li.apply a {
    padding: 4px 10px!important;
}
.sexy-menu.detached .nav-menu > li.header-phone > a {
    padding: 6px 9px !important;
}
.nav-brand img {
   margin-top: 0px !important;
    width: 35% !important;
}
.contact-box figure .icon{
    line-height: 70px;
    height: 70px;
    width: 70px;
}
.iframe iframe
{
    height: 430px;
}

.con-title{
    padding: 10px 25px;
}
.contact-form
{
padding: 30px;
}
.contact-box figure img{
    width: 55px;
}
.reachus {margin: 0;
    padding: 0px 18px 15px 0px;
    }

.contact-box .content h6{
    font-size: 1em;
}
.submit-btn
{
    padding: 10px 20px;
}
.contact-form input[type="text"]
{
    height: 50px;
}
section.contact-wrapper {
    padding: 20px 20px 30px;
}
section.contact-wrapper {
    padding: 20px 30px 30px;
}

.highlight-wrap {
    padding: 30px 0 30px;
}
.border-box ul li{
    padding-left: 10px;
}


.padding-restaurant {
    padding: 0px 40px;
}

.about-wrap.style2 {
    padding:20px 0 30px;
}

.bredcum-wraper{
        padding-bottom: 20px;
}
    body.restaurant .welcome-detail-title, body.about .welcome-detail-title, body.facilities .welcome-detail-title {
    font-size: 1.4em;
}
.recognition-wraper {
    padding-top: 40px;
}
.abt-pic,.rec-pic{
    display: none;
}
.abt-detail,.rec-detail{
    width: 100%;
    padding-left: 0%;
}
.main-container{
    padding-top: 40px;
}


 body {
        font-size:14px !important;
   }
    .d-container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
   }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
   }

   .footer-logo img{
    width: 50%;
   }
   
.navigation{
height: unset !important; 
}
.tophead{
    padding: 0em !important
}
/*li.header-phone,li.apply{
    display: none!important;
}*/

 .nav-menu>li>a{
        padding:15px 4px!important;
        height: unset !important; 
    }   
.nav-menu2>li>a{
        padding:5px 9px!important;
    }
    li.apply a
    {
        padding: 4px 10px !important
    } 
    .submenu-indicator{
        display: none;
    } 
.sexy-menu.detached .nav-brand img {
    margin-top: 0px!important; 
    width: 34%!important
}
.whats-app{
        bottom: 25vh;
    right: 26px;
}
.footer-container{
    width: 100%;    padding-bottom: 0;    align-items: center;
    justify-content: center;
}
.footer-social-links ul li {
    font-size: .9em;
        width: auto;
}

.footer-top-wraper{
        padding-bottom: 30px;
        padding-top: 50px;
}
.sexy-menu.detached{
    padding: 0 !important
}
.nav-menu>li>a{
    font-size: .73em !important
}
.nav-menu2>li>a{
    font-size: .6em !important
}
 .copy-right{ width: 50%; text-align: left; line-height: 50px;}
 .designed {
    width: 50%;
    text-align: right;
    line-height: 45px;
}
.designed p{
      line-height: 45px;
}
.footer-wraper{
    display: flex;
}
.back-to-top{
    display: none;
}

.footer-content-for{
  padding-bottom: 0.5em;
}
.footer-top-title{
    padding-bottom: 10px;
}

.title-wraper{
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}


.contact-form1{
    width: 70%;

    padding: 30px 20px 30px;
    background-position: center;
    top: 51%;
}
.bottom-pic img {
    height: 400px;
}

.contact-form1 .form-group input, .contact-form1 .form-group textarea, .contact-form1 .form-group select
{
    height: auto;
    padding: 10px 30px;
}
.edu-btn
{
    padding: 8px 20px;
        font-size: .9em;
            margin: 0;
}

.view-all a
{
    font-size: .8em;
}
.left-tree {
    z-index: 1;
    width: 100px;
}
.right-tree {
    z-index: 1;
    width: 100px;
}

.welcome-title
 {
    font-size: 1.333em;
        line-height: 20px;
 }
 .welcome-title-middle{
    font-size: 2.6em
 }
.home-facility-wraper,.home-feat-wraper
{
        padding-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 10px;
}

.box-title
{
    font-size: 1em;
}
.box-title-sub{
    font-size: 1em;
}
    
    img.mob-view.home-img{
        height: 85vh
    }
    

    .init-text
    {
        font-size: 2.3em; line-height: 40px;
    }
  .featured-text
    {
        font-size: 3.6em; line-height: 60px;
        margin-bottom: 5px;
    }

     .inner-banner-caption.slide-title .featured-text{
          font-size: 1.2em;line-height: 30px;
    }
    .inner-banner-caption.slide-title .init-text {
     font-size: 2.2em;    line-height: 30px;
    }
    .love-story__flowers img {
    width: 70%;
    }
    .welcome-detail.abt-content p {
        text-align: justify;
    }
    
    .abt-container {
    padding-top: 50px;
    padding-bottom: 30px;
    }
    .abt-container::before{
        background-size: contain;
        width: 103px;
    height: 106px;
    }
}
@media (max-width:344px) {
    .university-img-bt img{
        margin-bottom: 50px;
    }
}

@media (max-width:992px) {

}