/* only small desktops */
/* tablets */
/* only small tablets */
@media (min-width: 768px) and (max-width: 991px) {
 .equal-height-image {
    height: 215px;
    margin-bottom: 20px;
}
.equal-height-image-1 {
    height: 215px;
    margin-bottom: 20px;
}
.equal-height-image-2 {
    height: 215px;
    margin-bottom: 20px;
}
  .slider-img-container img {
    height: 413px;
}
  #hero-area .contents h1 {
    font-size: 28px;
  }
  a.mobile-slider {
    display: block;
    margin-top: 15px;
    float: left;
}
section.section {
    padding: 20px 0px;
}
#gallerylery {
  display: none;
}
#gallerymobile {
  display: block;
}
  .item-boxes h4 {
    font-size: 18px;
  }
  #features .show-box img {
    display: none;
  }
  .pricing-table .pricing-details ul li {
    font-size: 12px;
  }
  .counters .facts-item .fact-count h4 {
    font-size: 14px;
  }
  .single-team {
    margin-bottom: 30px;
  }
  .meta-tags span {
    margin-right: 3px;
  }
  .meta-tags span i {
    margin-right: 0px;
  }
  #blog .blog-item-text h3 {
    font-size: 14px;
    line-height: 20px;
  }
  .slider-img-container {
    height: 495px;
    overflow: hidden;
    padding-left: 15px;
}
a.mob-slider {
    margin-top: 16px;
    float: left;
}
.web-slider {
    display: none;
}
.mob-slider {
    display: block !important;
}
.text-container.slider-text {
    height: auto;
    overflow: hidden;
        padding: 15px;
}
 #hero-area .contents {
    padding: 200px 0 80px;
  }
  #hero-area .contents h1 {
    font-size: 18px;
    line-height: 30px;
  }
    #about-area .contents {
    padding: 200px 0 80px;
  }
  #about-area .contents h1 {
    font-size: 18px;
    line-height: 30px;
  }
    #ksp-area .contents {
    padding: 200px 0 80px;
  }
  #ksp-area .contents h1 {
    font-size: 18px;
    line-height: 30px;
  }
  #features .show-box img {
    display: none;
  }
  #features .box-item .text h4 {
    font-size: 14px;
  }
    #contact-area .contents {
    padding: 200px 0 80px;
  }
  #contact-area .contents h1 {
    font-size: 18px;
    line-height: 30px;
  }
   #team-area .contents {
    padding: 200px 0 80px;
  }
   #team-area .contents h1 {
    font-size: 18px;
    line-height: 30px;
  }

    #maahir-area .contents {
    padding: 200px 0 80px;
  }
   #maahir-area .contents h1 {
    font-size: 18px;
    line-height: 30px;
  }
  
  
 
 #hero-area {
  background: url(../img/header/hero-home.jpg) no-repeat;
   background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 400px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}

#about-area {
  background: url(../img/header/hero-about.jpg) no-repeat;
   background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 400px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}

#blog-area {
  background: url(../img/header/hero-blog.jpg) no-repeat;
   background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 400px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}
#pgms-area {
   background: url(../img/header/hero-prgms.jpg) no-repeat;
   background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 400px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}
#pgm-area {
   background: url(../img/header/hero-ourprogram.jpg) no-repeat;
   background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 400px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}
#team-area {
  background: url(../img/header/hero-team.jpg) no-repeat;
   background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 400px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}
#maahir-area {
  background: url(../img/header/hero-maahir.png) no-repeat;
   background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 400px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}
#contact-area {
  background: url(../img/header/hero-contact.jpg) no-repeat;
 background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 400px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}
#gallery-area {
  background: url(../img/header/hero-gallery.png) no-repeat;
 background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 400px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}

#ksp-area {
  background: url(../img/header/hero-karm.jpg) no-repeat;
  background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 400px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}
#spot-area {
  background: url(../img/header/hero-spot.jpg) no-repeat;
  background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 400px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}
nav.navbar {
  padding: 0px;
      position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
  .row.top-bar {
    display: none;
}
}

/* mobile or only mobile */
@media (max-width: 767px) {
.form-group .control-label{
    font-size: 14px;
}
div.control-label{
    margin-bottom: 20px;
}
.wizard-content .btn {
    font-size: 12px !important;
    padding: 8px 15px !important;
}

.equal-height-image {
    height: 215px;
    margin-bottom: 20px;
}
.equal-height-image-1 {
    height: 215px;
    margin-bottom: 20px;
}
.equal-height-image-2 {
    height: 215px;
    margin-bottom: 20px;
}
.quote-text {
  padding: 0px;
  font-size: 20px;
}
.about-left {
    padding-right: 15px;
}
.blue-section {
  padding: 15px 5px 0px 5px;
}
.blue-img {
   padding: 15px;
   width: 100% !important;
   height: auto !important;
}

  .Quote {
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    line-height: 32px;
    font-size: 14px;
    font-weight: 600;
    padding: 20px !important;
}
.footer-head h1 {
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
}
  .bg-grey {
    background: #ddd;
  }
   [data-wow-delay] {
    transition-delay: 0 !important;
  }
  .section-header .section-title {
    font-size: 20px;
  }
  #hero-area .contents {
    padding: 173px 0 96px;
  }

  #hero-area .contents h1 {
    font-size: 18px;
    line-height: 30px;
  }

  #team-area .contents {
    padding: 96px 0 96px;
  }
  
  #team-area .contents h1 {
    font-size: 18px;
    line-height: 30px;
  }

   #maahir-area .contents {
    padding: 96px 0 96px;
  }
  
  #maahir-area .contents h1 {
    font-size: 18px;
    line-height: 30px;
  }


    #about-area .contents {
    padding: 173px 0 96px;
  }
  #about-area .contents h1 {
    font-size: 18px;
    line-height: 30px;
  }
    #ksp-area .contents {
       padding: 67px 0 96px;
  }
  #ksp-area .contents h1 {
    font-size: 18px;
    line-height: 30px;
  }
  #features .show-box img {
    display: none;
  }
  #features .box-item .text h4 {
    font-size: 14px;
  }
    #contact-area .contents {
    padding: 173px 0 96px;
  }
  #contact-area .contents h1 {
    font-size: 18px;
    line-height: 30px;
  }
     #pgms-area .contents {
  padding: 81px 0 96px;
  }
  #pgms-area .contents h1 {
    font-size: 18px;
    line-height: 30px;
  }
    #pgm-area .contents {
  padding: 81px 0 96px;
  }
  #pgm-area .contents h1 {
    font-size: 18px;
    line-height: 30px;
  }
  .controls {
    margin: 0px;
  }
  .controls .btn {
    font-size: 13px;
    padding: 7px 7px;
  }
  .video-promo .video-promo-content h2 {
    font-size: 22px;
  }
  .pricing-table {
    margin-bottom: 15px;
  }
  .counters .facts-item {
    margin-bottom: 30px;
  }
  .single-team {
    margin-bottom: 15px;
  }
  .contact-us {
    margin-bottom: 30px;
  }
  .contact-us h3 {
    font-size: 28px;
  }
  .footer-links li a {
    margin-right: 10px;
  }
  .copyright {
    float: left;
    width: 100%;
  }
  .row.top-bar {
    display: none;
}
 
#hero-area {
  background: url(../img/header/hero-home.jpg) no-repeat;
   background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 270px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}

#about-area {
  background: url(../img/header/hero-about.jpg) no-repeat;
   background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
        height: 233px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50%;
}

#blog-area {
  background: url(../img/header/hero-blog.jpg) no-repeat;
   background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
        height: 233px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50%;
}
#pgms-area {
   background: url(../img/header/hero-prgms.jpg) no-repeat;
   background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 214px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}
#pgm-area {
   background: url(../img/header/hero-ourprogram.jpg) no-repeat;
   background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 214px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}
#team-area {
  background: url(../img/header/hero-team.jpg) no-repeat;
   background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 214px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}
#maahir-area {
  background: url(../img/header/hero-maahir.png) no-repeat;
   background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 214px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}
#contact-area {
  background: url(../img/header/hero-contact.jpg) no-repeat;
 background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 214px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}
#gallery-area {
  background: url(../img/header/hero-gallery.png) no-repeat;
 background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 270px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}

#ksp-area {
  background: url(../img/header/hero-karm.jpg) no-repeat;
  background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 215px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}
#spot-area {
  background: url(../img/header/hero-spot.jpg) no-repeat;
  background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 215px;
    padding: 0px;
    margin-top: 70px;
    background-position: 50% 50%;
}
nav.navbar {
  padding: 0px;
      position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
section.section {
    padding: 20px 0px;
}
.image-container {
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}
.section-title {
    letter-spacing: 0px;
    color: #000F39;
    opacity: 1;
    font-size: 24px;
    font-weight: 600;
}
p {
    text-align: left;
    letter-spacing: 0px;
    color: #1A1818;
    font-size: 14px !important;
    line-height: 28px !important;
}
img.img-fluid.slider-logo {
  display: none;
}
section#slider .container-fluid {
    padding: 0px;
}
.text-container.slider-text {
    height: 300px;
    overflow: hidden;
    padding: 15px 0px 0px 0px;
}
img.img-fluid.slider-img.grayscale {
    height: 200px;
}
  .slider-img-container img {
    margin-bottom: 20px;
    text-align: center;
}
 .slider-img-container a {
    text-align: center;
    margin: 0 auto;
  float: left
}
.slider-img-container {
       height: 324px;
    overflow: hidden;
    background: #007bff;
    padding:  0px 15px;
}
.web-slider {
  display: none;
}
.mobile-slider {
  display: block;
}
.web-btn {
  display: none;
}
.mobile-btn {
  display: block;
}
section#contact {
    display: none;
}
.footer-margin {
    padding-top: 0px;
}
.footer-address {
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding: 0px 20px 30px 20px;
}
ul.address-line {
    display: flex;
    align-items: center;
    padding-left: 0px;
    border: none !important;
    justify-content: space-between;
    padding: 15px;
    height: auto;
}
#gallerylery {
  display: none;
}
#gallerymobile {
  display: block;
}

ul.address-line li {
    font-size: 14px;
    display: flex;
    align-items: center;
    /* padding-left: 0px; */
    /* border: none !important; */
}

footer .footer-address.copyright {
    text-align: center;
}

footer .container.mb-5 {
    margin-bottom: 0px !important;
}

footer .justify-content-md-center.bg-white.mt-5 {
    margin-top: 0px !important;
    text-align: center;
}
.mobile.gallery-col-1 .shot-item.size-1 img {
    height: auto;
}

.gallery-col-1 {
    padding-right: 5px;
    margin-bottom: 10px;
}

.gallery-col-2 {
    padding-left: 5px;
    margin-bottom: 10px;
}
a.btn.viewmore.wow.fadeInUp.Home-botton.text-black {
    padding: 5px 0px;
}

.draw-section {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
}
 

.fellow-sec-1 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.coll-3 {
    margin-top: 0px;
}

img.img-fluid.mobile-path::before {content: "";width: 20px;height: 20px;background: #000;position: absolute;border-radius: 50%;right: 0;top: -3px;z-index: 999;}

 
img.img-fluid.mobile-path {
    width: auto;
    position: relative;
}


.partner {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    border-radius: 0.8vmax;
    padding: 0.8vmax;
    margin: 15px;
    border: 1px solid #f5f5f5;
    height: 15vw;
    -webkit-box-pack: center;
    justify-content: center;
    max-width: 30vmax;
}

.box-logo {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    max-height: 15vw;
    max-width: 30vw;
    min-width: 30vw;
    text-align: center;
}

}


@media (min-width: 1440px) {
.galery-row .shot-item img {
    height: 215px;
}

.shot-item.size-1 img {
    height: 444px;
}

}

@media (min-width: 1025px) and (max-width: 1280px) {
  

  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
 
@media (min-width: 992px) and (max-width: 1024px) {
  
.text-container p {
    text-align: left;
    letter-spacing: 0px;
    color: #000;
    font-size: 13px !important;
    line-height: 26px;
}

.section-title {
    letter-spacing: 0px;
    color: #000F39;
    opacity: 1;
    font-size: 24px;
    font-weight: 600;
}
.text-container.slider-text {
    height: 350px;
    overflow: hidden;
    padding: 15px 0px;
}
.slider-img-container {
    height: 350px;
    overflow: hidden;
    padding: 0px;
}
  a.mob-slider.btn.btn-common {
    display: none;
}
}

/* Tab Landscape View Class */
@media only screen and (max-width: 1199px) {
  #contact{
    margin-top: -50px !important;
    padding-top: 0px;
  }
  footer {
    padding: 0px;
  }
  #otpform .form-group .btn{
    padding: 11px 13px 11px 8px !important;
  }
  #otpform .form-group a.btn{
    padding: 12px 13px !important;
  }
  span.step-title {
    display: none;
  }
  .quote-sectionx {
    position: static !important;
    margin-bottom: 20px;
  }
  .img-upload {
    margin-bottom: 0px;
  }
  .wizard-steps-panel {
    margin-bottom: 10px !important;
    text-align: center;
  }
  .quote-section {
    margin: 0px;
  }
  #Documentform{
    margin: 20px 0px 0px;
  }
  /*#Additionalform .form-group, #Academicform .form-group,*/
   #Subjectiveform .form-group{
    margin: 20px 0px;
  }
  #Documentform .form-group{
    margin: 0px 0px 20px;
  }
  #Additionalform .table-responsive {
    margin: 20px 0px 0px;
  }
  .form-group .control-label {
    left: 0;
  }
}

/* Tab View Class */
@media only screen and (max-width: 992px) {
  
}

/* Mobile Landscape View Class */
@media only screen and (max-width: 767px) {
  .mt-5 {
    margin-top: 0px!important;
  }
  /*.entry-section .form-group, .otp-section .form-group{*/
  /*  margin-bottom: 0px;*/
  /*}*/
  #otpform .form-group .btn {
    margin: 0px 0px 5px;
  }
  footer .row .col-sm-7{
    flex: 0 0 100%;
    max-width: 100%;
  }
  #Documentform .row .col-sm-3{
    flex: 0 0 33%;
    max-width: 33%;
  }
}

/* Mobile View Class */
@media only screen and (max-width: 600px) {
  .social_link {
    margin-bottom: 10px;
  }
  /*#Demographicform .form-radio, .form-group {*/
  /*  margin: 20px 0px;*/
  /*}*/
  #Documentform .control-labels {
    margin-bottom: 7px;
    text-align: center;
  }
  #Documentform .avatar-wrapper {
    margin: 0px auto;
  }
  #Documentform .row .col-sm-3{
    flex: 0 0 100%;
    max-width: 100%;
  }
  #Documentform .btn{
    padding: 11px 15px;
  }

  .wizard-steps-panel .step-number {
    font-size: 11px !important;
  }
  .wizard-steps-panel.steps-quantity-6 .step-number {
    width: 16% !important;
  }
  .wizard-content .wizard-steps-panel .step-number .number {
    width: 30px !important;
    height: 30px !important;
    line-height: 27px !important;
  }
  .wizard-steps-panel .step-number .number i.fa {
    line-height: 24px !important;
  }
  .wizard-steps-panel .step-number .number:after {
    border: 1px solid #dedede;
    top: calc( 2.5em / 2 ) !important;
    left: calc( 48% + 2em/2 ) !important;
  }
}

@media only screen and (max-width: 320px) {
  #Documentform .btn{
    padding: 11px 5px;
  }
}

@media only screen and (max-width: 401px) {
  label#relation-error{
      bottom: -35px !important;
  }
}
@media only screen and (max-width: 820px){
#firstPriority-error{
    bottom: -50px;
}
}
@media only screen and (max-width: 460px){
#firstPriority-error{
    bottom: -63px;
}
}
@media only screen and (max-width: 369px){
  .longCheckBox.checkbox input[type="checkbox"]:checked:before{
      top: 15px;
  }
  .longCheckBox .control-label{
      line-height: unset;
  }
}
@media only screen and (min-width: 600px) and (max-width: 667px) {
  .wizard-step .row .col-sm-3 {
    flex: 0 0 49%;
    max-width: 49%;
  }
}

@media only screen and (max-width: 776px) {
.checkbox .gurdianDetailChekBox input[type="checkbox"]:checked:before{
  top: 16px;
}
}
@media only screen and (max-width: 768px){
    .checkBoxGrp .control-label{
        margin-bottom: 23px;
    }
    .infoPhara {
        margin-top: 50px;
    }
    .ugf-container{
        padding:15px;
    }
}