@charset "UTF-8";
/*
Theme Name: Sarvhitkari
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
 
 html, body {height: 100%;}

body{color:#000; font-size:14px; font-family:arial;}

a{color:#0189e1;}
a:hover, a:focus{color:#ed221c; text-decoration:none; outline:none;}
img{max-width:100%; vertical-align:middle;}
p{line-height:26px; text-align:justify; margin:0 0 15px;}
h1, h2, h3, h4, h5, h6{margin:0 0 10px; font-weight:bold;}
h2{color:#0189e1;}
h3{color:#ed221c; font-size:22px;}
h4{color:#193d5b; font-size:18px;}

.mrb-10{margin-bottom:10px !important;}
.mrb-20{margin-bottom:20px !important;}
.mrb-30{margin-bottom:30px !important;}
.mrb-40{margin-bottom:40px !important;}
.mrb-50{margin-bottom:50px !important;}
.pad-0{padding:0 !important;}
.mrg-0{margin:0 !important;}

.border-tp{border-top:none !important;}
.border-rt{border-right:none !important;}
.border-lt{border-left:none !important;}
.border-bt{border-bottom:none !important;}

.top-sec{color:#fff; font-size:13px; position:relative;}  
  .top-sec a{color:#fff;}
  .top-sec a:hover{color:#fff2ca;}
  .ph-top{margin:0; background: #193d5b; text-align:center; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; width: 70%; margin: auto}
  .ph-top ul{margin:0; padding:9px 0 7px;}
  .ph-top ul li{display:inline-block; list-style:none; padding:0 12px; position:relative;}
  .ph-top ul li img{margin:0 7px 0 0; position: relative; top: -2px;}
  .ph-top li:last-child{padding-right:0;}
  .top-link{text-align:right;}
  .top-link ul{margin:0; padding:7px 0;}
  .top-link ul li{display:inline-block; list-style:none; padding:0 12px; position:relative;}
  .top-link ul li:after{content: ""; border-right:1px dashed #fff; right: -3px; top: 5px; width: 1px; height: 11px; position: absolute;}
  .top-link ul li:last-child:after{display:none;}
  .top-link li:last-child{padding-right:0;}
 
.header{padding:0; position:relative; z-index:3;}  
  .logo{padding:20px 15px;}
  .head-right{text-align:right;}
  .certificate-logo{display: inline-block; vertical-align: top; margin: -20px 0 0 30px;}
  .phn-detail{margin:0; display: inline-block; vertical-align: top;}
  .phn-detail ul{margin:25px 0 0; padding:0;}
  .phn-detail ul li{display:inline-block; list-style: none; padding: 0 30px 10px 40px; position: relative; overflow: hidden; text-align:left;}
  .phn-detail ul li:last-child{padding-right:0;}
  .phn-detail ul li a{color:#ed221c;}
  .phn-detail ul li i{margin: 0 5px 0 0; position: absolute; color:#0189e1; font-size: 35px; top: 0; left: 0;}
  .phn-detail ul li .fa.fa-envelope{font-size: 32px;}
  .phn-detail ul li span{color:#ed221c; display: block; font-size: 20px; margin: 0 0 1px;}
  .phn-detail ul li small{display: block; font-size: 14px; color: #000;}
  .icon-top{margin:23px 0 10px; float:right;}
  .icon-top i{border: 1px solid #799697; color: #799697; display:inline-block; font-size: 13px; line-height: 28px; margin: 5px 0 5px 3px; height:30px; text-align: center; width: 30px; position:relative; z-index:1;}
  .icon-top i:hover{background:#799697; color:#fff; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}  
  
  .menu-head{background:#ed221c; font-weight:bold; position:relative; padding:0; z-index:2;}  
  .menu-head .navbar-brand{padding:30px 0; height:auto;}
  .menu-head nav{box-shadow:none; border:none; background:none; border-radius:0; margin:0;}
  .menu-head .navbar-collapse{padding:0;}
  .menu-head .navbar-nav{}
  .menu-head .navbar-nav > li{padding:8px 3px 8px; position:relative;}
  .menu-head .navbar-nav > li:first-child{padding-left:0;}
  .menu-head .navbar-nav > li > a{color:#fff; text-shadow:none; padding:7px 10px; text-transform:uppercase;}
  .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{color:#ed221c; background:#fff; box-shadow:none;}
  /*.menu-head li a:hover .sub-menu{display:block;}*/
  .menu-head ul, .menu-head ul li, .menu-head ul li a{position:relative;}
  .menu-head li:hover > ul {left: auto;}
  .menu-head ul ul {position: absolute; left: -9999px; padding:0; margin:0; top:100%;}
  .menu-head ul ul ul{margin-left: 100%; top: 0;}
  .menu-head ul ul li a{padding: 10px 20px; width: 200px; background: #000; text-decoration: none; color: #fff !important; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
  /*.menu-head .sub-menu{background:#000; position:absolute; top:100%; left:0; min-width:270px; display:none; margin:0; padding:0;}*/
  .menu-head .sub-menu > li{list-style:none; border-bottom:1px solid #fff;}
  .menu-head .sub-menu > li:last-child{border:none;}  
  .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{background:#193d5b !important; color:#fff !important;}
  .menu-head .sub-menu > li > a{display:block; background:#ed221c !important; color:#fff !important; padding:7px 10px; text-align:left;}
  
  .advisor{margin: 0 -30px 0 0; padding: 0; position: relative; z-index: 2; float:right;}
  .advisor::before{background: #ed221c; content: ""; position: absolute; height: 5px; width: 304px; bottom: -5px; left: -100px;}   
  .advisor .btn{background: #ed221c; border-radius: 0; color: #fff; font-weight:bold; font-size: 16px; margin: 0; padding:5px 30px 7px;text-transform: uppercase;}
  .advisor .btn:hover{background:#193d5b; color:#fff; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
  .advisor .btn span{display: block; font-size: 14px; line-height: 13px; font-weight: normal;}

.banner{margin:0; position:relative; z-index:1; overflow:hidden;}  
  .banner .container-fluid{max-width: 1366px;}
  .banner-left{padding: 0 15px 0 0;}
  .banner-right{padding: 0 0 0 15px;}
  .info-top h3{background: #193d5b; padding: 13px 15px 7px; position: relative; color: #fff;  margin: 0 -15px 15px -15px; font-size: 16px; text-align:left;}
  .info-top h3::before{border-bottom: 38px solid #193d5b; border-top: 38px solid #193d5b; border-left: 15px solid transparent; content: ""; left: -15px; top: 0px; position: absolute;}
  .info-top{background:#0189e1; padding: 15px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;}
  .info-top .item figure { overflow: hidden; position: relative; width: 90%; -webkit-border-radius: 10px; height: 170px; -moz-border-radius: 10px; border-radius: 10px; float: left; border: 2px solid #fff; margin: 0 15px 10px 0; }
  .info-top .item figure:after{background: rgba(0, 0, 0, 0.25); bottom: 0; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 100%;}
  .info-top .item figure img{border-radius:4px 4px 0 0;}  
  .info-top .item .info-con{position: relative; background:#f0f0f0; padding: 20px 15px 10px; margin: 0; -webkit-border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; border-radius:0 0 20px 20px;  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); text-align:center;}
  .info-top .item h4{color:#fff; font-size:14px; line-height: 24px; text-align:left; color:#fff;}
  .info-top .item p{text-align:left;} 
  .info-top .item .btn{background:#feaa20; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; color: #fff; padding: 7px 35px 5px;}
  .info-top .item .btn:hover{background:#ed221c; -webkit-transition:all .45s; -moz-transition: all .45s; transition: all .45s;}
  .info-top #owl-demo2{margin:0 -15px;}
  .info-top #owl-demo2 .item{margin: 0 15px;}
  .info-top #owl-demo2 .item img{display: block; width: 100%; height: auto;}
  .info-top .owl-pagination{display:none;}  
  .info-top .owl-theme .owl-controls .owl-buttons div{border: 2px solid #fff; background:#193d5b; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color:#000; position:absolute; right: 20px; top: -47px; height: 25px; width: 25px; opacity:1; text-indent:-99999px;}  
  .info-top .owl-controls{display: block !important; position: absolute; left: 0; top: -15px; width:100%;}
  .info-top .owl-theme .owl-controls .owl-buttons div.owl-next{right:-8px; left:inherit;}
  .info-top .owl-theme .owl-controls .owl-buttons div.owl-prev:before{border-bottom: 5px solid transparent; border-right: 5px solid #fff; border-top: 5px solid transparent; color:#000; content: ""; left: 7px; position: absolute; top: 6px;}
  .info-top .owl-theme .owl-controls .owl-buttons div.owl-next:before{border-bottom: 5px solid transparent; border-left: 5px solid #fff; border-top: 5px solid transparent; content: ""; left: 10px; position: absolute; top: 6px;}
  
  .student-owl #owl-demo{background:#193d5b; padding: 15px; margin:20px 0 25px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius:  10px 0 0 10px; border-radius: 10px 0 0 10px;}
  .student-owl #owl-demo .item{margin:0;}
  .student-owl #owl-demo .item img{display: block; height: auto;}
  .student-result{background:#496d8b; padding: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#fff; overflow:hidden;}
  .student-result figure{float: left; width: 70px; margin: 0 15px 0 0; border: 2px solid  #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden;}
  .student-result p{margin:10px 0 0; font-size:16px;}
  .student-result p span{display:block;}
  .student-owl .owl-pagination{display:none;}  
  .student-owl .owl-theme .owl-controls .owl-buttons div{background:rgba(250, 250, 250, 0.3); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #000; position: absolute; right: 20px; top: 37px; height: 25px; width: 25px; opacity: 1; text-indent: -99999px;}  
  .student-owl .owl-controls{display: block !important; position: absolute; left: 0; top: -15px; width:100%;}
  .student-owl .owl-theme .owl-controls .owl-buttons div.owl-next{right: 20px; top: 67px;}
  .student-owl .owl-theme .owl-controls .owl-buttons div.owl-prev:before{border-bottom: 5px solid transparent; border-right: 5px solid #193d5b; border-top: 5px solid transparent; color: #000; content: ""; left: 9px; position: absolute; top: 8px;}
  .student-owl .owl-theme .owl-controls .owl-buttons div.owl-next:before{border-bottom: 5px solid transparent; border-left: 5px solid #193d5b; border-top: 5px solid transparent; content: ""; left: 11px; position: absolute; top: 8px;}

  .bs-slider{overflow: hidden; position: relative; padding:20px 0 0 0;}
  .bs-slider:hover{cursor: -moz-grab; cursor: -webkit-grab;}
  .bs-slider:active {cursor: -moz-grabbing; cursor: -webkit-grabbing;}
  .bs-slider .bs-slider-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(1, 137, 225, 0.2); display:none}
  .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {margin: auto; width: 100% !important;}
  
/********************
*****Slide effect
**********************/
.fade{opacity: 1;}
.fade .item{top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
.fade .item:first-child {top: auto; position: relative;}
.fade .item.active {opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}

/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control{top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-border-radius: 100px; border-radius: 100px;}
.control-round:hover .carousel-control{opacity: 1;}
.control-round .carousel-control.left{left: 1%;}
.control-round .carousel-control.right{right: 1%;}
.control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover{color: #fdfdfd; background: rgba(0, 0, 0, 0.5); border: 0px transparent;}
.control-round .carousel-control.left>span:nth-child(1){left: 45%;}
.control-round .carousel-control.right>span:nth-child(1){right: 45%;}

/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators{right: 45%; bottom: 16%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap;}
.indicators-line > .carousel-indicators li{padding: 0; width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158); text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor:pointer;}
.indicators-line > .carousel-indicators li:last-child{margin-right: 0;}
.indicators-line > .carousel-indicators .active{margin: 1px 5px 1px 1px; box-shadow: 0 0 0 2px #fff; background-color: transparent; position: relative; -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
.indicators-line > .carousel-indicators .active:before{transform: scale(0.5); background-color: #fff; content:""; position: absolute; left:-1px; top:-1px; width:15px; height: 15px; border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}

/*---------- SLIDE CAPTION ----------*/
/*.slide_style_left {text-align: left !important;}
.slide_style_right, .slide_style_right p{text-align: right !important;}
.slide_style_center,.slide_style_center p{text-align: center !important;}*/
.slide-text {left: 0; bottom: 10%; right: 0; margin: auto; position: absolute; text-align: left; padding: 10px 7%;}
.slide-text > h1 {padding: 0; color: #ffffff; font-size:56px; text-transform:uppercase; font-style: normal; line-height: normal; margin-bottom: 0; display: inline-block; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; font-family:"ralewayregular";}
.slide-text > h1 span{display:block; font-size:68px; font-family: 'ralewaybold';}
.slide-text > p {padding: 0; color: #ffffff; font-size: 14px; line-height: 22px; margin-bottom: 20px;  -webkit-animation-delay: 1.1s; animation-delay: 1.1s; width:50%;}

.banner .button{margin:0 30px 0 0;}
.btn-button{color: #fff; display: inline-block; font-size: 14px; height: 44px; line-height: 44px; margin: 40px 0 40px; min-width: 160px; padding: 0 20px; position: relative; text-align: center; text-transform: uppercase; z-index: 1; background:#ed221c;}
.btn-button:hover{ color: #ffffff; background: #feaa20;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.btn-button:focus {color: #ffffff !important;}
.page-id-35 .mid-inner .col-sm-4 {display: none;}
.page-id-35 .mid-inner .col-sm-8 {width:100%;}
.rbs_gallery_button { display: none;}
.data-content .col-md-6 { margin: 20px 0 0; padding: 0px;}
.appointment-right-inn { background: #193d5b; overflow: hidden; padding: 30px;}
.form-title { background: #ed221c; padding: 15px 40px;color: #fff; font-size: 24px; margin: 0 0 6px;}
.appointment-right-inn .btn { color: #fff;  font-size: 15px; padding: 12px 30px; border-radius: 0px;text-transform: uppercase; background: #ed221c; }
.appointment-right-inn .btn:hover { color: #ffffff; background: #feaa20;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.content-form { background: #193d5b; padding: 30px 25px 15px;}
.submit.btn{ color: #fff;  font-size: 15px; padding: 12px 30px; border-radius: 0px;text-transform: uppercase; background: #ed221c; }
.submit.btn:hover { color: #ffffff; background: #feaa20;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.top-ads li { width: 33%; float: left; min-height: 170px; text-align: center;}
.gen_text2 span { color: #0189e1; font-size: 17px;}
.top-ads i { font-size: 28px; color: #ed221c; display: block; text-align: center; border: 2px solid #193d5b; border-radius: 50%; width: 70px; height: 70px; line-height: 65px; margin: 0 auto 15px; }
.top-ads i:hover { background: #ed221c; border: 2px solid #ed221c; color: #fff;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.gen_text2 a {color: #ed221c;}
.gen_text2 a:hover {color: #193d5b;}

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
@media (max-width: 991px) {
    .slide-text h1 {font-size: 40px; line-height: 50px; margin-bottom: 20px;}
    .slide-text > p {font-size: 18px;}
}

/*---------- MEDIA 480px ----------*/
@media  (max-width: 768px) {
    .slide-text { padding: 10px 50px;}
    .slide-text h1 {font-size: 30px; line-height: 40px; margin-bottom: 10px;}
    .slide-text > p {font-size: 14px; line-height: 20px; margin-bottom: 20px;}
    .control-round .carousel-control{display: none;}
}
@media  (max-width: 480px) {
    .slide-text {padding: 10px 30px;}
    .slide-text h1 {font-size: 20px; line-height: 25px; margin-bottom: 5px;}
    .slide-text > p {font-size: 12px; line-height: 18px; margin-bottom: 10px;}
    .slide-text > a.btn-default, .slide-text > a.btn-primary {font-size: 10px; line-height: 10px; margin-right: 10px; text-align: center; padding: 10px 15px;}
    .indicators-line > .carousel-indicators{display: none;}
}

.box-tag{margin:35px 0 0; position:relative; z-index:3;}
  .box-tag .col-sm-3:nth-child(1){padding-right: 2px;}
  .box-tag .col-sm-3:nth-child(2){padding-left: 2px;}
  .box-tag .col-sm-3:nth-child(3){padding-right:2px;}
  .box-tag .col-sm-3:nth-child(4){padding-left: 2px;}
  .box-text{background: #193d5b; color: #fff; margin: 0 0 35px; padding:10px 10px 8px; position:relative; overflow:hidden; -webkit-border-radius: 100px 0 0 100px; -moz-border-radius: 100px 0 0 100px; border-radius: 100px 0 0 100px;}     
  .box-tag .col-sm-3:nth-child(2) .box-text{background: #ed221c; -webkit-border-radius: 0 100px 100px 0; -moz-border-radius: 0 100px 100px 0; border-radius:0 100px 100px 0;}
  .box-tag .col-sm-3:nth-child(3) .box-text{background: #0189e1;}
  .box-tag .col-sm-3:nth-child(4) .box-text{background: #feaa20; -webkit-border-radius: 0 100px 100px 0; -moz-border-radius: 0 100px 100px 0; border-radius:0 100px 100px 0;}
  .box-text h3{color:#fff; font-size:15px; letter-spacing:-0.3px; font-weight:bold; margin: 15px 0 5px;}      
  .box-text .img-icon{background: rgba(0, 0, 0, 0.4); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; height: 75px; line-height: 70px; text-align: center; width: 75px; float: left; margin: 0 15px 0 0; position: relative;}
  .box-text .img-icon::before{border: 2px solid #193d5b; content: ""; position: absolute; left: 5px; top: 5px; height: 65px; width: 65px; border-radius: 100%;}  
  .box-tag .col-sm-3:nth-child(2) .img-icon:before{border-color: #ed221c;}  
  .box-tag .col-sm-3:nth-child(3) .img-icon:before{border-color: #0189e1;}  
  .box-tag .col-sm-3:nth-child(4) .img-icon:before{border-color: #feaa20;}
  .box-text .img-icon img{max-width: 34px;margin: 20px 20px !important;}
  .box-text .btn{color:#fff; padding:0;}
  .box-text .btn:hover{text-decoration:underline;}

.text-sec{padding: 30px 0 30px; position: relative;}
  .text-sec h3{color: #ed221c; position: relative;}  
  .text-holder h4{color: #193d5b; margin:0 0 20px; position: relative; padding: 0 0 0 55px;}
  .text-holder h4::before{content: ""; position: absolute; left: 0; top: 10px; height:2px; width:40px; background:#ed221c;}   
  .text-holder{margin:0;}
  .text-holder .btn{color:#ed221c; font-family: 'open_sansbold'; text-align: center;  padding: 8px 15px; position:relative; text-shadow:none; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-transform: uppercase; -webkit-animation-delay: 2s; animation-delay: 2s;  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
  .text-holder .btn:hover, .text-holder .btn:active{color: #193d5b; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}
  .text-holder figure{float: left; width: 100%; margin: 0 15px 0 0; border: 2px solid #ddd; padding:7px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px;}
  .text-holder figure img{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px;}
  
.vision-sec{background:#fff2ca; padding:0 0 20px; position:relative;}  
  .vision-top h3{color:#000; font-weight:bold; margin:0 0 20px; padding:0 0 20px; position:relative;}
  .vision-top h3 span{color:#ed221c; font-size:16px; display:block;}
  .vision-top h3:before{background:#ed221c; content:""; height:2px; left:42%; position:absolute; bottom:0; width:16%;}
  .vision-top h3:after{background:#f5f5f5 url(https://sarvhitkari.org/wp-content/themes/sarvhitkari-new/images/after-icon.png) no-repeat scroll center top; content:""; height:18px; left:46%; position:absolute; bottom:-8px; width:8%;}
  .vision-top{text-align:center; padding:0;}  
  .vision-top p{}  
  .vision-text{margin:0;}
  .vision-text ul{margin:60px 0 0; padding:0;}
  .vision-text ul li{list-style: none; padding: 0 0 25px; margin: 0; clear: both;}
  .vision-text ul li:last-child{border: 0;}
  .vision-text h3{color:#000; font-weight:bold; margin: 0 0 10px; font-size:18px; padding:2px 0 0;}
  .vision-text p{margin:0;}
  .vision-text .btn{background: #193d5b; color: #fff; padding: 4px 25px; border-radius: 30px; font-size: 11px; margin: 0;}
  .vision-text .btn:hover{background:#0189e1; -webkit-transition: all .45s; -moz-transition: all .45s; transition: all .45s;}
  .vision-sec .col-sm-4:nth-child(3) .vision-text h3{text-align: right;}
  .vision-sec .col-sm-4:nth-child(3) .vision-text p{text-align: right;}
  .vision-sec .col-sm-4:nth-child(3) .vision-text ul li figure{float: right; margin: 0 0 0 20px;}
  .vision-text figure{background:#ed221c; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; height:60px; float:left; margin:0 20px 0 0; text-align:center; width:60px; position:relative;}
  .vision-text figure:before{position:absolute; content:""; left: -2px; top: -2px; width: 64px; height: 64px; border: 2px solid #ed221c; border-radius: 50%; -webkit-animation: stm_zoom .8s linear .4s infinite; animation: stm_zoom .8s linear .4s infinite;}
    @-webkit-keyframes stm_zoom{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:.6
    }
    100%{
        -webkit-transform:scale(1.5);
        transform:scale(1.5);
        opacity:0
    }
}
@keyframes stm_zoom{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:.6
    }
    100%{
        -webkit-transform:scale(1.5);
        transform:scale(1.5);
        opacity:0
    }
}
@-webkit-keyframes stm_zoom_big{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes stm_zoom_big{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
  .vision-img{margin: 0;}
  .vision-text figure{padding:17px 0 0;}
  .vision-img figure{-webkit-border-radius:30px; -moz-border-radius:30px; border-radius: 30px; padding: 10px; border: 3px solid #193d5b; position:relative; display:block; position:relative;}
  .vision-img iframe{-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; display:block; height: 375px;}  
  .vision-img > h3{background:#feaa20; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius: 30px; color:#fff; padding: 14px 20px 10px; text-align: center; position:relative; font-size: 20px; margin:30px 0 10px;} 
.vision > h3 {
    background: #0189e1;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    padding: 14px 20px 10px;
    text-align: center;
    position: relative;
    font-size: 20px;
    margin: 30px 0 10px;
}  
  .vision-img > h3 span{display:block; position:relative;}  
.add-news {
    background: #193d5b;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 15px;
    color: #fff;
    overflow: hidden;
    margin: 0 0 0;
    padding: 18px 20px 10px;
    text-align: center;
}
  .add-news.list-add{background:#feaa20;}
  .add-news.list-add .btn{background:#193d5b;}  
  .add-news h3{color:#fff; font-weight:bold; margin:20px 0 10px;}
  .add-news p{font-size:14px; text-align:center;}
  .add-news img{float:left; margin:0 10px 0 0;}
  .add-news .btn{background:#feaa20; color: #fff; font-family: 'open_sansbold'; text-align: center;  padding: 10px 45px 8px; position:relative; text-shadow:none; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-transform: uppercase; -webkit-animation-delay: 2s; animation-delay: 2s;  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
  .add-news .btn:hover, .add-news .btn:active{color: #fff; background: #ed221c; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}
  
.info-top { margin: 30px 0 40px; position: relative; height: 400px; width: 300px;}
  .info-top p{text-align:center;}
  .info-top p{text-align:center;}  
  .info-right .ir-padd{margin: 0; position: relative;}
  .counter-sec{}
  .counter-sec{background:#feaa20; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color:#fff; overflow: hidden; margin:0 0 30px; padding: 10px; text-align: center;}
  .counter-inner{-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #fff; overflow: hidden; position:relative; padding:25px 10px 15px;}
  .counter-inner:before{background:#fff; width:200px; height:200px; left:-190px; position:absolute; top:0; -ms-transform: skew(50deg); -webkit-transform: skew(50deg); transform: skewX(50deg);}   
  .counter-sec span{color:#193d5b; display: inline-block; font-size: 40px; font-weight: bold;}
  .counter-sec h5{color:#fff; font-size:20px; text-transform:uppercase; margin:0 0 10px;}
  .ach-img{padding-right:0; position: absolute; right: 0; top: 0;}
  .counter-icon{background: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; bottom: 10px; height: 57px; left: 10px; line-height: 57px; position: absolute; width: 57px; z-index:2; display:none;}   
  
.add-sec{position:relative; margin:0; padding:70px 0 50px;}
  .add-imgs{margin:0;}
  .add-imgs img{margin:0 0 12px;}  
  .map-holder h3{background: #ed221c; color: #fff; padding: 14px 15px 12px; position: relative; margin:0 0 20px;}
  .map-holder h3::before{border-bottom: 25px solid #ed221c; border-top: 25px solid #ed221c; border-right: 15px solid transparent; content: ""; right: -15px; top: 0px; position: absolute;}  
  
.footer{background:#193d5b; color:#fff; font-size:14px; margin:0; padding:30px 0 0; position:relative;}  
  .footer .container{position:relative; z-index:1;}
  .footer li a{color:#fff;}
  .footer li a:hover{color:#0189e1;}
  .ft-logo{background: #ffff; padding: 30px 20px; outline: 2px solid #193d5b; outline-offset: -10px; margin:0 0 40px;}
  .wg-1 iframe{width:100%;}
  .wg-1 h4{color:#fff; font-size:18px; margin:0 0 25px; padding:0 0 10px 20px; position:relative;}
  .wg-1 h4:before{content: ""; left: 0; position: absolute; top: -15px; width: 20px; border-top: 5px solid #fff; border-left: 5px solid #fff; border-bottom:5px solid #fff; height: 50px;}  
  .ft-gallery{float: left; margin: 0 7px 6px 0; width: 30.6%;}  
  .wg-1 ul{margin:0; padding:0; text-align:center;}
  .wg-1 ul li{list-style:none; position:relative; padding: 0 17px 7px 13px; display:inline-block;}
  .menu-ft li:before{content: ""; position: absolute; left: 0; top: 8px; background: #fff; height: 5px; width: 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} 
  .wg-1 address{line-height: 28px; margin: 0 0 20px; overflow: hidden; position: relative; overflow:hidden;}
  .wg-1 address i{border: 2px solid #fff; color: #fff; float:left; font-size:16px; height: 37px; line-height: 33px; margin:0 10px 0 0; text-align: center; width: 37px;}
  .wg-1 address div{overflow:hidden; margin: 3px 0 0;}
  .wg-1 address:nth-child(3) div{margin: -4px 0 0;}
  .icon-ft{margin:0 0 20px;}
  .icon-ft .fb{background:#5d82d1;}
  .icon-ft .fb:hover{background:none; border-color:#5d82d1; color:#5d82d1;}
  .icon-ft .tw{background:#40bff5;}
  .icon-ft .tw:hover{background:none; border-color:#40bff5; color:#40bff5;}
  .icon-ft .yt{background:#ef4e41;}    
  .icon-ft .yt:hover{background:none; border-color:#ef4e41; color:#ef4e41;}
  .icon-ft i{color: #fff; border:2px solid transparent; font-size:16px; height: 30px; line-height: 26px; text-align: center; width: 30px;}
  .icon-ft i:hover{transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}
  .ft-copyright{border-top:1px solid #fff; color:#fff; margin:20px 0 0; padding: 17px 0 0; position: relative; z-index: 2;}
  .ft-copyright a{color:#fff;}
  .ft-copyright a:hover{color:#ed221c; text-decoration:underline;}
  .ft-copyright p{margin:0; padding:0 0 15px; text-align:inherit;}


/************* inner page css ***************/
.mid-wrap{border-bottom:2px solid #000; padding:30px 0;}
.mid-inner { padding: 60px 0;}
.banner-inner{background:url(../../uploads/2020/03/inner-bg.jpg) no-repeat scroll center 0; background-size:cover; border-bottom: 1px solid #999; height: 200px; overflow: hidden; position: relative;}
.banner-inner .textblock {height: 200px; position: relative;}
.banner-inner .block{background:rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: absolute; width: 100%;}
.banner-inner .block:after {left: 0; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(0, 0, 0, 0); border-right-color: rgba(0,0,0,0.3); border-width: 79px 55px 0 0; display:none;}
.banner-inner .page-title .holder {overflow: hidden; position: relative; padding: 0;}
.banner-inner h1 {color: #fff; margin: 0; font-size: 28px; line-height: 79px; overflow: hidden; padding: 0; height: 68px; }

.breadcrumb{float: right; font-size: 13px; line-height: 15px; position: relative; z-index: 5; margin: 20px 0 5px; background: none; border-radius: 0; max-width: 400px; min-width:261px; text-align:right;}
.breadcrumb.text-capitalize span { color: #fff;}
.breadcrumb > li {margin: 0 0 5px;}
.breadcrumb > li + li:before {content: "+"; margin: 0 9px; color: #fff; font-size: 15px; float: left;}
.breadcrumb > li .fa-home {margin: 0 9px;}
.breadcrumb li a {color: #fff;}   

.contact-left.cont { background: #feaa20; padding: 20px; border: 10px solid #f5d6a5; color: #fff; margin: 30px 0 0; }
.contact-left address i { -webkit-border-radius: 0; -moz-border-radius: 0; color: #fff; float: left; font-size: 22px; margin: 0 10px 0 0; width: 44px;}
.cont a { color: #fff;}
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143;}
.sidebar-title { color: #fff; font-size: 24px;}
.page-link { background: #193d5b; padding: 20px; border: 10px solid #84b4dc; color: #fff; margin: 0 0 0;}
.page-link .menu-item { list-style: none; margin: 0 0 10px;}
.page-link .menu { padding: 0 5px;}
.page-link .menu-item a {color: #fff;font-size: 15px; margin-left: 15px;}
.page-link .fa.fa-hand-o-right { font-size: 18px;}
.pdf-content h3 { float: left; width: 45%; background: #193d5b; padding: 19px; margin-right: 20px; border-radius: 50px; text-align: center; font-size: 17px; min-height: 74px;}
.head {font-size: 18px; background: #ed221c; padding: 15px 0 1px 20px; width: 50%; margin: 30px 0 0;border-radius: 10px;}
.head a { color: #fff;}
.sidebar-page strong { color: #ed221c; font-size: 15px;}
 .tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; } 
 .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; } 
 .tab button:hover { background-color: #ddd; }
 .tab button.active { background-color: #193d5b; color: #fff;}
 .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; }
 .btn-one{margin:-20px 0 0;}
  #CBSE Rules { padding: 20px; border: 1px solid #e6e6e6 !important; margin-top: 0px; background-color: #ffffff !important; color: #000000 !important; font-size: 16px !important; font-family: Open Sans !important; border: 1px solid #e6e6e6 !important;}


/* ---------------------------- blog-page ----------------------------- */
.blog-cont-page h2 a { color: #193d5b; font-size: 24px;}
.blog-cont-page h2 a:hover { color: #ed221c; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.post-read-more .btn{background:#feaa20;  color: #fff; border-radius: 0px; padding: 10px 30px;}
.post-read-more .btn:hover {background: #193d5b; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.post-read-more hr { margin-top:0px; margin-bottom: 20px; border: 0; border-top: 1px solid #ed221c; position: relative; top:70px;}
.navigation.post-navigation {display: none;}
.entry-header .entry-meta{display:none;}
.entry-footer{display:none;}
.entry-title { font-size: 30px;}

.li-sec{margin:0;}
  .li-sec ul{margin:0; padding:0 0 0 20px;}
  .li-sec ul li{list-style:none; position:relative; padding:0 0 10px 25px;}
  .li-sec ul li:before{content: "\f046"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; left:0; top:3px;}

.social{position: fixed; top: 250px; z-index: 9999999999; right: 0; width: 190px !important;}
  .social ul{padding: 0px; -webkit-transform: translate(-270px, 0); -moz-transform: translate(-270px, 0); -ms-transform: translate(-270px, 0); -o-transform: translate(-270px, 0); transform: translate(108px, 0);}
  .social ul li{background: #ed221c; border-radius: 30px 0 0 30px; display: block; margin: 5px 5px 5px 25px; overflow: hidden; text-align: left; transition: all 1s ease 0s; width: 300px; line-height: 38px;}
  .social ul li a{display:block; padding: 10px;}
  .social ul li:hover{-webkit-transform: translate(110px, 0); -moz-transform: translate(110px, 0); -ms-transform: translate(110px, 0); -o-transform: translate(110px, 0); transform: translate(-170px, 0); background:#0189e1;}
  .social ul li i.fa{float: left;}
  .social ul li:hover a {color: #000;}
  .social ul li:hover i{color: #fff;  background: rgba(0, 0, 0, 0.36);  -webkit-transform: rotate(360deg);  -moz-transform: rotate(360deg);  -ms-transform: rotate(360deg);  -o-transform: rotate(360deg);  transform: rotate(360deg);  -webkit-transition: all 1s;  -moz-transition: all 1s;  -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;}
  .social ul li i{background: #ffffff; border-radius: 50%; color: #ed221c; text-align:center; font-size: 20px; height: 40px; margin-right: 10px; padding: 10px; transform: rotate(0deg); width: 40px;}   .book-section .button { background: #193d5b; padding: 15px 72px; color: #fff; font-size: 16px;}
  .book-section .button:hover { background: #ed221c; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease;}


  .form-control{box-shadow: none; border-radius: 0; color: #fff; margin: 0; background: none; border: 2px solid #fff; height: 40px;}
  .info-hm { background: #193d5b; margin: 0 0 1px; padding: 30px 0 0; position: relative; overflow: hidden;}
  .appointment-right-inn textarea.form-control { height: 98px;}
   .content-form textarea.form-control { height: 120px;}
   .content-form  .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok { color: #fff !important;}
   .content-form  .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok { color: #fff !important;}


.syllabus-box {
    margin-top: 30px;
}
.syllabus-small {
    margin: 10px 0;
    background: #f9f9f9;
    padding: 10px 15px;
    display: flex;
    box-shadow: 0 0 2px #999;
}
.syllabus-left {
    width: 80%;
    float: left;
    font-size: 18px;
    letter-spacing: 0px;
    color: #555;
    padding: 5px 0 0 0;
}
.syllabus-right {
    width: 20%;
    float: left;
}
.syllabus-a {
    background: #ED221C;
    color: #fff;
    padding: 10px 10px;
    font-size: 16px;
    line-height: 1;
    width: 100%;
    display: block;
    text-align: center;
}
.syllabus-a:hover {
    background: #193D5B !important;
	color: #fff !important;
}



















    /** Smartphones **/
@media (min-width: 320px) and (max-width: 480px) {

.syllabus-small {
    display: flow-root !important;
}   
.syllabus-left {
    width: 100% !important;
    font-size: 16px !important;
    padding: 5px 0 10px 0 !important;
    text-align: center !important;
}  
 .syllabus-right {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 50px !important;
} 
h2 {
    font-size: 18px !important;
} 
 
   .menu-head{position:relative;}
   .menu-head .nav-logo{position: relative; left: 0; padding: 25px 0; margin:0; z-index: 2; height: auto; border:0;}
   .menu-head .navbar-brand img{max-width: 250px;}
   .menu-head nav{padding:0;}
   .menu-head .navbar-header{position:relative; z-index:2; float: none; width: 100%;}
   .menu-head .navbar-toggle{border: 0; color: #000; margin: 10px 0 0 0; border-radius: 0; float:none; padding:9px 0; position:relative; width:100%;}
   .menu-head .sr-only{position: absolute; height: inherit; padding: 0; margin: 0; overflow: inherit; clip: inherit; border: 0; text-transform: uppercase; color: #fff; top: 7px; width: auto; right: 0;}
   .navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
   .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none;}
   .menu-head .navbar-collapse{border:none;}
   .menu-head .navbar-nav{margin: 0; text-align:left; top: 0;}
   .menu-head .navbar-nav > li:before{display:none;}
   .menu-head .navbar-nav > li{display:block; margin:0; padding:0; border-bottom: 1px solid  #fff; background:#193d5b;}
   .menu-head .navbar-nav > li:last-child{border-bottom:0;}
   .menu-head .navbar-nav .li-mrg{margin-right: 0 !important;}
   .menu-head .navbar-nav > li > a{padding: 10px; border: 0; color:#fff;}
   .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{background: #feaa20; color: #fff;}
   .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{background: #feaa20 !important;}
   .menu-head .sub-menu{position: relative !important; top: 0 !important; margin:0 !important; left: 0 !important; display: block !important; height: auto !important;}
   .menu-head .sub-menu > li > a{background:none !important; padding:5px 15px 5px 30px; width: auto;}             
   .head-right{float:none !important; overflow:hidden;}
   .ph-top ul{padding: 9px 0 2px;}
   .ph-top ul li{padding: 0 7px 5px !important; font-size: 12px; letter-spacing: -0.5px;}
   .phn-detail ul{margin: 10px 0 0;}
   .phn-detail ul li span{font-size:14px;}
   .phn-detail ul li i{font-size:25px;}
   .phn-detail ul li .fa.fa-envelope{font-size: 22px;}
   .phn-detail ul li{padding: 0 0 10px 30px; display: block; text-align: left;}
   .phn-detail{margin: 0; display: block; float: left; width: 70%; text-align: left;}
   .certificate-logo{margin: 10px 0 0; float: right; width: 25%; text-align: right; display:black;}
   .certificate-logo img{max-width: 70px;}   
   .logo{text-align:center; padding: 0 15px 20px;}
   .banner-left{float: none; padding: 0 15px 30px; margin: auto;}
   .banner-right{float: none; padding: 0 15px; margin: auto;}
   .student-owl #owl-demo{margin:0 0 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 15px 5px;}   
   .student-owl #owl-demo .item{margin:0 10px;}
   .student-owl .owl-theme .owl-controls .owl-buttons div{right:inherit; left:0; top:56px;}
   .student-owl .owl-theme .owl-controls .owl-buttons div.owl-next{right: 0; top: 56px; left: inherit;}
   .student-owl .guru-img{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: inline-block;}
   .box-tag{margin: 30px 0 0;}
   .box-tag .col-sm-3{width: auto;}
   .vision-sec{padding: 40px 0 20px;}
   .add-news{margin:0;}   
   .info-left{width: 100%; margin:0 0 30px;}
   .info-top h3::after{border-top: 26px solid #ed221c;}
   .info-right{width: 100%;}    
   .info-hm #owl-demo2{margin:0;}
   .text-holder figure{width:60%;}
   .ft-copyright p{text-align: center;}
   .social{top: 320px;}
       
}


/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {

.syllabus-small {
    display: flow-root !important;
}   
.syllabus-left {
    width: 100% !important;
    font-size: 16px !important;
    padding: 5px 0 10px 0 !important;
    text-align: center !important;
}  
 .syllabus-right {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 50px !important;
}
h2 {
    font-size: 18px !important;
}   
   .menu-head{position:relative;}
   .menu-head .nav-logo{position: relative; left: 0; padding: 25px 0; margin:0; z-index: 2; height: auto; border:0;}
   .menu-head .navbar-brand img{max-width: 250px;}
   .menu-head nav{padding:0;}
   .menu-head .navbar-header{position:relative; z-index:2; float: none; width: 100%;}
   .menu-head .navbar-toggle{border: 0; color: #000; margin: 10px 0 0 0; border-radius: 0; float:none; padding:9px 0; position:relative; width:100%;}
   .menu-head .sr-only{position: absolute; height: inherit; padding: 0; margin: 0; overflow: inherit; clip: inherit; border: 0; text-transform: uppercase; color: #fff; top:7px; width: auto; right: 0;}
   .navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
   .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none;}
   .menu-head .navbar-collapse{border:none;}
   .menu-head .navbar-nav{margin: 0; text-align:left; top: 0;}
   .menu-head .navbar-nav > li:before{display:none;}
   .menu-head .navbar-nav > li{display:block; margin:0; padding:0; border-bottom: 1px solid  #fff; background:#193d5b;}
   .menu-head .navbar-nav > li:last-child{border-bottom:0;}
   .menu-head .navbar-nav .li-mrg{margin-right: 0 !important;}
   .menu-head .navbar-nav > li > a{padding: 10px; border: 0; color:#fff;}
   .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{background: #feaa20; color: #fff;}
   .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{background: #feaa20 !important;}
   .menu-head .sub-menu{position: relative !important; top: 0 !important; margin:0 !important; left: 0 !important; display: block !important; height: auto !important;}
   .menu-head .sub-menu > li > a{background:none !important; padding:5px 15px 5px 30px; width: auto;}             
   .ph-top ul{padding: 9px 0 2px;}
   .ph-top ul li{padding: 0 8px 5px;}
   .phn-detail ul li span{font-size:16px;}
   .phn-detail ul li i{font-size:25px;}
   .phn-detail ul li .fa.fa-envelope{font-size: 22px;}
   .phn-detail ul li{padding: 0 30px 10px 30px;}
   .certificate-logo{margin: 0 0 0 30px;}
   .certificate-logo img{max-width: 70px;}   
   .banner-left{float: none; padding: 0 15px 30px; margin: auto;}
   .banner-right{float: none; padding: 0 15px; margin: auto;}
   .student-owl #owl-demo{margin:0 0 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 15px 5px;}   
   .student-owl #owl-demo .item{margin:0 10px;}
   .student-owl .owl-theme .owl-controls .owl-buttons div{right:inherit; left:0; top:56px;}
   .student-owl .owl-theme .owl-controls .owl-buttons div.owl-next{right: 0; top: 56px; left: inherit;}
   .student-owl .guru-img{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: inline-block;}
   .box-tag{margin: 30px 0 0;}
   .box-tag .col-sm-3{float: left;}
   .box-tag .col-sm-3{width: 50%;}
   .vision-sec{padding: 40px 0 20px;}
   .add-news{margin:0;}
   .info-left{width: 100%; margin:0 0 30px;}
   .info-top h3::after{border-top: 26px solid #ed221c;}
   .info-right{width: 100%;}    
   .info-hm #owl-demo2{margin:0;}
   .text-holder figure{width:50%;}
   .ft-copyright p{text-align: center;}
    
}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
         
   .phn-detail ul li span{font-size:16px;}
   .phn-detail ul li i{font-size:25px;}
   .phn-detail ul li .fa.fa-envelope{font-size: 22px;}
   .phn-detail ul li{padding: 0 30px 10px 30px;}
   .certificate-logo{margin: 0 0 0 30px;}
   .certificate-logo img{max-width: 70px;}
   .menu-head{font-size:13px; letter-spacing:-1px;}
   .menu-head .navbar-nav > li{padding: 8px 2px 8px;}
   .banner-left{float: none; padding: 0 15px 30px; width: 750px; margin: auto;}
   .banner-right{float: none; padding: 0 15px; width: 750px; margin: auto;}
   .student-owl #owl-demo{margin:0 0 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 15px 5px;}   
   .student-owl #owl-demo .item{margin:0 10px;}
   .student-owl .guru-img{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: inline-block;}
   .box-tag{margin: 30px 0 0;}
   .box-tag .col-sm-3{width: 50%;}
   .info-left{width: 100%; margin:0 0 30px;}
   .info-top h3::after{border-top: 26px solid #ed221c;}
   .info-right{width: 100%;}
   .text-holder figure{width:30%;}
   
}

/* Desktop */
@media (min-width: 960px) and (max-width: 1090px) { 
    
   .container{width:930px;}
   .phn-detail ul li span{font-size:16px;}
   .phn-detail ul li i{font-size:25px;}
   .phn-detail ul li .fa.fa-envelope{font-size: 22px;}
   .phn-detail ul li{padding: 0 30px 10px 30px;}
   .certificate-logo{margin: 0 0 0 30px;}
   .certificate-logo img{max-width: 70px;}   
   .menu-head .navbar-nav > li{padding: 8px 2px 8px;}
   .banner-left{float: none; padding: 0 15px 30px; width: 950px; margin: auto;}
   .banner-right{float: none; padding: 0 15px; width: 950px; margin: auto;}
   .student-owl #owl-demo{margin:0 0 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 15px 5px;}   
   .student-owl #owl-demo .item{margin:0 10px;}
   .student-owl .guru-img{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: inline-block;}
   .box-tag{margin: 30px 0 0;}
   .box-tag .col-sm-3{width: 50%;}
   .info-left{width: 100%; margin:0 0 30px;}
   .info-top h3::after{border-top: 26px solid #ed221c;}
   .info-right{width: 100%;}
   .text-holder figure{width:30%;}

}

/* Large Display */
@media (min-width: 1367px) { ... }