/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .news-carousel-3col .item {
        margin-right: 0px;
    }
    .btn-xxl {
        font-size: 20px !important;
        padding: 16px 21px !important;
        margin-top: 50px !important;
    }
    .btn-xxl i {
        font-size: 20px !important;
    }
    .tp-rightarrow, .tp-leftarrow{
        top: 50% !important;
    }
    .megamenu{
        width: 100% !important;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .news-carousel-3col .item {
        margin-right: 0px;
    }
    .btn-xxl {
        font-size: 20px !important;
        padding: 16px 21px !important;
        margin-top: 50px !important;
    }
    .btn-xxl i {
        font-size: 20px !important;
    }
    .tp-rightarrow, .tp-leftarrow{
        top: 50% !important;
    }
    .megamenu{
        width: 100% !important;
    }
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .btn-xxl {
        font-size: 25px !important;
        padding: 10px 26px !important;
    }
    .btn-xxl i {
        font-size: 25px !important;
    }
    .megamenu{width: 50% !important; left: 50% !important;position: static;border-top: none;border-bottom: solid 1px #f0f0f0;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .btn-xxl {
        font-size: 25px !important;
        padding: 10px 26px !important;
    }
    .btn-xxl i {
        font-size: 25px !important;
    }
    .megamenu{width: 30% !important; left: 70% !important;position: static;border-top: none;border-bottom: solid 1px #f0f0f0;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .btn-xxl {
        font-size: 25px !important;
        padding: 10px 26px !important;
    }
    .btn-xxl i {
        font-size: 25px !important;
    }
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
    html {
        font-size: 90%;
    }
    .bg-img-box .caption .title {
        font-size: 24px;
        margin-top: 0px;
    }
    .testimonial-carousel .owl-controls .owl-pagination {
        margin-right: 15px !important;
    }
}


/* Medium Devices, Desktops */
@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: 0px !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: 24px;
        margin-top: 0px;
    }
    .bg-img-box .caption .schedule {
        font-size: 14px;
        margin-top: 0px;
    }
}

/* Small Devices, Tablets */
@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: 0px;
    }
    #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 0;
    }
    .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: none;
        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;
    }
}
/* Extra Small Devices, Phones */
@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, iPhone Retina */
@media only screen and (max-width : 319px) {
    html {
        font-size: 35%;
    }
}

@media only screen and (max-width : 1000px) {
    .hide-on-mobile-custom{
        display: none !important;
    }
}

@media only screen and (min-width : 1000px) {
    .hide-on-pc{
        display: none !important;
    }
}