@media only screen and (max-width: 1200px) {
    #ct-intro-background {
        -moz-transform: scale(1) translateZ(0) !important;
        -webkit-transform: scale(1) translateZ(0) !important;
        -ms-transform: scale(1) translateZ(0) !important;
        -o-transform: scale(1) translateZ(0) !important;
        transform: scale(1) translateZ(0) !important;
        opacity: 1 !important;
    }
}
@media only screen and (max-width: 1024px) {
    .carousel-section a:hover .carousel-title {
        -webkit-transform: translateX(0%) translateZ(0) !important;
        -moz-transform: translateX(0%) translateZ(0) !important;
        -ms-transform: translateX(0%) translateZ(0) !important;
        transform: translateX(0%) translateZ(0) !important;
    }
    .carousel-hidden-text {
        display: none !important;
    }
    .carousel-bg-filter {
        width: 100%;
        -webkit-transition: opacity 0.4s ease-in-out;
        -moz-transition: opacity 0.4s ease-in-out;
        -o-transition: opacity 0.4s ease-in-out;
        -ms-transition: opacity 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out;
        will-change: opacity;
    }
    .carousel-section a:hover .carousel-bg-filter {
        -webkit-transform: translateX(0%) translateZ(0) !important;
        -moz-transform: translateX(0%) translateZ(0) !important;
        -ms-transform: translateX(0%) translateZ(0) !important;
        transform: translateX(0%) translateZ(0) !important;
    }
    .close-dv-panel-bt {
        right: 20px;
    }
    .carousel-section a:hover .carousel-bg-filter {
        opacity: 0.7;
        -webkit-transition: opacity 0.4s ease-in-out;
        -moz-transition: opacity 0.4s ease-in-out;
        -o-transition: opacity 0.4s ease-in-out;
        -ms-transition: opacity 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out;
    }
}
@media only screen and (max-width: 900px) {
    .grid .unit {
        width: 100% !important;
    }
    .footer-widget {
        float: none;
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }
    h2.resp-accordion {
        display: block;
    }
    .resp-tab-content {
        padding: 20px;
    }
    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-tab-active {
        border: none !important;
        background-color: #000 !important;
        color: #fff !important;
    }
    .resp-accordion-closed {
        display: none !important;
    }
    .resp-tabs-container > div {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .postcontent,
    .largeimg .postcontent {
        float: none;
        width: 100%;
    }
    .blogimage,
    .largeimg .blogimage {
        position: relative !important;
        width: 100%;
        height: 200px;
    }
}
@media only screen and (max-width: 700px) {
    #ct-intro h1,h1 {
        font-size: 36px;
    }
    #ct-intro #ct-intro-tagline {
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: inherit;
        -webkit-transform: translateX(0%) translateY(0%);
        -moz-transform: translateX(0%) translateY(0%);
        -ms-transform: translateX(0%) translateY(0%);
        -o-transform: translateX(0%) translateY(0%);
        transform: translateX(0%) translateY(0%);
        position: relative;
        display: inline-block;
    }
    #ct-intro h1,#ct-intro p span{
        display: block;
    }
    #ct-intro p span{
        padding-left: 0px;
    }
    #ct-intro {
        height: auto;
    }
    #ct-intro #ct-intro-background {
        height: 300px;
    }
    .main-logo {
        right: inherit;
        width: auto;
        height: 60px;
        margin: 0px;
    }
    .main-logo img {
        width: auto;
        height: 100%;
    }
    .main-logo .big-logo{
        display: none;
    }
    .main-logo .small-logo{
        display: block;
    }
    .main-header-bar-info {
        display: none;
    }
    blockquote {
        padding-left:40px;
    }
    blockquote:before {
	   width: 10px;
    }
    blockquote:after {
	   content: '';
    }
}
@media only screen and (max-width: 480px) {
    blockquote p,
    .testimonial .testimonial-text {
        font-size: 16px;
    }
}
@media only screen and (max-width: 400px) {
    .main-header-bar .social-icons {
        display: none;
    }
}
@media only screen and (min-width: 700px) {
    #ct-intro {
        height: 500px;
        margin-top: 60px;
    }
}
@media only screen and (min-width: 1200px) {
    #ct-intro {
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        height: 500px;
        margin-top: 0;
    }
    .ct-content {
        margin-top: 560px;
    }
}