@media (min-width:1920px) {

    /* Starting Global Style */

    #containerag{
        width:1920px;
        margin:0 auto;
        position: relative;
        box-shadow: 0 0 250px rgb(0 0 0 / 20%);
        -webkit-box-shadow: 0 0 250px rgb(0 0 0 / 20%);
        -moz-box-shadow: 0 0 250px rgb(0 0 0 / 20%);
        -khtml-box-shadow: 0 0 250px rgb(0 0 0 / 20%);
    }

}

@media (min-width: 1250px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
}

@media(max-width:1199px) {

    /* Starting Header */

    #site-header nav .nav-item > .nav-link {font-size: 13px;}

    #site-header .lang-item > a { font-size: 13px }

    /* Ending Header */

    /* Starting SlideShow */

    #slideshow { max-height: 504px; min-height: 504px; }

    #slideshow .details p { font-size: 18px; }

    a.c-link, .contact-form button { height: 45px; line-height: 45px; font-size: 17px; }

    /* Ending SlideShow */

    /* Starting Latest Productions */

    .s-head .title { font-size: 26px;margin-bottom: 15px; }

    .s-head .sub-title { font-size: 32px; }

    .s-head p { width: 100%; font-size: 14px }

    /* Ending Latest Productions */

    /* Starting Know Us */

    .know-us .img { height: 120px; }

    .know-us .content p { font-size: 15px ;}

    .know-us .main-img { height: 450px; max-height: 450px; }

    /* Ending Know Us */

    /* Starting Services */

    .our-blog .heading,
    .testimonials .heading,
    .newsletter .heading,
    .our-services .heading,
    .contact-form .heading,
    .related-works .heading {
        font-size: 36px;
    }

    .our-services .nav-tabs:after {
        width: calc(100% - 140px);
    }

    .our-services .img { width: 140px; height: 140px; }

    .our-services .img img { max-width: 70px; }

    .our-services .nav-link { font-size: 14px; }

    .our-services .tab-content>.tab-pane { padding: 20px; font-size: 14px; }

    /* Ending Services */

    /* Starting Our Blog */

    .our-blog .details .title { font-size: 25px; }

    .our-blog .details p { font-size: 14px; }

    .our-blog .details .title span { font-size: 18px; }

    /* Ending Our Blog */

    /* Starting Testimonials */

    .testimonials .item { padding: 15px 18px; }

    .testimonials .item p { font-size: 11px; }

    .testimonials .item .c-name { font-size: 15px; }

    .testimonials .item .c-review i { font-size: 10px; }

    /* Ending Testimonials */

    /* Starting Footer */

    body:not(.home) footer:before { top: -145px; }

    footer .f-heading { font-size: 18px; }

    footer .f-links a,
    footer .c-info li,
    footer p { font-size: 12px; }

    footer .copyrights { font-size: 14px; }

    /* Ending Footer */

    /* Starting About Us Page */

    .about-us { padding: 70px 0 20px; }

    /* Ending About Us Page */

    /* Starting Services Page */

    .services-page .our-services { padding: 70px 0; }

    /* Ending Services Page */

    /* Starting Portfolio Page */

    .common-item { height: 220px; min-height: 220px; max-height: 220px; }

    /* Ending Portfolio Page */

    /* Starting Single Service */

    .single-service .intro p { font-size: 14px; }

    .single-service .intro .heading { font-size: 22px; }

    .c-link, .contact-form button { font-size: 18px; }

    /* Ending Single Service */

    /* Starting Our Team  */

    .our-team { padding-bottom: 50px; }

    .our-team .t-title { font-size: 26px; }

    .t-member .m-name { font-size: 16px; }

    .t-member .img {
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        width: 100px;
        height: 100px;
    }

    .t-member p { font-size: 13px; }

    /* Ending Our Team  */

    /* Starting Case Study */

    .case-study { padding: 70px 0 40px }

    .case-study .item { height: 255px; }

    .case-study .item .info span { font-size: 18px; }

    .case-study .item .info .title { font-size: 22px; }

    .case-study .item .info i { font-size: 36px; }

    /* Ending Case Study */

    /* Starting Single Case Page */

    .case-details .info p, .case-details .info .form-check { font-size: 14px; }

    /* Ending Single Case Page */

}

@media(max-width: 991px) {

    /* Starting Header */

    #site-header .navbar-brand { max-width: 110px; height: 36px; }

    #site-header nav .nav-item > .nav-link,
    #site-header .dropdown-item,
    #site-header .lang-item > a {font-size: 12px;}

    .dropdown-toggle::after { font-size: 10px; }

    #site-header .dropdown-menu { min-width: 170px; }

    #site-header .lang-item { background-size: 23px; }

    /* Ending Header */

    /* Starting SlideShow */

    #slideshow { height: calc(100% - 56px); max-height: 400px;min-height: 400px;}

    #slideshow .details .heading {font-size: 30px;}

    #slideshow .details p {font-size: 15px;}

    a.c-link, .contact-form button {height: 40px;line-height: 40px;font-size: 15px;}

    /* Ending SlideShow */

    /* Starting Latest Productions */

    .latest-pro { padding: 60px 0 100px }

    .s-head .title {font-size: 22px;margin-bottom: 10px;}

    .s-head .sub-title {font-size: 28px;margin: 0 0 15px;}

    .s-head p {font-size: 13px;}

    .latest-pro .item .img { height: 250px; }

    .latest-pro .item .p-name { font-size: 14px; }

    .latest-pro .item .p-year { font-size: 13px; }

    /* Ending Latest Productions */

    /* Starting Know Us */

    .know-us { padding: 60px 0 100px ;}

    .know-us .img { height: 120px; }

    .know-us .content { text-align: center }

    /* Ending Know Us */

    /* Starting Services */

    .our-services {padding: 60px 0 70px;}

    .our-blog .heading, .testimonials .heading,
    .newsletter .heading, .our-services .heading,
    .contact-form .heading, .related-works .heading,
    #portfolio .heading  {
        font-size: 30px;
        margin-bottom: 50px;
    }

    .our-services .nav-tabs:after {width: calc(100% - 105px);height: 3px;}

    .our-services .img {width: 105px;height: 105px;}

    .our-services .img img {max-width: 55px;}

    .our-services .nav-link {font-size: 13px;padding-bottom: 30px;}

    .our-services .nav-link:after {width: 12px;height: 12px;bottom: -7px;}

    .our-services .tab-content>.tab-pane {padding: 15px;font-size: 12px;}

    /* Ending Services */

    /* Starting Contact Form */

    .contact-form {padding: 60px 0 70px;background-size: 380px;}

    .contact-form .s-head { margin-bottom: 30px; }

    .contact-form .img { height: 330px; }

    .contact-form .form-control {  height: 45px; font-size: 13px; }

    .contact-form i { font-size: 18px; width: 18px; }

    .contact-form textarea { min-height: 90px; }

    /* Ending Contact Form */

    /* Starting Portfolio */

    #portfolio { padding: 60px 0 100px; }

    #portfolio .heading { margin-bottom: 30px; }

    /* Ending Portfolio */

    /* Starting Our Blog */

    .our-blog { padding: 60px 0 100px; }

    .our-blog .img { height: 300px; max-height: 300px; }

    .our-blog .details .title {font-size: 20px;margin-bottom: 10px;}

    .our-blog .details p {
        font-size: 14px;
        height: 190px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 10px;
    }

    .our-blog .details .title span { font-size: 16px; }

    /* Ending Our Blog */

    /* Starting Customers */

    .customers { padding: 60px 0 100px; }

    /* Ending Customers */

    /* Starting Testimonials */

    .testimonials { padding: 60px 0 120px; }

    .testimonials .owl-carousel { height: 240px; }

    .testimonials .owl-item { padding: 28px 10px }

    .testimonials .item {padding: 15px 15px;}

    .testimonials .item p { font-size: 11px; }

    .testimonials .item .c-name {font-size: 13px;}

    .testimonials .item .c-review i { font-size: 10px; }

    /* Ending Testimonials */

    /* Starting NewsLetter */

    .newsletter {margin-top: -146px;padding: 200px 0 70px;}

    .newsletter .heading { margin-bottom: 20px}

    .newsletter form { width: 380px; }

    .newsletter form .form-group { height: 55px}

    .newsletter form .form-group .form-control { font-size: 14px }

    .newsletter form .form-group button { font-size: 18px}

    /* Ending NewsLetter */

    /* Starting Footer */

    footer { padding-top: 60px; }

    footer .f-heading { font-size: 18px; }

    footer .f-about { margin-bottom: 30px; }

    footer .copyrights { margin-top: 40px; }

    /* Ending Footer */

    /* Starting BreadCrumb */

    .breadcrumb { min-height: 200px; }

    .breadcrumb .b-title {font-size: 32px;background-size: 150px;}

    /* Ending BreadCrumb */

    /* Starting About Us Page */

    .about-us {padding: 60px 0 10px;}

    .about-content .row { margin: 0 -5px; }

    .about-content .row > div { padding: 0 5px }

    .about-content .icon { max-width: 110px; max-height: 100px; }

    .about-content .item .title { font-size: 16px; }

    .about-content .item p { font-size: 12px; }

    /* Ending About Us Page */

    /* Starting Contact Us Page */

    .contact-info { padding: 70px 0 30px }

    .contact-info .icon { width: 100px; height: 120px; }

    .contact-info .title { font-size: 17px; margin-bottom: 10px; }

    .contact-info a, .contact-info p { font-size: 14px; }

    .contact-page .contact-form { padding-bottom: 100px; }

    .map { padding-top: 60px; }

    /* Ending Contact Us Page */

    /* Starting Customers Page */

    .customers-page .customers { padding-bottom: 90px; }

    .customers-page .testimonials { padding-bottom: 90px; }

    /* Ending Customers Page */

    /* Starting Portfolio Page */

    .portfolio {padding: 70px 0;}

    .portfolio nav { margin-bottom: 20px; }

    .portfolio .nav-link {font-size: 11px;padding: 0 12px;height: 40px;line-height: 38px;}

    .common-item {height: 180px;min-height: 180px;max-height: 180px;}

    .over-title .title {font-size: 15px;padding-bottom: 25px;}

    /* Ending Portfolio Page */

    /* Starting Single Service */

    .single-service .intro {padding: 60px 0;}

    .single-service .intro p {font-size: 13px;}

    .single-service .intro .heading {font-size: 20px;}

    .c-link, .contact-form button {font-size: 16px;padding: 0 20px;height: 45px;line-height: 45px;}

    .gallery .gallery-frame { padding: 30px 30px 0; }

    .gallery .slider-for .item { height: 348px; }

    .single-service .contact-form { padding-bottom: 100px; }

    .related-works { padding: 50px 0 70px; }

    .related-works .heading { margin-bottom: 40px; }

    /* Ending Single Service */

    /* Starting Our Team  */

    .our-team { padding-bottom: 30px; }

    .our-team .t-head .img { width: 200px; margin: auto; }

    .our-team .t-head .heading { font-size: 36px; margin: 31px 0 40px; }

    /* Ending Our Team  */

    /* Starting Case Study */

    .case-study { padding: 60px 0 30px }

    .case-study .s-head { margin-bottom: 35px }

    .case-study .item { height: 230px; }

    .case-study .item .info span { font-size: 16px; }

    .case-study .item .info .title { font-size: 18px; }

    /* Ending Case Study */

    /* Starting Single Case Page */

    .case-details { padding-top: 70px; }

    .case-details .p-video { padding: 0 50px 50px; margin-bottom: 50px; }

    .case-details .p-video iframe { height: 400px!important; max-height: 400px; }

    .case-details .info .row > div:nth-of-type(2) { padding: 0 20px; }

    .case-details .info .heading { font-size: 16px; }

    .case-details .info p, .case-details .info .form-check { font-size: 11px; }

    .case-details .info .form-check:before,
    .case-details .info .form-check .form-check-input {
        width: 15px;
        height: 15px;
        line-height: 15px;
    }

    .other-info { padding: 50px 0 10px; }

    .other-info #portfolio.scenes { padding-bottom: 80px }

    .case-details .our-team { padding-bottom: 90px;}

    .case-details .our-team .t-title { font-size: 30px; }

    .case-details .our-team .c-link img { width: 20px }

    .single-case-page .contact-form { padding: 55px 0 100px; }

    /* Ending Single Case Page */
}

@media (max-width:767px) {

    /* Starting Global Style */

    .latest-pro, .know-us,
    #portfolio,
    .our-blog,
    .customers,
    .testimonials,
    .contact-page .contact-form,
     .single-service .contact-form, .case-details .info,
     .other-info .s-head,
     .single-case-page .contact-form,
    .case-details .our-team{ background-size: 200px }

    /* Ending Global Style */

    /* Starting Header */

    #site-header .navbar .navbar-collapse {
        display: block;
        height: 100%;
        width: 250px;
        height: 100vh;
        position: fixed;
        top: 0;
        bottom: 0;
        overflow-x: hidden;
        padding-top: 35px;
        z-index: 9999;
        padding: 15px;
        background-image: -moz-linear-gradient( -90deg, rgb(234,234,234) 0%, rgb(246,246,246) 100%);
        background-image: -webkit-linear-gradient( -90deg, rgb(234,234,234) 0%, rgb(246,246,246) 100%);
        background-image: -ms-linear-gradient( -90deg, rgb(234,234,234) 0%, rgb(246,246,246) 100%);
    }

    #site-header .navbar-nav { clear: both; }

    #site-header nav .nav-item:not(:last-of-type) {margin: 0 0 15px;}

    #site-header nav .nav-item > .nav-link,
    #site-header .dropdown-item,
    #site-header .lang-item > a {
        font-size: 13px
    }

    #site-header .navbar-nav > .menu-item {
        padding: 8px 25px;
    }

    #site-header .nav .nav-link { width: 100%;font-size: 14px; }

    #site-header .dropdown-menu {
        background: transparent;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        margin: 0;
        padding: 5px 10px;
    }

    #site-header .lang-item {
        background-size: 21px;
        background-position-y: 8px;
    }

    #site-header .lang-item .dropdown-menu { background: #fff;}

    .dropdown-toggle::after { top: 3px; }

    .dropdown-item,
    .navbar-toggler { color: #39255e; border: 0; padding: 0; }

    .close-menu {
        margin-bottom: 10px;
        font-size: 30px;
        position: relative;
    }

    .navbar-toggler { order: 3; }

    /* Ending Header */

    /* Starting SlideShow */

     #slideshow { max-height: 342px; min-height: 342px; }

     #slideshow img { height: 100%; max-width: initial; }

     #slideshow .carousel-item .details { padding: 0 15px; }

     a.c-link, .contact-form button { height: 36px; line-height: 36px; font-size: 14px; padding: 0 20px; }

     .carousel-control-next, .carousel-control-prev { padding: 0 15px; font-size: 24px; }

     /* Ending SlideShow */

     /* Starting Latest Productions */

    .latest-pro { padding: 50px 0 70px; }

    .s-head { margin-bottom: 20px }

    .s-head .title {font-size: 20px;margin-bottom: 10px;}

    .our-blog .heading, .testimonials .heading,
    .newsletter .heading, .our-services .heading,
    .contact-form .heading,
    .related-works .heading, #portfolio .heading,
    .s-head .sub-title {font-size: 24px;}

    .our-blog .heading, .testimonials .heading,
    .newsletter .heading, .our-services .heading,
    .contact-form .heading, .related-works .heading,
    #portfolio .heading {
        margin-bottom: 36px;
    }

    .s-head p {font-size: 12px;}

    /* Ending Latest Productions */

    /* Starting Know Us */

    .know-us { padding: 50px 0 70px; background-size: 200px; }

    /* Ending Know Us */

    /* Starting Services */

    .our-services {padding: 40px 0 60px;}

    .our-blog .heading,
    .testimonials .heading,
    .newsletter .heading,
    .our-services .heading,
    .contact-form .heading,
    .related-works .heading {
        font-size: 24px;
    }

    .our-services .nav-tabs:after { width: calc(100% - 80px);height: 3px; }

    .our-services .nav-tabs .nav-item { max-width: 80px; }

    .our-services .img {width: 80px;height: 80px;margin-bottom: 10px;}

    .our-services .img img {max-width: 36px;}

    .our-services .nav-link { font-size: 11px; line-height: 1.2; padding-bottom: 30px; }

    .our-services .nav-link:after { width: 12px;height: 12px;bottom: -7px; }

    .our-services .tab-content { padding-top: 30px; }

    .our-services .tab-content>.tab-pane { width: 82%; padding: 15px;font-size: 11px; }

    /* Ending Services */

    /* Starting Contact Form */

    .contact-form { padding: 50px 0 60px; }

    .contact-form .s-head { margin-bottom: 30px; }

    .contact-form button { margin: auto; }

    /* Ending Contact Form */

    /* Starting Portfolio */

    #portfolio { padding: 50px 0 60px; }

    #portfolio .heading { margin-bottom: 15px; }

    /* Ending Portfolio */

    /* Starting Our Blog */

    .our-blog { padding: 40px 0 70px; }

    .our-blog .img { margin-bottom: 20px; overflow: hidden }

    .our-blog .img img { width: 100%; height: auto}

    .our-blog .carousel-nav { position: static; text-align: center; margin-top: 20px; }

    /* Ending Our Blog */

    /* Starting Customers */

    .customers { padding: 40px 0 70px; }

    .customers .owl-carousel .owl-item img { max-width: 60%; }

    /* Ending Customers */

    /* Starting Testimonials */

    .testimonials {padding: 40px 0 80px;}

    .testimonials .owl-item.center {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    /* Ending Testimonials */

    /* Starting NewsLetter */

    .newsletter { padding: 180px 0 60px; }

    .newsletter .heading { margin-bottom: 20px; }

    /* Ending NewsLetter */

    /* Starting Footer */

    .f-links { margin-bottom: 30px; }

    /* Ending Footer */

    /* Starting Scroll Top */

    .scrolltop { width: 40px; height: 40px; line-height: 40px; }

    .scrolltop i { font-size: 18px }

    /* Ending Scroll Top */

    /* Starting About Us Page */

    .about-us { padding: 50px 0 0 ; }

    /* Ending About Us Page */

    /* Starting Contact Us Page */

    .contact-info { padding: 60px 0 20px; }

    .contact-info .row > div:not(:last-of-type) { margin-bottom: 30px; }

    .contact-info .row > div:not(:last-of-type)::after { width: 20px; height: 160px; }

    .contact-info .row > div:nth-of-type(2)::after { display: none; }

    .contact-info .icon { width: 75px; height: 80px }

    .contact-info .title {font-size: 15px;margin-bottom: 5px;}

    .contact-info a, .contact-info p { width: 100%; }

    .contact-page .contact-form { padding: 20px 0 80px }

    .contact-page .contact-form .heading { font-size: 30px; }

    .map { padding-top: 50px; }

    /* Ending Contact Us Page */

    /* Starting Services Page */

    .services-page .our-services { padding: 60px 0; }

    .services-page .our-services .s-head { margin-bottom: 30px; }

    /* Ending Services Page */

    /* Starting Customers Page */

    .customers-page .customers {padding-bottom: 70px;}

    .customers a img { max-width: 85px; }

    .customers-page .testimonials {padding-bottom: 70px;}

    /* Ending Customers Page */

    /* Starting Portfolio Page */

    .portfolio { padding: 60px 0; }

    .portfolio .nav-link { padding: 0 18px; }

    .common-item { height: 160px; min-height: 160px; max-height: 160px; }

    /* Ending Portfolio Page */

    /* Starting Single Service */

    .single-service .intro { padding: 50px 0; }

    .single-service .intro .heading { font-size: 16px; margin-bottom: 5px; }

    .single-service .intro p { font-size: 12px; }

    .single-service .intro .row > div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .single-service .intro .row > div:not(:last-of-type):after {
        display: none;
    }

    .c-link, .contact-form button {font-size: 15px }

    .gallery .slider-for .item { height: 245px; }

    .single-service .contact-form { padding-bottom: 80px; }

    .related-works { padding: 40px 0 60px; }

    /* Ending Single Service */

    /* Starting Our Team  */

    .our-team { padding-bottom: 30px; }

    .our-team .t-head .img { width: 180px; }

    .our-team .t-title {  margin-bottom: 40px;}

    .t-member .m-name { font-size: 14px; margin-bottom: 5px; }

    .t-member .img {
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        width: 80px;
        height: 80px;
    }

    .t-member p { font-size: 11px; }

    /* Ending Our Team  */

    /* Starting Case Study */

    .case-study { padding: 60px 0 40px; }

    .case-study .s-head { margin-bottom: 30px; }

    .case-study .row { margin: 0 -10px; }

    .case-study .row > div { padding: 0 10px ;}

    .case-study .item { height: 200px; margin-bottom: 20px;}

    .case-study .item .info { padding: 15px}

    .case-study .item .info span { font-size: 14px; }

    .case-study .item .info .title { font-size: 15px; }

    .case-study .item .info i { font-size: 28px }

    /* Ending Case Study */

    /* Starting Single Case Page */

    .breadcrumb .b-title span { font-size: 15px; }

    .case-details { padding-top: 60px; }

    .case-details .p-video { padding: 0 40px 40px; margin-bottom: 50px; }

    .case-details .p-video iframe { height: 300px!important; max-height: 300px; }

    .case-details .info .row > div:nth-of-type(2) { padding: 0 15px; }

    .case-details .info .row > div:not(:last-of-type)::after { display: none; }

    .case-details .info { padding-bottom: 50px; }

    .case-details .info .logo { margin-bottom: 30px; }

    .other-info { padding: 40px 0 0; }

    .other-info .s-head { padding-bottom: 60px; margin-bottom: 30px;}

    .other-info .s-head .title { width: 100%; }

    .other-info .scenes-head { margin-bottom: 20px }

    .other-info #portfolio.scenes { padding-bottom: 60px; }

    .case-details .our-team { padding-bottom: 70px;}

    .single-case-page .contact-form { padding: 45px 0 75px; }

    /* Ending Single Case Page */

}

@media (max-width:575px) {

    /* Starting Global Style */

    .our-blog .heading, .testimonials .heading,
    .newsletter .heading, .our-services .heading,
     .contact-form .heading, .related-works .heading {
        font-size: 20px;
    }

    /* Ending Global Style */

    /* Starting Header */

    #site-header nav { padding: 10px 15px }

    /* Ending Header */

    /* Starting SlideShow */

    #slideshow { max-height: 360px; min-height: 360px; }

    #slideshow .row > div { padding-top: 56px; }

    /* Ending SlideShow */

    /* Starting Latest Productions */

    .s-head .title { font-size: 18px; }

    .s-head .sub-title { font-size: 20px; }

    .s-head p { font-size: 13px; }

    /* Ending Latest Productions */

    /* Starting Know Us */

    .know-us .img { height: 100px; }

    .know-us .content p { font-size: 14px; }

    /* Ending Know Us */

    /* Starting Our Services */

    .our-services .nav-tabs:after { width: 100%; }

    .our-services .nav-tabs { position: relative; }

    .our-services .nav-tabs .nav-item {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .our-services .nav-link { position: static; }

    .our-services .nav-item .nav-link:after { bottom: -4px; }

    .our-services .tab-content { margin-bottom: 30px; }

    .our-services .tab-content>.tab-pane { width: 100%; padding: 15px 10px; }

    /* Ending Our Services */

    /* Starting Blog */

    .our-blog .img { height: 230px; margin-bottom: 20px; }

    /* Ending Blog */

    /* Starting Testimonials */

    .testimonials { padding-bottom: 70px; }

    .testimonials .container { padding: 0 15px }

    .testimonials .heading { margin-bottom: 20px; }

    .testimonials .owl-carousel { height: auto; }

    .testimonials .owl-item.center {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .testimonials .owl-theme .owl-dots { margin-top: 0!important; }

    /* Ending Testimonials */

    /* Starting NewsLetter */

    .newsletter {margin-top: 0;padding-top: 40px;}

    .newsletter p { font-size: 13px; }

    .newsletter form { max-width: 290px; }

    .newsletter form .form-group { height: 50px }

    .newsletter form .form-group button { padding: 0 20px; font-size: 15px; }

    /* Ending NewsLetter */

    /* Starting Footer */

    body:not(.home) footer:before { top: -90px; }

    footer .copyrights { margin-top: 30px; font-size: 13px; }

    /* Ending Footer */

    /* Starting BreadCrumb */

    .breadcrumb { min-height: 170px; }

    .breadcrumb .b-title { font-size: 24px; background-size: 125px; }

    /* Ending BreadCrumb */

    /* Starting About Us Page */

    .about-us .s-head .sub-title { font-size: 24px; }

    /* Ending About Us Page */

    /* Starting Contact Us Page */

    .contact-info { padding-top: 50px; }

    .contact-page .contact-form { padding-bottom: 70px; }

    .map { padding-top: 40px; }

    /* Ending Contact Us Page */

    /* Starting Services Page */

    .services-page .our-services { padding: 50px 0; }

    .services-page .s-head .title { font-size: 15px; }

    /* Ending Services Page */

    /* Starting Customers Page */

    .customers-page .testimonials {padding-bottom: 50px;}

    /* Ending Customers Page */

    /* Starting Portfolio Page */

    .portfolio {padding: 50px 0;}

    .portfolio nav { margin-bottom: 20px;}

    .portfolio .nav-link { padding: 0 9px; font-size: 10px; height: 36px; line-height: 34px; }

    .common-item { height: 160px; min-height: 160px; max-height: 160px; }

    .common-item:not(:last-of-type) { margin-bottom: 15px; }

    .over-title { padding: 15px }

    /* Ending Portfolio Page */

    /* Starting Single Service */

    .single-service .intro .c-link { margin-top: 10px; }

    .gallery .gallery-frame { padding: 15px 15px 0; }

    .gallery .slider-for .slick-list { padding: 0 }

    .gallery .slider-nav .slick-list { margin: 0 -5px }

    .gallery .slider-for .item { height: 195px; }

    .single-service .contact-form {padding-bottom: 70px;}

    .related-works {padding: 35px 0 50px;}

    .related-works .heading {margin-bottom: 30px;}

    /* Ending Single Service */

    /* Starting Our Team */

    .about-page .our-team { padding-bottom: 50px; padding-top: 0;}

    .our-team .t-head .img { width: 170px; }

    .our-team .t-head .heading { font-size: 32px; }

    .our-team .row > div:last-of-type .t-member { margin-bottom: 0; }

    .our-team .t-title { font-size: 22px; }

    /* Ending Our Team */

    /* Starting Case Study */

    .case-study { padding: 50px 0 40px; }

    .case-study .item img { width: 100%; }

    /* Ending Case Study */

    /* Starting Single Case Page */

    .breadcrumb .b-title span { font-size: 12px; }

    .case-details  { padding-top: 50px; }

    .case-details .p-video { padding: 0 20px 20px;  margin-bottom: 30px; }

    .case-details .p-video iframe { height: 250px!important; max-height: 250px; }

    .other-info .scenes-head { font-size: 26px; margin-bottom: 15px;}

    .other-info #portfolio.scenes { padding-bottom: 50px; }

    .case-details .our-team .c-link { margin-top: 20px; }

    .case-details  .our-team .t-title { font-size: 26px; }

    .single-case-page .contact-form { padding: 40px 0 70px; }

    /* Ending Single Case Page */

}

@media (min-width:400px) and (max-width:767px) {

    /* Starting Portfolio Page */

    .common-item:not(:last-of-type) { margin-bottom: 10px;}

    /* Ending Portfolio Page */

    /* Starting Case Study */

    .case-study .row > div { width: 50%; }

    .case-study .item { height: 180px; }

    .case-study .item .info span { font-size: 12px; }

    .case-study .item .info .title { font-size: 13px; }

     /* Ending Case Study */

}

@media (min-width:400px) and (max-width:575px) {

    /* Starting About Us Page */

    .about-content .row > div { width: 50%; }

    /* Ending About Us Page */

}

@media (max-width:400px) {

    /* Starting Contact Us Page */

    .contact-info .row > div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0;
    }

    .contact-info .row > div:not(:last-of-type)::after { display: none; }

    /* Ending Contact Us Page */

    /* Starting Single Services Page */

    .gallery .slider-for .item {  height: 145px; }

    /* Ending Single Services Page */

}

@media(min-width:768px) {

    /* Starting Header */

    #site-header .dropdown-menu {
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        padding: 5px 10px;
        min-width: 160px;
        -webkit-box-shadow: 0px 21px 25.76px 2.24px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 21px 25.76px 2.24px rgba(0, 0, 0, 0.25);
        -ms-box-shadow: 0px 21px 25.76px 2.24px rgba(0, 0, 0, 0.25);
        -o-box-shadow: 0px 21px 25.76px 2.24px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 21px 25.76px 2.24px rgba(0, 0, 0, 0.25);
        display: block;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
    }

    #site-header .dropdown:hover .dropdown-menu  {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }

    /* Ending Header */

}

@media (max-width:1199px) {

    /* Starting Blog Page */

    .breadcrumb .m-title { font-size: 32px; }

    .breadcrumb .sub-title { font-size: 24px; }

    .breadcrumb .desc { width: 80%; font-size: 15px; }

    /* Ending Blog Page */

    /* Starting Single Blog */

    .left-content .title { font-size: 20px; }

    .left-content ol li {font-size: 12px;}

    .comments .d-flex .form-check { width: 60%; max-width: 60%; }

    .comments .info .form-check label { font-size: 14px; }

    /* Ending Single Blog */

}

@media (max-width:991px) {

    /* Starting Blog Page */

    .portfolio.blog { padding-top: 0; }

    .blog .s-head .s-title { font-size: 18px; }

    .blog .s-head .s-form input { font-size: 13px; }

    .blog .s-head .s-form button { font-size: 22px; }

    .blog .tab-pane .row  { margin: 0 -10px; }

    .blog .tab-pane .row > div { padding: 0 10px; }

    .blog .common-item {
        height: 230px;
        min-height: 230px;
        max-height: 230px;
    }

    .b-details .title { font-size: 16px; margin-top: 5px; }

    .b-details p + div { flex-direction: column; }

    .b-details li::before { width: 10px; height: 10px; }

    .b-details p + div span {margin-top: 5px;}

    .blog .blog-item { margin-bottom: 30px; }

    /* Ending Blog Page */

    /* Starting Single Blog */

    .single-blog { padding: 70px 0; }

    .single-blog .row {  flex-direction: column-reverse;  }

    .single-blog .left-content { margin-bottom: 30px; }

    .left-content .title { font-size: 24px; }

    .left-content ol li { font-size: 14px; }

    /* Ending Single Blog */

}

@media (max-width:767px) {

    /* Starting Blog Page */

    .breadcrumb .m-title {font-size: 28px;}

    .breadcrumb .sub-title {font-size: 20px;}

    .breadcrumb .desc {width: 92%;font-size: 12px;}

    .blog .s-head { margin-bottom: 30px; }

    .blog .s-head .s-title {font-size: 15px;}

    .blog .s-head .s-form input { font-size: 13px; }

    .blog .s-head .s-form button {font-size: 18px;}

    /* Ending Blog Page */

    /* Starting Single Blog */

    .single-blog .b-title { font-size: 18px; margin-bottom: 10px; }

    .single-blog .b-title + ul { margin-bottom: 10px; }

    .single-blog .b-title + ul li { font-size: 12px; }

    .single-blog p { font-size: 14px; }

    .single-blog .details .img.second { margin-top: 30px; }

    .comment-top { padding: 15px; margin-bottom: 15px; }

    .comments li .c-name { font-size: 16px; }

    .comments li p { font-size: 11px; }

    .comments .add-comment { font-size: 24px; }

    .comments .d-flex .form-check { width: 80%; max-width: 80%; }

    .comments .info .form-check:before { top: 6px; }

    .comments .info .form-check label { font-size: 12px; }

    /* Ending Single Blog */

}

@media (max-width:575px) {

    /* Starting Blog Page */

    .breadcrumb { padding: 30px 0; }

    .portfolio { background-size: 200px; }

    .blog .s-head { flex-direction: column-reverse; }

    .blog .s-head .s-title { border-top: 1px solid #c2c2c2; }

    .blog .s-head .s-form {margin-bottom: 20px;height: 45px;}

    .blog .s-head .s-form input { width: 100%; }

    .blog .common-item:not(:last-of-type) { margin-bottom: 5px; }

    /* Ending Blog Page */

    /* Starting Single Blog */

    .single-blog { padding: 50px 0; }

    .left-content .title { font-size: 22px; }

    .left-content ol li { font-size: 12px; }

    .single-blog .b-title { font-size: 16px; line-height: 1.5; }

    .single-blog p { font-size: 12px; }

    .comments { margin-top: 30px; }

    .comments li .avatar {
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        max-width: 50px;
        height: 50px;
    }

    .comments li .c-name { font-size: 12px; font-weight: 600; }

    .comments .add-comment { margin-bottom: 15px; }

    .comments .d-flex { flex-direction: column; }

    .comments .d-flex .form-check { width: 100%; max-width: 100%; }

    .comments .info .form-check:before { top: 5px; }

    .comments .info .form-check label { font-size: 11px; }

    /* Ending Single Blog */

}