@media only screen and (min-width:320px) {}

@media only screen and (min-width:480px) {}

@media only screen and (min-width:768px) {}

@media only screen and (min-width:992px) {}

@media only screen and (min-width:1200px) {}

@media only screen and (max-width:1199px) {
    html {
        font-size: 90%
    }

    .bg-img-box .caption .title {
        font-size: 24px;
        margin-top: 0
    }

    .testimonial-carousel .owl-controls .owl-pagination {
        margin-right: 15px !important
    }
}

@media only screen and (max-width:991px) {
    html {
        font-size: 75%
    }

    .navbar-nav .dropdown-menu {
        left: auto
    }

    #header-logo {
        padding: 10px 15px
    }

    section>.container,
    section>.container-fluid {
        padding-bottom: 30px
    }

    .divider .container {}

    .header .navbar-default .navbar-nav>li>a::after {
        display: none
    }

    .team-member,
    .working-progress {
        margin-bottom: 60px !important
    }

    .testimonial-carousel .owl-controls .owl-pagination {
        margin-right: 0 !important
    }

    .map {
        margin-top: 30px
    }

    .curve-bg:after,
    .curve-bg-half:after {
        left: auto;
        -webkit-transform: rotate(-0deg);
        -moz-transform: rotate(-0deg);
        -ms-transform: rotate(-0deg);
        -o-transform: rotate(-0deg);
        transform: rotate(-0deg)
    }

    .blog-posts .entry-header .entry-title {
        padding-top: 0
    }

    .blog-posts .entry-header .entry-date {
        margin-left: 0
    }

    .contact-wrapper {
        padding: 50px 30px
    }

    .header #header-logo {
        padding-top: 20px
    }

    .boxed-layout .header #header-logo,
    .vertical-header .header #header-logo {
        padding-top: 10px
    }

    .header .navbar-default .navbar-toggle {
        margin-top: 18px
    }

    .boxed-layout .header .navbar-default .navbar-toggle {
        margin-top: 8px
    }

    .header #header-logo img {
        height: 30px
    }

    .pricing-table .table-price {
        font-size: 30px
    }

    .bg-img-box .caption .title {
        font-size: 18px;
        margin-top: 0
    }

    .bg-img-box .caption .schedule {
        font-size: 14px;
        margin-top: 0
    }
}

@media only screen and (max-width:767px) {
    html {
        font-size: 60%
    }

    .box-hover-effect {
        float: none
    }

    #header-logo {
        padding: 10px 15px
    }

    #spinner {
        left: 42%
    }

    .navbar-default .navbar-toggle {
        margin-top: 15px;
        border-radius: 0
    }

    #home .display-table p {
        margin: 15px 0;
        font-size: 14px
    }

    .icon-box {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .icon-box {
        text-align: center
    }

    .icon-box.left {
        text-align: center
    }

    .icon-box.left a {
        margin-right: 0;
        padding: 0
    }

    .icon-box .media-left {
        float: none !important;
        margin: 0 0 30px
    }

    .icon-box .media-left,
    .icon-box .media-right,
    .icon-box .media-body {
        display: block;
        width: auto
    }

    .call-to-action {
        text-align: center
    }

    .call-to-action .icon {
        float: none
    }

    .sidebar.pull-left,
    .sidebar.pull-right {
        float: none !important
    }

    .blog-posts .entry-meta {
        background: 0 0;
        left: auto;
        position: relative;
        top: auto
    }

    .testimonial-carousel.boxed .owl-dots {
        text-align: center
    }

    .bg-img-box .caption .title {
        font-size: 24px;
        margin-top: 30px
    }
}

@media only screen and (max-width:479px) {
    html {
        font-size: 50%
    }

    .post>div {
        width: 100%
    }

    .vertical-text-carousel .owl-controls .owl-buttons {
        top: 18%
    }

/*   Custom stylesheet */
   .sm-display-none {
   	display: none;
   }
   .logo-sm {
   	width: 100px !important;
   }
   .sm-mt-10 {
   	margin-top: 10px;
   }
   .sm-mt-15 {
   	margin-top: 15px;
   }
   .sm-mt-20 {
   	margin-top: 20px;
   }
   .sm-mt-25 {
   	margin-top: 25px;
   }
   .sm-mt-30 {
   	margin-top: 30px;
   }
   .sm-mt-35 {
   	margin-top: 35px;
   }
   .sm-mt-40 {
   	margin-top: 40px;
   }
   .sm-mt-45 {
   	margin-top: 45px;
   }
   .sm-mt-50 {
   	margin-top: 50px;
   }
   .sm-mt-55 {
   	margin-top: 55px;
   }
   .sm-mt-60 {
   	margin-top: 65px;
   }
   #mission-vision .equal-height-inner.home-boxes {
    margin-top: 0px !important;
   }
   .section-content h2:nth-of-type(2n-1), .section-title h2:nth-of-type(2n-1) {
    font-size: 30px !important;
   }
   .section-title h3:nth-of-type(2n-1), .section-content h3:nth-of-type(2n-1){
    font-size: 20px !important;
    margin-bottom: 15px !important;
   }
   .footer-nav p {
    font-size: 13px !important;
   }
   .mt-xs-10 {
    margin-top: 10px;
   }
   .mt-xs-20 {
    margin-top: 20px;
   }
   .mt-xs-30 {
    margin-top: 30px;
   }
   .mt-xs-40 {
    margin-top: 40px;
   }
   .p-xs-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
   }
}

@media only screen and (max-width:319px) {
    html {
        font-size: 35%
    }
}