*{
  margin:0;
  padding:0;
}

.row {
  margin-left: 0!important;
  margin-right: 0!important;
}

body{
  width:100%;
}
.modal-body {
  padding: 0;
}
.login-page{
  background: #fff; 
  flex-grow: 10;
  padding: 10px 20px;
}
.login-div{
  background-size:100% 100%;
  flex: 1;
  flex-grow: 10;
}
.login-div>img{
  height: 100%;
}
.first{
  background-image:url(../images/first.png); 
  padding: 10px;
}
.second{
  padding-right: 0px;
  padding-left: 0px;
}

.logodiv{
  width: 175px;
  height: 60px;
  background: #fff000;
  border:2px solid #fff000;
  padding: 3px 3px 3px 12px;
  border-radius: 10px !important;
  position: relative;
  margin-top: -32px;
}
.logodiv img{
  max-height: 100%;
  max-width: 100%;
}

.logo{
  margin:15px;
}
.login-title{
  width:25%;
  height:35px;
  margin:3px auto;
  background-image:url("../images/login.png");
  background-size:100% 100%; 
}

#login-form{
  padding:15px; 
}
#login-form .direction{
  background-color: #2874f02e;
  color: #2874f0;
  padding: 10px;
  margin: 20px 0;
  border: 1px solid #639eff;
  font-size: 15px;
}
.login_form{
  margin-bottom: 10px !important;
}
.login-end-btn .text-center {
    margin-bottom: 15px;
    color: white;
    font-family: serif !important;
} 
.modal .modal-header .close {
  margin-right: -15px !important;
  background-color: red !important;
  border: none !important;
  box-shadow: -6px 6px 5px #403a3a96;
}
.login_forgot a{
  font-size: 17px !important;
  color: #2874f0 !important;
}
.login_forgot a:first-child{
   margin-right: 40px;
}
.logodiv img{
  max-height: 100%;
  max-width: 100%;
}
.welcome_marquee{
  margin-top: -22px !important;
}
.welcome_marquee span{
  color: #fff000;
  line-height: 50px;
  font-size: 13px;
  font-size: 20px;
  font-weight: bold;
  list-style: lower-roman;
  color: black;
  font-family: serif;
  font-size: 26px;
  margin-top: -2px;
  font-style: italic;
  margin-top: -10px !important;
}
.welcome-skip{
  padding: 3px 18px !important;
  background: #ff0600 !important;
  font-size: 20px !important;
  font-weight: bolder !important;
  font-family: serif !important;
  position: relative;
  top: -35px;
  left: 43%;
  border-radius: 15px 0px !important;
}
.welcome-skip:hover{
  box-shadow: -6px 6px 3px #403a3a96 !important;
  opacity: 0.8;
}
 
.user-menu .navbar-inverse .navbar-nav > li.active > a, 
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus {
  background-color: red !important;
  border-radius: 0 !important;
  color: #fff !important;
  border-color: transparent !important;
}


.navbar-inverse .navbar2 .navbar-nav > li > a:hover, 
.navbar-inverse .navbar2 .navbar-nav > li > a:focus
{
    background-color: #0667ae !important;
    color: #fff !important;
}
.user-menu .user-image {
  border-radius: 25px !important;
  border:2px solid #fff;
  width: 100%;
  border-radius: 25px !important;
  border:2px solid #fff;
}
.user-menu a b{
  color: white;
}
.user-menu a{
  color: white !important;
}

.dropdown:hover>a {
  background: #0667ae !important;
}
.marquee-line i{
  font-size: 26px;
}

.login-pg-div{
  float: none;
  margin: 46px auto;
  border:1px solid #000;
  padding: 10px
}

.dropbtn a{
  color:#fff;
}
.dropbtn:hover {
    color:white;
    /*transform: translateY(-3px);*/
}

/* sticky header */
.affix {
  top: 0px;
  width: 100%;
  z-index: 999;
}

.affix + .container-fluid {
padding-top: 70px;
} 
.dropdown{
  padding-left: 7px !important;
}

.dropdown .dropbtn:hover .dropdown-content {
display: block!important;
}

.navbar-right .dropdown{
  padding-left:20px;
}

.dropdown-content {
  background-color: #fff;
  padding: 5px 0px !important;
  border: 0;
  position: absolute;
  z-index: 9999;
  width: 100%;
  display: none; 
  
}
.dropdown-content a:hover, .dropdown-content a i:hover {  
  color: #fff !important;
  background-color: #247ec5 !important;
}
.slider-left{
  margin-top: 0px !important;
}
.slider-right{
  margin-top: 0px !important;
}
.patient_header{
  padding: 0 1px;
}
#slideshow-left .item img, #slideshow-right .item img{
  /*border-radius:25px 25px 0 0 !important;*/
}

#slideshow{
  /*border:2px solid #2874f0;
  margin-left: auto;
  border-radius: 35px !important;
  margin-right: auto;*/
  overflow: hidden;
  height:auto;
}
.owl-carousel {
    background: transparent;margin-bottom: 0;
}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{
    background-color: #2874f0;
}
.owl-dots {
    background: #f8d3d300 none repeat scroll 0 0;
    opacity: 1;
    bottom: -7px;
}
.owl-dots .owl-dot span {
    background: #ffffff none repeat scroll 0 0;
}
.owl-dots div.active span {
    background: #000
}
.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 505px;
}
.checkbox > label, .form-horizontal .checkbox > label {
  padding-left: 25px !important;
}
#slideshow-left .owl-item,#slideshow-right .owl-item {
background: white;
border-radius: 25px 25px 0 0 !important
}
.btn-info {
  color: #2874f0 !important;
  background-color: #fff000 !important;
  border: 2px solid #2874f0;
  border-radius: 50px !important;
  padding: 15px 15px !important;
}
.btn-info:active:hover, .btn-info.active:hover {
  background-color: #5aadf0;
}

#slideshow-left
{
  height:500px;
}
#slideshow-right
{
  height:500px;
}




.marquee-line a:hover {
    color:#fff !important;
}
.marquee-line a, .marquee-line i{
  display: inline-block;
  font-weight: bold;
  padding: 5px 8px;
  color:#fff;
  font-size: 30px;
}
.marquee-line i{
  width: 41px;
  height: 39px;
  border-radius: 21px;
  padding: 12px 8px;
  margin: -15px 5px;
}
.marquee-line b{
  font-size: 15px
}
.whatsappicon, .fa-whatsapp{color: #fff;
}

.marq{
  float: left;
  background: #2874f0;
}
.search-div{
    position: relative;
    max-width: 450px;
}
.search-div>.fa{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:20px;
    color: red;
}
.ba_button {
  color: white !important;
  width:100%;
  height: 30px;
  display: block;
  margin-bottom: 8px;
  margin-left: 0;
  margin-top: 5px;
  padding: 6px 0px;
  font-size:15px; 
  text-transform: uppercase;
  overflow: hidden !important;
}
.ba_button:hover {
  transform: translateY(-5px) !important !important;
  border-radius: 20px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 6px #72e7f3c4;
  padding-top: 8px;
  font-weight: bolder;
}
.footer-left{
  margin-top: -12px;
}
.footer-info{
  margin-top: -12px;
}
.footer-info b{
  font-size:18px;
}
.footer-info p{
  font-size: 16px;
}
.send-me{
  width: 50px;
  margin-top: 20px;
  background-color:#2874f0;
  color: #fff;
  border: 1px solid #2874f0 !important;
  border-radius: 10px !important;
  font-family: serif;
  font-weight: bolder;
}
.send-me:hover, .send-me:focus, .send-me.focus {
  color: white;
  font-size: 16px;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}
.thumbbox {
  border: 0px solid #949494;
  margin: 5px 0px;
  text-align: center;
  padding: 10px;
}

.flip-card {
  background-color: transparent;
  border: 1px solid #f1f1f1;
  margin-bottom: 15px;
}
.flip-card-inner {
  position: relative;
  text-align: center;
}
.flip-card-front img{
  width: 100%;
  height: 300px;
}

.flip-card-back {
  width: 100%;
  height:100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  transform: rotateY(180deg);
}
.flip-card-back .upper-text{
  width: 100%;
  height:300px;
  background: #e52c8a94;
  padding: 10px;  
}
.videotitle{
  border:2px solid #fff;
  background: #e52c8a94;
  color:#fff;
  padding: 10px 5px;
  text-align: center;
}
.flip-card-back .upper-text h2{
  border:2px solid #fff;
  color:#fff;
  height: 100%;
  margin: 0px;
  padding: 110px 15px;
}
.flip-card:hover .flip-card-back {
  transform: rotateY(0deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

.site-about{
  margin:0 3px0 15px 0;
}
#courselist, #page{
  margin-left: 10px;
  margin-right: 10px;
}
#page{
  margin:0 auto;
  width: 95%;
  padding:0 10px;
}
.thumbbox {
  border: 0px solid #949494;
  margin: 0;
  text-align: center;
  padding: 10px;
} 
#courselist img{
  border:2px solid #2874f0;
}
.course-section{
  margin-top: 30px !important;
}
.inner-sec{
  color: white;
  margin: 5px;
  padding:10px; 
  height:auto;
  min-height: 300px;
  word-wrap: break-word;  
}
.inner-sec h1{
  font-family: serif;
  font-size: 35px;
  font-weight: bolder;
  text-transform: uppercase;
  border: 1px solid yellow;
  border-radius: 20px;
  background: yellow;
  color: #172337;
  text-align: center;
}
.inner-sec h2{
  font-family: monospace;
  font-weight: bolder;
  text-transform: uppercase;
  border: 1px solid yellow;
  border-radius: 20px;
  background: yellow;
  text-align: center;
  font-size: 25px;
  color: #000!important;
}

.course-section .inner-sec{
  height: auto
}
.inner-sec .text-course{
  margin-top: 30px !important;
  margin-bottom: 30px !important;
  text-align: center;
}
.address-icon{
  float: left;
  font-size: 22px !important;
  margin-top: 8px !important;
}
.inner-sec p{
  margin-left: 35px;
  font-size: 15px;
}
.inner-sec p b{
  font-size: 22px !important;
  font-family: serif;
  margin-bottom: 10px !important;
}
.inner-sec p a{
  color: white;
  font-size: 16px;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.inner-sec p a:hover{
  color: #03baffc7;
  font-size: 17px;
}
.phone{
  width: 100%;
  padding: 5px;
}
.phone i{
  margin-right: 10px;
}
.phone a{
  color: white;
  padding-top: 5px !important;
  font-size: 15px;
}
.whatsapp{
  width: 100%;
  margin-top: 10px;
}
.whatsapp i{
  background: green;
  font-weight: bolder;
  font-size: 24px;
  margin: 4px 4px;
  color: white;
  padding: 5px 4px;
  border-radius: 4px !important;
}
.whatsapp a{
  color: white;
  padding-top: 5px !important;
  margin: none;
  font-size: 15px;
}
.whatsapp a:hover , .phone a:hover{
  color: #03baffc7;
  font-size: 16px;
  -webkit-transform: translateY(-3px);
  transform: translateY(-5px);
}
.contact-icon{
  margin-top: 10px !important;
  margin-bottom: 10px;
}
.contact-icon i{
  color: white;
  font-size: 22px;
  margin: 7px;
}
.contact-icon i:hover{
  opacity: 0.7;
  -webkit-transform: translateY(-3px);
  transform: translateY(-5px);
}
.last_icon div{
  float: left;
  width: 40px;
}

.contact-info table td{
  padding: 0px 15px;
}
.contact-info table tr td p span a:hover{
  color: black;
  text-shadow: -5px 5px 2px gray;
}
.inquiry-form{
  margin-top: 60px;
}
.inquiry-form h2{
  margin-bottom: 20px;
  font-family: serif;
  font-weight: bolder;
}
.forget-box{
  width: 100% !important;
  margin:60px 0 !important;
}
.site-request-password-reset .direction{
  background-color: #2874f044;
  color: #2874f0;
  padding: 10px 22px;
  border: 1px solid #2874f0;
}
.signup-box{
  background: #fff000;
  border:1px solid #2874f0;
  border-top:1px solid #2874f0 !important;
  margin-bottom: 10px; 
  border-radius: 15px 15px 0px 0px !important;
}

.signup-box .heading{
  color: #B70000;
  margin:0 !important;
  font-size: 25px;
}

.signup-box .red p{
font-weight: bold;
padding-top: 5px
}

.form-box{
background: #fff00071;
border:1px solid;
}
#account-guardian_ref{
display: block;
width: 100% !important;
height: 34px;
padding: 6px 12px;
line-height: 1.42857143;
font-size: 14px;
font-weight: normal;
color: #333;
background-color: #fff;
border: 1px solid #e5e5e5;
-webkit-box-shadow: none;
}
/* navbar1*/
.navbar {
  background-color: #172337;
  border:0;
  width: 100%;
  margin-bottom: 0;
  min-height: unset;
}

.navbar ul li a{
  font-size: 15px !important;
  font-family: 'Arial';
  color: #efefef !important;
  transition: 0.8s;
}

.topIcons i {
color: #28328c;
}

.topImg {
background-image:url(../images/header.png); 
height: 246px;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
background-position: center center;
}

/* navbar2 */
.navbar2 {
background-color: rgb(122, 13, 13);;
border-color:rgb(122, 13, 13);;
width: 100%;
}

.navbar2 ul li {
list-style-type: none;
}

.navbar2 ul li>a{
  padding: 7px;
  color: #fff !important;
  font-size: 14px!important;
  font-family: 'Arial';
}
.dropdown-content>a{
  color: #000 !important;
  padding: 4px 8px !important;
  font-size: 15px !important;
}
.dropdown-content a:hover, .dropdown-content a i:hover
{
  color: #fff !important;
}


.navbar2 .logodiv2 {
display: none;
}

.navbar .logodiv {
display: block;
}

.navbar-nav {
margin: 0px; 
}
.nav-itmas-list li a{
  padding: 13px 8px !important;
  color: white;
  font-size: 14px !important;
}
.nav-itmas-list li a:hover{
  background: #fff;
  color:#101010;
}

.nav-itmas-list li a i{
margin-right: 5px !important;
} 
.whatsapp b{
color: white !important;
}
.whatsapp-num i{
position: relative;
top: 3px;
font-size: 24px;
font-weight: bolder;
color: #00ff5f !important;

}
.whatsapp-num {
font-size: 15px !important;
color: white !important; 
padding: 10px 0px !important;
}
.footer-marq{
/*background-color: #fff000;
color: black;*/
background-color: rgb(122, 13, 13);
color: #fff;
height: 45px !important;
}
#footer{
background-color: #172337;
}
.footer-right a img{
margin: 45px 0px 30px -10px;
width: 280px;
}
.footer-right img{
width: 350px;
margin: 30px 0px 0px -45px;
}
.footer-center{
margin-top: 10px;padding: 0;
}
.footer-center a img{
width: 260px;
margin: 0px 0px 0px -3px;
}
li.user-dp {
    border-radius: 50% !important;
    overflow: hidden;
    margin-left: 5px;
}
.nav-itmas-list li.user-dp a
{
  padding: 0!important;
}
#myNavbar2 .user-image{
  max-width: 45px;
  border-radius: 50% !important;
}
.footer-course{
width: 100%;
text-align: center !important;
margin-top: 10px !important;
}
.footer-first-home{
width: 100%;
color: white !important;
padding-left: 30px;
background-color: #0f1a2dde;
}
.navbar-nav > li > a {
font-family: serif;
font-size: 17px !important;
}
.navbar-nav > li > a:hover{
/*font-weight: bolder;*/
/*transform: translateY(-5px);*/
color: #fff000!important;
} 

.dropdown a:hover{
/*background-color: #2874f0;*/
color: #2874f0;
}
.drop-list{
background-color: #2874f0 !important;
position: absolute !important;
top: 30px !important;
padding: 10px !important;
}
.drop-list li a{
font-family: serif;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: transparent;
}
.dropdown-menu li > a:hover > [class^="fa-"], .dropdown-menu li > a > [class*=" fa-"] {
  color: #fff !important;
}
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
  text-decoration: none;
  background-image: none;
  background-color: lightblue !important;
  color: #242533 !important;
  filter: none;
  font-weight: bolder;
  transform: translateY(-5px);
}
.caret{
margin-top: -2px;
border-top: 6px dashed !important;
border-top: 6px solid !important; 
border-right: 6px solid transparent !important;
border-left: 6px solid transparent !important;
}

/* Topbar logo */
.topLogo {
padding: 0px 10px;
display: flex;
}

.logodiv2 img {
height: 110px;
}

.navbar-inverse {
margin: 0;
background: transparent!important;
}
 
.map iframe{
border: 1px solid #aaa;
margin-bottom: 30px;
}
.centercontent{
margin-top: 0px !important;padding: 0 !important;
}
#social{
position: fixed;
right:0px;
top: 17%;
z-index: 999;
padding: 7px;
font-size: 15px;
border: 1px solid black;
border-radius: 10px 0px 0px 10px !important; 
}
#mySidenav{
position: fixed;
right:200px;
top: 28%;
z-index: 999;
}
#mySidenav a {
position: absolute;
left: 145px;
transition: 0.5s;
padding: 10px;
width: 210px;
text-decoration: none;
font-size: 20px;
color: white;
border-radius: 10px !important;
text-align: center;
}
#mySidenav a:hover {
left: 0;
}

#instagram i {
  color: #fff;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}

#facebook i {
  color: #fff;
  background-color: #3B5998;
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}

#twitter i {
  color: #fff;
  background-color: #00ACEE;
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}

#youtube i{
    color: #fff;
    background-color: #C4302B;
    box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}

#flipkart i {
background: #047BD5 !important;
color: #F8E831;
}

#amazon i{
  color: #fff;
  background: #d6249f;
  background-image: linear-gradient(to bottom right, #FF9900 50% , #232F3E) !important;
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}

#Whatsapp i{
background-color: #25D366;
}
.fb{
/*position: absolute;
right: 172px;
font-size: 24px !important;
padding-top: 7px;
text-align: left;*/
}
.rowlist a input{
font-size: 14px;
}
.rowlist a :hover{
background-color: none;
color: #000000b3;
font-weight: bolder;
text-shadow: -5px 5px 2px #2d2d2d85;
}
.rowlist{
font-size: 15px !important;
}
.all_course p{
font-weight: bolder;
text-transform: uppercase;
border-radius: 20px !important;
background: #2874f0;
color: white;
text-align: center;
padding: 10px 3px;
}
.C-list-form p{
font-family: serif;
font-weight: bolder;
text-transform: uppercase;
background: #172337;
color: white;
text-align: center;
padding: 10px 3px;
}

.C-list-form p, .all_course p{
  margin-top: 10px;
}
/*CLICK BUTTON (COURSE)*/
.button {
  display: inline-block;
  padding: 5px 15px;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #2fc535;
  border: none;
  box-shadow: -2px 6px #999;
  border-radius: 20px !important;
  margin-left: 10px;
  margin-top: -10px;
}

.button:hover {
background-color: #3e8e41;
color: black !important;
}

.button:active {
background-color: #3e8e41;
box-shadow: 3px 3px #666;
transform: translateY(4px);
}
/*STATUS*/

.box-body{
  /* margin: auto; */
}
.status-box-body{
 background-image: linear-gradient(to top right,#fff 30%, #00acee) !important;
box-shadow: -8px 8px 5px gray;
/* margin-bottom: 30px !important;
margin-top: -30px; */
padding: 30px;
}

.div_status{
margin-bottom: 30px !important;
}
.status{
font-weight: bolder;
font-size: 18px;
margin: 20px 85px;
font-family: serif;
text-transform: uppercase;
border-radius: 20px !important;
background-image: linear-gradient(to bottom right,#fff 30%, #00acee) !important;
}
.status-note{
/*border: 2px solid blue;*/
margin: 15px;
padding: 10px;
cursor: pointer;
background-image: linear-gradient(to top right,#fff 30%, #00acee) !important;
color: #6b6b6b;
border-radius: 10px !important;
box-shadow: -5px 5px 5px gray;
display: none;
}
.status-note span{
font-weight: bolder;
font-size: 15px;
font-style: italic;
font-family: serif;
color: black;
}
.status-left{
height: auto !important;
margin-bottom: 20px !important;
}
.status-left i:first-child{
position: absolute;
top: 169px;
left: 5px;
color: gray;
font-size: 27px;
}
.left-status-note{
/*border: 2px solid gray;*/
box-shadow: -5px 6px 3px gray;
color: #6b6b6b;
border-radius: 0px 15px 0px 15px !important;
padding: 8px;
margin: 30px;
text-align: justify;
background-image: linear-gradient(to bottom left,#fff 30%, #00acee) !important;
position: relative;
top: 135px;
}
.status-left i{ 
position: absolute;
top: 272px;
left: 8px;
color: gray;
font-size: 27px;
}
.left-status-note-no{
border: 2px solid gray;
color: #6b6b6b;
border-radius: 0px 15px 0px 15px !important;
padding: 8px;
margin: 30px;
background-image: linear-gradient(to bottom left,#fff 30%, #00acee) !important;
text-align: justify;
position: relative;
top: 136px;
}






                /*    start media queries     */

.twitter-new{
  padding-top: 5px;
}

@media only screen and (max-width: 1440px) {
  .inner-sec p{
    font-size: 13px;
  }
  .inner-sec p a {
    font-size: 14px;
  }
  .inner-sec p a:hover{
    font-size: 15px;
  } 
  .ba_button {
    font-size: 10px;
  }
  .ba_button:hover{
    font-size: 11px;
    padding-top: 2px;
  }
  .navbar-right .dropdown {
    padding-left: 20px;
  }

  .user-menu a b{
    color: white;
  }
  .user-menu a{
    color: white !important;
  }
  .C-list-form p{
    margin-top: 15px;
  }
  .C-list-form p span{
    font-size: 15px !important;
  }

  .status{
    margin: 20px 40px;
  }

  .status-left i:first-child{
    position: absolute;
    top: 155px;
    left: 5px;
    color: gray;
    font-size: 27px;
  }
  .left-status-note{
    /*border: 2px solid gray;*/
    box-shadow: -5px 6px 3px gray;
    color: #6b6b6b;
    font-size: 11px;
    border-radius: 0px 15px 0px 15px !important;
    padding: 8px;
    margin: 10px 0px 10px 30px;
    text-align: justify;
    background-image: linear-gradient(to bottom left,#fff 30%, #00acee) !important;
    position: relative;
    top: 138px;
  }
  .status-left i{ 
    position: absolute;
    top: 255px;
    left: 8px;
    color: gray;
    font-size: 27px;
  }
  .left-status-note-no{
    border: 2px solid gray;
    color: #6b6b6b;
    font-size: 11px;
    border-radius: 0px 15px 0px 15px !important;
    padding: 8px;
    margin: 10px 0px 10px 30px;
    background-image: linear-gradient(to bottom left,#fff 30%, #00acee) !important;
    text-align: justify;
    position: relative;
    top: 155px;
  }


}


@media only screen and (max-width: 1024px) {
  .search-div{
    max-width: unset;
  }
  #slideshow,
  #slideshow-right,
  .owl-carousel.owl-drag .owl-item,
  #slideshow-right .owl-item {
    height: 225px;
  }
  .footer-center{
    padding-left: 90px;
  }
  .footer-center{
    margin-top: 100px;
  }
  .footer-center a img{
    width: 260px;
    margin: 2px 0px 0px 17px;
  }
  .footer-right{
    padding-left: 130px;
  }
  .inner-sec p {
    font-size: 16px;
  }
  .inner-sec p a{
    font-size: 16px;
  }
  .inner-sec p a:hover{
    font-size: 17px;
  }
  .phone a{
    font-size: 17px;
  }
  .phone a:hover{
    font-size: 18px;
  }
  .whatsapp a{
    font-size: 17px;
  }
  .whatsapp a:hover{
    font-size: 18px;
  }
  .nav-itmas-list li a{
    padding: 5px;
    font-size: 12px !important;
  } 
  .navbar-right{
    margin-right: 0px !important;
    font-size: 12px !important;
  }
  .user-menu a b{
    font-size: 13px !important;
  }
  .user-menu a img{
    width: 30px !important; 
    height: 30px !important;
  }
  .user-menu a{
    text-transform: lowercase !important;
    font-size: 12px !important;
  }
  .navbar-nav>.user-menu .user-image
  {
    float: none;
  }
  .nav > li > a{
    padding: 5px 5px;
  }
  .navbar-right li{
    padding-top: 5px;
  }
  .nav-itmas-list {
    margin-top: -8px !important;
    margin-left: -3px !important;
  }
  .navbar-right .dropdown {
    padding-left: 0px;
    margin-left: -16px;
  }
  .nav-itmas-list{
    margin-left: 10px !important;
  }
  #slideshow{
    /* height: 340px; */
    height: 300px;
  }

  .all_course p span{
    font-size: 15px !important;
  }
  .C-list-form p{
    margin-top: 15px;
  }
  .status{
    font-size: 16px;
    margin: 20px 0px;
    padding: 8px 0px;
  }
  .status-left i:first-child{
    position: absolute;
    top: 186px;
    left: -3px;
    color: gray;
    font-size: 27px;
  }
  .left-status-note{
    /*border: 2px solid gray;*/
    box-shadow: -5px 6px 3px gray;
    color: #6b6b6b;
    font-size: 11px;
    border-radius: 0px 15px 0px 15px !important;
    padding: 8px;
    margin: 10px 0px 10px 20px;
    text-align: justify;
    background-image: linear-gradient(to bottom left,#fff 30%, #00acee) !important;
    position: relative;
    top: 168px;
  }
  .status-left i{ 
    position: absolute;
    top: 284px;
    left: 0px;
    color: gray;
    font-size: 27px;
  }
  .left-status-note-no{
    border: 2px solid gray;
    color: #6b6b6b;
    font-size: 11px;
    border-radius: 0px 15px 0px 15px !important;
    padding: 8px;
    margin: 10px 0px 10px 20px;
    background-image: linear-gradient(to bottom left,#fff 30%, #00acee) !important;
    text-align: justify;
    position: relative;
    top: 184px;
  }
}



/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 768px) {

    .second{
      display: none;
    }
    .marquee-line{
      display: none
    }
    .slider-left, .slider-right{
      display: none;
    }
    .thumbbox h2{
      font-size:13px;
    }
    .flip-card-back{
      transform: rotateY(0deg);
    }
    .flip-card-front img{
      height:auto;
    }
    .flip-card-front, .flip-card-back{
      position: relative;
    }
    .flip-card-back .upper-text {
      height:auto;
      padding: 0;
    }
    .flip-card-back .upper-text h2{
      padding: 15px;
    }

   .marquee-line{
      display: none !important
    }
    .second{
      display: none;
    }
    .slider-left{
      display: block;
    }    
    .fixtop1{
    height: 95px;
    }
    .thumbbox h2{
      font-size:13px;
    }

  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
      margin-right: -15px;
  } 
  .navbar-toggle {
      display: block;
  } 
  .navbar-nav > li {
    float: none;
  } 
  .collapse.in {
      display: block;
  }
  .navbar-collapse.in {
      overflow-y: auto;
  }
  
}

@media only screen and (max-width: 768px) {
  .navbar-collapse{
    padding-top: 25px;
    background-color: #2874f0;
    position: relative;
    top: -6px;
    z-index: 0 !important;
  }
  .nav-itmas-list li a {
   font-size: 15px !important;
  }
  .navbar-right{
    float: left !important;
    padding-top: 18px;
    margin-left: 22px;
  }
  .twitter-new{
    padding-top: 12px;
  }

  .navbar-right .dropdown{
    padding: 0px;
  }
  .nav-button{
    margin-top: 5px;
    margin-right: 15px;
  }
  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: transparent !important; 
  }
    .slider-right{
  display: none;
}
.footer-right{
  margin-left: 0;
  padding-left: 60px;
}
.footer-center{
  margin-top: 0;
}
.inner-sec p {
  font-size: 14px;
}
.inner-sec p a{
  font-size: 16px;
}
.inner-sec p a:hover{
  font-size: 17px;
}
.phone a{
  font-size: 15px;
}
.phone a:hover{
  font-size: 16px;
}
.whatsapp a{
  font-size: 15px;
}
.whatsapp a:hover{
  font-size: 16px;
}
.footer-logo-2{
  top: 204px;
}
  .logodiv{
    z-index: 999 !important;
  }
  #mySidenav{
    display: none !important;
  }

  .C-list-form p{
    width: 100% !important;
    margin-top: 15px;
  }
  .C-list-form p span{
    font-size: 15px !important;
  }
  .status-note{
    display: block;
  }
   
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 425px) {

    .slider-left, .slider-right{
      display: none;
    }
    .second{
      display: none;
    }

    .container-fluid > .navbar-header{
      margin-right: 0;
      margin-left:0;
    }

    .dropdown-content {
      min-width: 70%;
      float: right;
      position: relative;
    }
    .runningtext {
      color: #fff000;
      font-size: 11px;
      line-height: 30px;
    }
    .thumbbox h2{
      font-size:13px;
    }
    .modal-lg{
      width: 94%;
      margin: 10px auto; 
    }
    .login-title {
      width: 25%;
      height: 22px;
    }
    .form-control {
      font-size: 13px;
      height: 30px;
      padding: 0px 10px;
    }
    .input-group-addon {
      padding: 0px 12px;
    }
    .flip-card-back{
      transform: rotateY(0deg);
    }
    .flip-card-front img{
      height:auto;
    }
    .flip-card-front, .flip-card-back{
      position: relative;
    }
    .flip-card-back .upper-text {
      height:auto;
      padding: 0;
    }
    .flip-card-back .upper-text h2{
      padding: 15px;
    }
    .footer-center {
      padding-left: 60px;
      margin-top: 0;
    }
    .inner-sec h1 {
      font-size: 26px;
    }

    .loing-page{
      background-color: 
      background-color: black
    }
    .whatsappicon{
      width: 100%;
    }
    .marquee-line{
      position: relative !important;
      right: 10px;
      top:5px;
    }
    .all_course p{
      width: 100% !important;
      margin-top: 15px;
    }
    .all_course p span{
      font-size: 18px !important;
    }
    .C-list-form p{
      width: 100% !important;
      margin-top: 15px;
    }
    .C-list-form p span{
      font-size: 15px !important;
    }
    #slideshow,
    #slideshow-right,
    .owl-carousel.owl-drag .owl-item,
    #slideshow-right .owl-item {
      height: 125px;
    }
}


@media only screen and (max-width: 320px){
.footer-right {
  margin-left: 0;
  padding-left: 20px;
}
.footer-center a img{
  margin-left: -10px;
} 
.footer-center img {
  margin-left: -15px;
}
.all_course p{
    width: 100% !important;
    margin-top: 15px;
  }
  .all_course p span{
    font-size: 15px !important;
    margin-left: 0px;
    margin-right: 0px;
  }
  .C-list-form p{
    width: 100% !important;
    margin-top: 15px;
  }
  .C-list-form p span{
    font-size: 12px !important;
  }
}



/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .navbar-toggle {
      display: none;
  }

  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0;
  }
  .navbar-collapse.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
      padding: 0;
  }
  .navbar-collapse {
      width: auto;
      border-top: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  .navbar-header {
      float: left;
  }

  .navbar-nav {
      float: left;
      margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-collapse.in {
      overflow-y: visible;
  }
    .fixtop1{
      height: 60px;
    }
    .second{
      display: block;
    }
    .thumbbox h2{
      font-size:25px;
    }
    .modal-lg {
        width: 748px;
    }
    .login-title {
      width: 25%;
      height: 28px;
    }   
    .login-end-btn {
        margin-top: -15px;
    } 
    .flip-card-back{
      transform: rotateY(180deg);
    }
    .flip-card-front img, .flip-card-back .upper-text{
      height:300px;
    }
    .flip-card-front, .flip-card-back{
      position: absolute;
    }
    .flip-card-back .upper-text {
      padding: 10px;
    }
    .flip-card-back .upper-text h2{
      padding: 90px 15px;
    }
    .flip-card {
      margin-bottom: 290px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {


    .slider-right{
      display: block;
    }
    .course-section{
      margin-top: 0px !important ;
    }
    .flip-card-back .upper-text h2{
      padding: 110px 15px;
    }

    .marquee-line{
      display: block
    }

}

@media only screen and (min-width: 1450px) {
    .marquee-line{
      display: block !important
    }
    .slider-right{
      display: block;
    }
    .course-section{
      margin-top: 0px !important ;
    }
    .modal-lg {
        width: 900px;
    }
    .login-title {
      width: 25%;
      height: 28px;
    }
    .login-end-btn {
        margin-top: -0px;
    }
}

/* HP AUTHORIZED */
  .authorized_div{
    border-radius: 30px 30px 0px 0px !important;
    background-image: linear-gradient(to bottom left,#2874f0d4 20%, #fff) !important;
    border: 1px solid black;
  }
  .authorized_left{
    padding-right: 10px; 
  }
  .authorized_left_img{
    margin: 0px !important;
    padding: 0px !important
  }
  .authorized_left_img img{
    width: 180px;
    height: 200px;
    padding: 15px;
  } 
  .authorized_left_data{
    padding: 25px;
    color: white;
    font-size: 15px;
  }
  .authorized_left_data div label:first-child{
    width: 35%;
    font-weight: bolder;
  }

/* E N D */

/* H P patient */
  .header_bg{
    background: #172337;
    color: #fff;
  }
  .patient_heading h1{
    font-weight: bolder;
    text-shadow: -5px 5px 4px #a2a2a2;
  }
  
  .patient_heading p{
    font-weight: bolder;
    font-size: 1vw;
  }/*
  .patient_heading_img{
    padding: 20px;
  }*/
  .patient_heading_img img{
    width: 100%;
    margin-right: 20px;
    height: 190px;
  }
  .diseases_main{
    margin-top: 15px;
  }
  .diseases_text{
    font-size: 20px;
    text-align: center;
    padding-left: 25px;
  }
  .diseases_input{
    padding: 0px 20px 0px 20px;
  }
  .diseases_input select{
    padding: 10px 24px 6px 12px !important;
    width: 90%;
  }
  .select2-container--krajee .select2-selection--single {
    padding: 10px 24px 6px 12px !important;
  }
  .first_grop{
    border-radius: 10px !important;
    margin: 5px 0px 10px;
    overflow: hidden;
    transition: .6s ease;

  }

  .first_grop img{
    width: 90%;
    height: 190px;
    margin: 5% 5% 3%;
    -webkit-transition: .5s ease;
    display: block;
    transition: .5s ease;
    border-radius: 15px !important;
  }
  .first_grop label{
    text-align: center;
    margin: 0px 11px 10px;
    transition: .5s ease;
    font-family: sans-serif;
    border-radius: 5px !important;
    font-weight: bolder;
    color: black;
  }

  @media only screen and (max-width: 768px) {
    .patient_heading h1{
      font-weight: bolder;
      text-shadow: -5px 5px 4px #a2a2a2;
      font-size: 12px;
    }
    .diseases_main{
      margin-top: 0px;
    }
    .patient_heading_img img{
      width: 100%;
      margin-right: 20px;
      height: 170px;
    }
    .diseases_input{
      padding: 0px;
    }
    .diseases_input{
      padding: 0px 20px 0px 20px;
    }
  }
  @media only screen and (max-width: 425px) {
    .patient_heading_img img{
      height: 210px ;
    }
  }


  .patient_consult{
    padding: 0px 25px;
    margin-left: 33%;
    margin-bottom: 5%;
  }
  .patientlist_first:hover{
    box-shadow: 0px 0px 3px dimgray;
  }
  .patientlist_first{
    padding: 20px 15px 20px 30px;
    border-radius: 0px !important;
    background: #fff;
    margin: 0px !important;
    border: 1px solid #b2b0b0;
  }

  .exp_year{
    border: 1px solid blue;
    border-radius: 10px !important;
    background: lightblue;
    color: white;
    font-size: 15px;
  }
  .patientconsult_img img{
    width: 50%;
    height: 213px;
    border-radius: 50% !important;
    -webkit-transition: .5s ease;
    display: block;
    transition: .5s ease;
    margin: auto;
  }
  .patientconsult_text h2{
    color: black;
    font-weight: bolder;
    margin-bottom: 0px;
  }
  .patientconsult_text p{
    color: gray;

  }
  .patientconsult_no{
    margin-top: 5%;
    margin-left: 2%;
  }
  .patientconsult_no div select{
    padding: 5px;
    border: 1px solid gray;
    border-right: none;
    border-radius: 7px 0px 0px 7px !important;
  }
  .patientconsult_no div select:focus{
    border: 1px solid gray;
    border-right: none;
    border-radius: 7px 0px 0px 7px !important;
  }
  .patientconsult_no div input{
    padding: 6px;
    border: 1px solid gray;
    border-left: none;
    border-right: none;
  }
  .patientconsult_no div button{
    padding: 6px;
    border: 1px solid gray;
    border-left: none;
    border-radius: 0px 7px 7px 0px !important;
    background: transparent;
  }
  .patientconsult_otp{
    display: none;
  }
  .patientconsult_otp input{
    margin: 10px 2%;
    border: 1px solid gray;
    padding: 6px 12px;
    border-radius: 7px !important;
  }
  .patientconsult_otp input:focus{
    border: 1px solid gray !important;
  }
  .patientconsult_otp div a{
    padding-left: 12px;
  }
/* E N D */

/* HP auhtorized*/
  .auhtorized_state img{
    border: 1px solid black;
  }
  
  .first_grop:hover{
    background: #fff;
    transition: .5s ease;
  }


/* changes */
.desNav {
  display: block;
}

.mobileNav {
  display: none;
  background-color: #2874f0!important;
  width: 100%;
  position: fixed;
  z-index: 9999;
}

.navColor:hover {
  background-color: red!important;
}

.iconsSocial li {
 /* line-height: 55px;
  text-align: center;*/
}

.iconsSocial i{
  /* border: solid 1px #fff000; */
  border-radius: 10px;
  padding: 16px;
  font-size: 25px;
  /* color: #fff000; */
}

.iconsSocial:hover {
  /* border: solid 1px #fff; */
  /* color: #fff; */
}

.iconsSocial .col-xs-4 {
  padding-top: 20px;
}

@media screen and (max-width: 1375px) {
  .topLogo h2 {
    font-size: 22px;
  }

}


/* Media query navbar2 */
@media only screen and (max-width: 768px) {

    .navbar {
      /* background: transparent; */
      border:none;
    }

    .navbar .logodiv {
      display: none;
    }

    .navbar2 .logodiv2 {
      display: block;
    }
    .search-mobile-btn{
      height: 100%;
    }
}
@media screen and (max-width: 992px){
  .desNav {
    display: none;
  }

  .mobileNav {
    display: block;
    background-color: #172337 !important;
    width: 100%;
    position: fixed;
    z-index: 9999;
    top:0;
  }

  .topLogo {
    display: none;
  } 
  .logo-img{
    width: 145px;
    background: #fff;
    margin: 8px;
    border-radius: 35px !important;
    padding: 2px 14px;
  }

  .mobileNav .navbar-header{
    display: flex;
    position: relative;
    align-items: center;
    float: none;
  }
  .mobileNav .navbar-nav{
    float: none;
  }
}
/* E N D */