@media screen and (max-width: 1400px) {
    /*home*/
    section .full-content .text {
        padding: 50px 50px 25px 75px;
        position: relative;
    }
    section .center-content .text {
        width: 85%;
        top: 5%;
        right: -10%;
        position: absolute;
        z-index: 990;
    }
    /*blog*/
    .col-md-12.intro.header-img{
        height: auto;
        max-height: 400px;
    }
    /*work*/
    .media.right .iframe{
        transform: translateX(-10%);
    }
    .pb-10{
        padding-bottom: 15% !important;
    }
    .testimonial-showpiece{
        transform: translateY(-10%);
    }
}
@media screen and (max-width: 1200px) {
    .media.right.work{
        /*right: 0%;*/
        /*transform: translateX(-10%);*/
    }

    .background-image-attr{
        background-size: cover;
        background-repeat: no-repeat;
        /*background-position: center;*/
    }
}

@media screen and (max-width: 992px) {
    .carousel{
        padding: 0;
    }
    .nav-link{
        margin-left: 0;
    }
    /*home*/
    .company-slider-item{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .company-slider-item img{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    section .intro {
        min-height: 300px;
        max-height: 400px;
        /*background: url('../images/rice-fields.jpg') no-repeat center top;*/
        background-size: auto;
        background-size: cover;
        color: #ffffff;
        padding: 20px;
        text-shadow: 2px 0px 0px rgba(0,0,0,0.15);
    }
    section .intro .title {
        font-size: 18pt;
        font-weight: 700;
        transform: translateY(50%);
    }
    section .intro p {
        font-size: 14pt;
        font-weight: 500;
    }
    section .intro .description {
        width: 100%;
    }
    section .center-content .media {
        width: 75%;

        /*transform: translateX(0%);*/
        position: static;
        /*z-index: 990;*/
    }
    section .center-content.work .media{
        width: 100%;
        /*transform: translateX(0%);*/
        /*position: static;*/
        /*z-index: 990;*/
    }
    section .full-content .text {
        width: 90%;
        padding: 25px 50px 20px 50px;
        position: relative;
        transform: translate(0%, 0%);
        text-align: left;
        z-index: 991;

    }

    section .full-content .text.work{
        width: 90%;
        padding: 15px 50px 10px 50px;
        /*position: relative;*/
        /*transform: translate(10%, -0);*/
        /*text-align: left;*/
        /*z-index: 991;*/

    }
    section .full-content.work .text.work{
        width: 100%;
        padding: 50px 50px 10px 50px;
        /*position: relative;*/
        /*transform: translate(0, 0);*/
        /*text-align: left;*/
        /*z-index: 991;*/

    }

    .highlight-border,
    section .center-content .text .highlight-border,
    section .full-content .text .highlight-border {
        background-color: #E71C81 !important;
        position: absolute;
        width: 200px;
        height: 15px;
        top: 0;
        left: 7%;
    }

    section .center-content .text {
        width: 85%;
        top: 15%;
        right: 0%;
        position: absolute;
        z-index: 990;
    }
    section .center-content .text.blog{
        width: 85%;
        top: 0;
        right: 0%;
        transform: translate(10%, -110%);
        position: absolute;
        z-index: 990;
    }
    .media-bottom{
        transform: translateY(20%);
    }

    .bg-d-purple,
    section .text.bg-d-purple,
    section .content.bg-d-purple {
        color: #ffffff;
        background-color: rgba(38,5,68,0.8);
    }
    section .center-content .text {
        padding: 40px;
    }
    section .center-content .text h2{
        margin-top: 10px;
    }
    /*blog*/
    .col-md-12.intro.header-img{
        height: auto;
        max-height: 250px;
    }
    /*film*/
    .subtitle {
        font-size: 14pt !important;
    }
    /*work*/
    .iframe-blk{
        /*margin: auto;*/
    }
    .iframe{
        width: 100%;
        max-width: 100%;
    }
    .player{
        max-width: 100% !important;
    }
    .content-container-left{
        margin-bottom: 5em;
    }
    .pb-10{
        padding-bottom: 0% !important;
    }
    .testimonial-row{
        margin: 0 !important;
    }
    .testimonial-showpiece{
        transform: translateY(0%);
    }
    section .intro .title strong {
        font-size: 32px;
        font-weight: 600;
    }
    /*footer*/
    .footer-nav{
        padding-left: 0;
    }

    #loadMoreprodDiv{
        width: 50%;
    }
}
@media screen and (max-width: 767px) {
    .contact-content{
        padding: 0 !important;
    }r
    section .full-content.work .text.work{
        padding: 25px 50px 10px 50px;

    }
    section .intro .title strong {
        margin-top: 50px;
        font-size: 32px;
        font-weight: 600;
    }

    .footer-logo{
        max-width: 170px;
        height: 65px;
        float: left;
    }
    .footer-social-nav{
        float: left;
    }
    .footer-home p{
        float: left;
    }

    .highlight-border,
    section .center-content .text .highlight-border,
    section .full-content .text .highlight-border {
        background-color: #E71C81 !important;
        position: absolute;
        width: 200px;
        height: 15px;
        top: 0;
        left: 10%;
    }

}
@media screen and (max-width: 600px) {
    section .center-content .text {
        padding: 25px;
    }
    section .center-content .text h2{
        margin-top: 0px;
    }
    .col-md-12.intro.header-img{
        height: auto;
        max-height: 100px;
    }
    section .center-content .media {
        width: 100%;

        position: static;
        z-index: 990;
    }
    section .full-content .text {
        width: 100%;
        padding: 15px 50px 10px 50px;
        position: relative;
        transform: translate(0, 0);
        text-align: left;
        z-index: 991;
    }
    /*Image carousel*/
    .image-description div strong{
        font-size: 16pt;
    }
    section .intro {
        min-height: 300px;
        max-height: 400px;
        color: #ffffff;
        padding: 10px !important;
        text-shadow: 2px 0px 0px rgba(0,0,0,0.15);
    }
    /*contact*/
    .content {
        position: relative;
        padding: 0px 40px 40px 40px !important;
        background-color: #ffffff;
    }
    .w-25.mx-auto.btn.btn-pink.custom-btn.custom-btn-margin{
        width: 50% !important;
    }
    section .intro .title {
        font-size: 18pt;
        font-weight: 700;
        transform: translateY(30%);
    }
    #loadMoreprodDiv{
        width: 92%;
    }
    .highlight-border,
    section .center-content .text .highlight-border,
    section .full-content .text .highlight-border {
        background-color: #E71C81 !important;
        position: absolute;
        width: 200px;
        height: 15px;
        top: 0;
        left: 15%;
    }
}