/*============================================

[Table of content]

1. Large devices (less than 1500px)
2. Large Tablet Devices (less than  992px)
3. Tablet Devices (less than  768px)
4. Large Mobile (less than  576px)
5. Small Mobile (less than  480px)
6. Extra Small Mobile (less than  380px)
7. Custom Devices(less than  321px)

============================================*/

/* 1. Large Devices (less than 1500px) */
@media only screen and (max-width: 1199px){
  .header-top .logo{
    max-width: 90px;
    padding: 4px 0;
  }
  .header-top .logo img{
    max-width: 70px;
  }
  .main-menu ul li:not(:last-child){
        margin-right: 68px;
  }
}

/* 2. Large Tablet Devices (less than  992px) */
@media only screen and (max-width: 991px){
  .backToTop{
    bottom: 54px;
  }
  .header-top .slogan-text h4{
    font-size: 16px;
  }
  .header-menu .head-menu-link ul li:not(:first-child){
    padding: 0px 4px;
  }
  .header-menu .head-menu-link ul li:first-child{
    margin-right: 0px;
  }
  .main-menu ul li:not(:last-child){
    margin-right: 50px;
  }
  .main-menu ul li:nth-child(3){
    margin-right: 94px !important;
  }
  .single-message .message-author{
    text-align: center;
    margin-bottom: 30px;
  }
  .single-message .message-content .author-name{
    text-align: center;
  }
  .single-message .message-content .author-name:after{
    left: 40%;
  }
  .single-blog .blog-details .event-meta li:not(:last-child){
    margin-right: 10px;
  }
  .vission-content{
    margin-bottom: 30px;
  }
}

/* 3. Tablet Devices (less than  768px) */
@media only screen and (max-width: 767px){
  .pt-0{
    padding-top: 0px;
  }
  .pt-10{
    padding-top: 5px;
  }
  .pt-20{
    padding-top: 10px;
  }
  .pt-30{
    padding-top: 15px;
  }
  .pt-40{
    padding-top: 20px;
  }
  .pt-50{
    padding-top: 25px;
  }
  .pt-60{
    padding-top: 30px;
  }
  .pt-70{
    padding-top: 35px;
  }
  .pt-80{
    padding-top: 40px;
  }
  .pt-90{
    padding-top: 45px;
  }
  .pt-100{
    padding-top: 50px;
  }
  .pt-110{
    padding-top: 55px;
  }
  .pt-120{
    padding-top: 60px;
  }
  .pt-130{
    padding-top: 65px;
  }
  .pt-140{
    padding-top: 70px;
  }
  .pt-150{
    padding-top: 75px;
  }
  .pt-160{
    padding-top: 80px;
  }
  .pt-170{
    padding-top: 85px;
  }
  .pt-180{
    padding-top: 90px;
  }
  .pt-190{
    padding-top: 95px;
  }
  .pt-200{
    padding-top: 100px;
  }
  .pb-0{
    padding-bottom: 0px;
  }
  .pb-10{
    padding-bottom: 5px;
  }
  .pb-20{
    padding-bottom: 10px;
  }
  .pb-30{
    padding-bottom: 15px;
  }
  .pb-40{
    padding-bottom: 20px;
  }
  .pb-50{
    padding-bottom: 25px;
  }
  .pb-60{
    padding-bottom: 30px;
  }
  .pb-70{
    padding-bottom: 35px;
  }
  .pb-80{
    padding-bottom: 40px;
  }
  .pb-90{
    padding-bottom: 45px;
  }
  .pb-100{
    padding-bottom: 50px;
  }
  .pb-110{
    padding-bottom: 55px;
  }
  .pb-120{
    padding-bottom: 60px;
  }
  .pb-130{
    padding-bottom: 65px;
  }
  .pb-140{
    padding-bottom: 70px;
  }
  .pb-150{
    padding-bottom: 75px;
  }
  .pb-160{
    padding-bottom: 80px;
  }
  .pb-170{
    padding-bottom: 85px;
  }
  .pb-180{
    padding-bottom: 90px;
  }
  .pb-190{
    padding-bottom: 95px;
  }
  .pb-200{
    padding-bottom: 100px;
  }
  .mt-10{
    margin-top: 5px;
  }
  .mt-20{
    margin-top: 10px;
  }
  .mt-30{
    margin-top: 15px;
  }
  .mt-40{
    margin-top: 20px;
  }
  .mt-50{
    margin-top: 25px;
  }
  .mt-60{
    margin-top: 30px;
  }
  .mt-70{
    margin-top: 35px;
  }
  .mt-80{
    margin-top: 40px;
  }
  .mt-90{
    margin-top: 45px;
  }
  .mt-100{
    margin-top: 50px;
  }
  .mt-110{
    margin-top: 55px;
  }
  .mt-120{
    margin-top: 60px;
  }
  .mt-130{
    margin-top: 65px;
  }
  .mt-140{
    margin-top: 70px;
  }
  .mt-150{
    margin-top: 75px;
  }
  .mt-160{
    margin-top: 80px;
  }
  .mt-170{
    margin-top: 85px;
  }
  .mt-180{
    margin-top: 90px;
  }
  .mt-190{
    margin-top: 95px;
  }
  .mt-200{
    margin-top: 100px;
  }
  .mb-10{
    margin-bottom: 5px;
  }
  .mb-20{
    margin-bottom: 10px;
  }
  .mb-30{
    margin-bottom: 15px;
  }
  .mb-40{
    margin-bottom: 20px;
  }
  .mb-50{
    margin-bottom: 25px;
  }
  .mb-60{
    margin-bottom: 30px;
  }
  .mb-70{
    margin-bottom: 35px;
  }
  .mb-80{
    margin-bottom: 40px;
  }
  .mb-90{
    margin-bottom: 45px;
  }
  .mb-100{
    margin-bottom: 50px;
  }
  .mb-110{
    margin-bottom: 55px;
  }
  .mb-120{
    margin-bottom: 60px;
  }
  .mb-130{
    margin-bottom: 65px;
  }
  .mb-140{
    margin-bottom: 70px;
  }
  .mb-150{
    margin-bottom: 75px;
  }
  .mb-160{
    margin-bottom: 80px;
  }
  .mb-170{
    margin-bottom: 85px;
  }
  .mb-180{
    margin-bottom: 90px;
  }
  .mb-190{
    margin-bottom: 95px;
  }
  .mb-200{
    margin-bottom: 100px;
  }
  .action-btn{
    margin-top: 4px;
  }
  .backToTop{
    bottom: 68px;
  }
  .header-menu{
    padding: 15px 0;
  }
  .header-menu .col-md-10{
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .header-menu .head-menu-link.text-right{
    text-align: left !important;
  }
  .single-slide-item .slider-bg{
    min-height: 300px;
  }
  .single-message .message-content .author-name:after{
    left: 35%;
  }
  .profile-info .action-btn{
    margin-top: 4px;
  }
  .profile-info .text-right{
    text-align: center !important;
  }
  .site-footer{
    text-align: center;
  }
  .copyright-text{
    margin-bottom: 15px;
  }
  .developer-text.text-right{
    text-align: center !important;
  }
}
    
/* 4. Large Mobile (less than  576px) */
@media only screen and (max-width: 575px){
  .header-top .slogan-text{
    text-align: center;
  }
  .header-top .logo{
    text-align: center;
  }
  .offcanvas-menu{
    width: 320px;
  }
}

/* 5. Small devices (less than  480px) */
@media only screen and (max-width: 479px){
  
}

/* 6. Extra Small devices (less than  380px) */
@media only screen and (max-width: 379px){
  .backToTop{
    right: 30px;
  }
  .header-top .slogan-text h4{
    font-size: 13px;
  }
  .header-top .logo{
    left: 44%;
    max-width: 75px;
  }
  .header-top .logo img{
    max-width: 60px;
  }
  .header-menu .head-menu-link ul li{
    font-size: 13px;
  }
  .slide-list .owl-nav button{
    height: 80px;
    width: 25px;
  }
  .slide-list .owl-nav button.owl-prev{
    margin-top: -40px;
  }
  .slide-list .owl-nav button.owl-next{
    margin-top: -40px;
  }
  .single-slide-item .slider-bg{
    min-height: 220px;
  }
  .single-contact-info{
    padding: 20px;
  }
}

/* 7. Custom Devices (min-width: 0px) and (max-width: 320px) */
@media only screen and (min-width: 0px) and (max-width: 320px){
  .action-btn{
    padding: 6px 20px;
  }
  .action-btn{
    margin-right: 8px;
  }
  .header-top .logo{
    max-width: 55px;
    left: 40%;
  }
  .header-top .logo img{
    max-width: 45px;
  }
  .offcanvas-menu{
    width: 290px;
  }
  .login-form, .registration-form{
    padding: 25px;
  }
  .login-form-inner .custom-checkbox input[type=checkbox] + label, .registration-form-inner .custom-checkbox input[type=checkbox] + label{
    padding-left: 25px;
  }
}