/* CSS Document */

@media (min-width: 576px) {

    .applications .flex-box .app-box {

        max-width: 33.333%;

    }



    .countries ul.countries-list li {

        width: calc(50% - 16px);

    }

    .countries ul.countries-list li:nth-child(odd) {

        margin-right: 16px;

    }

    .countries ul.countries-list li:nth-child(even) {

        margin-left: 16px;

    }

}

@media (min-width: 768px) {

    .pt-md-38 {

        padding-top: 38px;

    }



    .pt-md-36 {

        padding-top: 36px;

    }



    .pt-md-35 {

        padding-top: 35px;

    }



    .pt-md-34 {

        padding-top: 34px;

    }



    .pt-md-32 {

        padding-top: 32px;

    }



    .pt-md-30 {

        padding-top: 30px;

    }



    .applications .flex-box .app-box {

        max-width: 25%;

    }



    .export .ctn-box {

        margin-top: 38px;

    }



    .our-product .pro-list {

        margin-top: 36px;

    }



    .share-tag-container .col {

        padding: 50px 0px !important;

    }

    .share-tag-container .col:first-child {

        border-right: 1px solid #dddddd;

    }

    .share-tag-container .col:last-child {

        padding: 50px 0px 40px 22px !important;

    }

}

@media (min-width: 992px) {

    body:not(.history-page) header .head-bottom {

        margin-bottom: -51px;

    }



    .page-header .page-title h1 {

        margin-top: 50px;

    }

}

@media (min-width: 1025px) {

    body:not(.history-page) ul.navbar-nav li:last-child .btn {

        margin-left: 10px;

    }



    body:not(.history-page) .navbar-toggler {

        display: none;

    }



    body:not(.history-page) .dropdown-icon {

        display: none;

    }



    body:not(.history-page) #mainMenu {

        display: block !important;

        display: -ms-flexbox !important;

        display: flex !important;

        -ms-flex-preferred-size: auto;

        flex-basis: auto;

    }



    body:not(.history-page) header nav .expand {

        -ms-flex-flow: row nowrap;

        flex-flow: row nowrap;

        -ms-flex-pack: start;

        justify-content: flex-start;

    }

    body:not(.history-page) header nav .navbar-nav {

        -ms-flex-direction: row;

        flex-direction: row;

    }



    body:not(.history-page) ul.navbar-nav {

        align-items: center;

    }

    body:not(.history-page) ul.navbar-nav > li:not(:last-child){

        padding: 26px 23px 27px 0px;

    }

    body:not(.history-page) ul.navbar-nav > li:not(.mega-menu) .sub-menu {

        min-width: 160px;

        top: 100% !important;

    }

    body:not(.history-page) ul.navbar-nav > li:not(:last-child) > a {

        padding: 15px 0px !important;

    }

    body:not(.history-page) ul.navbar-nav > li:not(:last-child) > a {

        position: relative;

    }

    body:not(.history-page) ul.navbar-nav > li:not(:last-child) > a:after,

    body:not(.history-page) ul.navbar-nav > li:not(:last-child) > a:before {

        content: "";

        position: absolute;

        width: 0px;

        height: 3px;

        background: #ffffff;

        transition: width 0.3s;

    }

    body:not(.history-page) ul.navbar-nav > li:not(:last-child) > a:after {

        top: 0px;

        right: 3px;

    }

    body:not(.history-page) ul.navbar-nav > li:not(:last-child) > a:before {

        bottom: 0px;

        left: -1px;

    }

    body:not(.history-page) ul.navbar-nav > li:not(:last-child) > a:hover {

        color: #fff;

    }

    body:not(.history-page) ul.navbar-nav > li:not(:last-child) > a:hover:after,

    body:not(.history-page) ul.navbar-nav > li:not(:last-child) > a:hover:before {

        width: 20px;

    }

    body:not(.history-page) ul.navbar-nav > li:not(:last-child).active a:after,

    body:not(.history-page) ul.navbar-nav > li:not(:last-child).active a:before {

        width: 20px;

    }

    body:not(.history-page) ul.navbar-nav > li:not(:last-child) > ul.sub-menu {

        top: 100%;

        left: 0;

        position: absolute;

    }

    body:not(.history-page) ul.navbar-nav > li:not(:last-child) > .sub-menu {

        opacity: 0;

        visibility: hidden;

    }

    body:not(.history-page) ul.navbar-nav > li:not(:last-child):hover > .sub-menu {

        visibility: visible;

        opacity: 1;

        animation: fade 1s;

    }

    body:not(.history-page) ul.navbar-nav > li:not(:last-child):not(:hover) > .sub-menu {

        display: none;

    }

    @keyframes fade {

        0% {

            opacity: 0;

        }

        100% {

            opacity: 1;

        }

    }

    body:not(.history-page) ul.navbar-nav li.mega-menu {

        position: static;

    }

    body:not(.history-page) ul.navbar-nav li.mega-menu > .sub-menu {

        position: absolute;

        width: 100%;

        top: 100%;

        left: 0;

        right: 0;

        padding: 20px;

        display: flex;

        flex-wrap: wrap;

    }

    body:not(.history-page) ul.navbar-nav li.mega-menu > .sub-menu > li {

        width: 25%;

    }

    body:not(.history-page) ul.navbar-nav li.mega-menu > .sub-menu.ul-list > li > a {

        font-weight: bold;

    }

    body:not(.history-page) ul.navbar-nav li.mega-menu:not(:hover) > .sub-menu {

        display: none;

    }

}

@media (max-width: 1024px) {

    body:not(.history-page) header .head-bottom {

        background: #7f1416;

    }

    body:not(.history-page) header .head-bottom .navbar{ padding-bottom: 15px; }

    #mainMenu {

        overflow: auto;

        max-height: calc(100vh - 150px);

    }



    ul.navbar-nav li:not(.sub-menu) {

        display: flex;

        align-items: center;

        flex-wrap: wrap;

    }

    ul.navbar-nav li a {

        padding: 10px !important;

    }

    ul.navbar-nav > li a {

        padding: 10px;

    }

    ul.navbar-nav > li > ul.sub-menu > li {

        border-top: 1px solid rgba(255, 255, 255, 0.17);

    }

    ul.navbar-nav > li:not(:last-child) {

        border-bottom: 1px solid rgba(255, 255, 255, 0.17);

    }

    ul.navbar-nav .sub-menu {

        display: none;

        width: 100%;

    }

    ul.navbar-nav > li > ul > li > ul.sub-menu > li:first-child {

        border-top: 1px solid rgba(255, 255, 255, 0.17);

    }

    ul.navbar-nav > li > ul > li > ul.sub-menu > li:not(:last-child) {

        border-bottom: 1px solid rgba(255, 255, 255, 0.17);

    }

    ul.navbar-nav .dropdown-icon {

        margin-left: auto;

        padding: 10px;

        transition: all 0.3s;

    }

    ul.navbar-nav .dropdown-icon.open {

        transform: rotate(-180deg);

    }

    ul.navbar-nav > li:last-child .btn {

        margin-top: 10px;

    }

}

@media (min-width: 1200px) {

    .get-in-touch {

        padding: 97px 0px 85px;

    }

    .get-in-touch .btn {

        margin-top: -14px;

    }



    .applications.ssp-home {

        padding-top: 8.75rem;

        padding-bottom: calc(6.25rem - 35px);

    }

    .applications .flex-box .app-box {

        max-width: 20%;

    }

    .applications.list-page .sec-title {

        margin-bottom: 25px;

        display: inline-block;

    }



    .export {

        margin-bottom: -50px;

        padding-bottom: 0px;

    }



    .ss-welcome {

        padding-bottom: 0px;

    }

    .ss-welcome .img-box {

        margin-bottom: -50px;

    }



    .blog-details .share-tag-container h3 {

        margin-top: -15px;

    }

    .blog-details .share-tag-container ul.share {

        margin-top: -15px;

    }



    .why-choose {

        padding: 9.375rem 0px 6.25rem;

    }



    .testimonial-page {

        padding-top: calc(6.25rem - 31px);

    }

}

@media (max-width: 1439px) {

    .our-quality .ctn-box {

        max-width: 730px;

        padding: 90px 70px 90px 70px;

    }



    .history .pagination {

        top: 10%;

        padding-left: calc(8% + 15px);

    }

    .history .pagination .sun {

        height: 16px;

        margin: 4px 0px;

    }

    .history .pagination .sun span {

        font-size: 16px;

    }

    .history .pagination .sun .line {

        height: 3px;

        width: 20px;

    }

    .history .pagination .slick-slide.slick-current .sun span.line {

        width: 50px;

    }

    .history .history-slider .slide:before,

    .history .history-slider .slide:after {

        width: 3px;

    }

    .history .history-slider .slide:before {

        top: calc(-46% - 100px);

    }

    .history .history-slider .slide:after {

        top: calc(46% + 100px);

    }

}

@media (max-width: 1199px) {

    .section {

        padding: 4.375rem 0px 4.375rem;

    }



    .inner-pt {

        padding-top: 4.375rem;

    }



    .inner-pb {

        padding-bottom: 4.375rem;

    }



    .applications.ssp-home {

        padding-bottom: calc(4.375rem - 35px);

    }



    h1 {

        font-size: 50px;

    }



    header .head-bottom .navbar {

        padding: 10px 15px 10px 15px;

    }



    .get-in-touch h2 {

        font-size: 45px;

    }

    .get-in-touch p {

        font-size: 24px;

        line-height: 32px !important;

    }



    .client-brand .brand-slide .brand a img {

        width: 75%;

    }



    .banner .info .btn {

        margin-top: 36px;

    }

    .banner .btn-arrow {

        width: 50px;

        height: 50px;

        padding: 10px;

    }

    .banner .btn-arrow svg {

        width: auto;

        height: 100%;

        width: 100%;

    }



    .our-quality {

        background-position: left 34% center;

    }

    .our-quality .ctn-box {

        max-width: 550px;

        padding: 50px;

    }

    .our-quality .ctn-box h2 {

        font-size: 32px;

    }



    .quality .ctn-box {

        padding: 70px 30px 30px;

    }

    .quality .quailty-info {

        padding-top: 40px;

    }



    .history-page .header-wrap .navbar-brand {

        padding: 20px 20px;

    }

    .history-page .header-wrap .navbar-brand img {

        width: 150px;

    }
.navbar-brand img{  height: 90px; }
}

@media (max-width: 991px) {

    .section {

        padding: 3.125rem 0px 3.125rem;

    }



    .inner-pt {

        padding-top: 3.125rem;

    }



    .inner-pb {

        padding-bottom: 3.125rem;

    }



    .applications.ssp-home {

        padding-bottom: calc(3.125rem - 35px);

    }



    h1 {

        font-size: 36px;

    }



    .sec-title {

        padding: 25px 0px 25px 25px;

    }

    .sec-title h5 {

        font-size: 22px;

        margin-bottom: 10px;

    }

    .sec-title h2 {

        font-size: 30px;

    }



    header .head-bottom .navbar {

        padding: 10px 0px 10px 0px;

    }



    .get-in-touch h2 {

        font-size: 36px;

    }

    .get-in-touch p {

        font-size: 20px;

        line-height: 28px !important;

    }

    .get-in-touch .btn {

        padding: 15px 50px;

        font-size: 18px;

    }



    .testimonials .single-box {

        padding: 0px 25px 10px 25px;

    }

    .testimonials .single-box .icon {

        margin-right: 25px;

        margin-top: -10px;

    }

    .testimonials .single-box .icon svg {

        width: 40px;

        height: auto;

    }

    .testimonials .btn {

        margin-top: 30px;

    }

    .testimonials.testimonial-page .test-list .test-item {

        margin-top: 30px;

    }



    .our-product .pro-list .col:not(:last-child) {

        margin-bottom: 30px;

    }



    .banner .info h1 {

        line-height: 50px;

    }

    .banner .info .btn {

        margin-top: 30px;

    }

    .banner .btn-arrow {

        width: 40px;

        height: 40px;

    }



    .page-header .page-title {

        padding: 100px 0px 57px;

    }



    .quality .ctn-box {

        padding: 25px;

    }

    .quality .quailty-info {

        padding-top: 30px;

    }



    .ss-welcome .sec-title {

        margin-top: 30px;

    }



    .sidebar .widget {

        padding: 20px;

    }

    .sidebar .widget.newsletter input {

        padding: 12px 10px;

        margin: 20px 0px 20px;

    }



    .common-form-stl {

        padding: 20px;

    }



    .input-box select,

    .input-box textarea,

    .input-box input {

        padding: 12px 10px;

    }



    .resources .res-single-block.top-design {

        flex-direction: column;

    }

    .resources .res-single-block.top-design .img-box {

        max-width: 100%;

        width: 100%;

    }

    .history .history-slider .slick-slide:after, .history .history-slider .slick-slide:before{left: 9%;}

    .navbar-brand{ padding-top: 13px; }
    .navbar-brand img{ height: 70px; }



}

@media (max-width: 767px) {

    .section {

        padding: 2.1875rem 0px 2.1875rem;

    }



    .inner-pt {

        padding-top: 2.1875rem;

    }



    .inner-pb {

        padding-bottom: 2.1875rem;

    }



    .applications.ssp-home {

        padding-bottom: calc(2.1875rem - 35px);

    }



    h1 {

        font-size: 32px;

    }



    p {

        font-size: 16px;

    }



    .sec-title {

        padding: 20px 0px 20px 20px;

    }

    .sec-title h5 {

        font-size: 20px;

        margin-bottom: 10px;

    }

    .sec-title h2 {

        font-size: 28px;

    }

    .sec-title .line:before {

        height: 4px;

    }

    .sec-title .line:after {

        width: 4px;

    }



    .arrow {

        width: 42px;

        height: 42px;

    }



    header .head-top {

        padding: 10px 0px;

    }



    ul.top-links li a .icon {

        margin-right: 0px;

    }

    ul.top-links li a span {

        display: none;

    }

    ul.top-links li:not(:last-child) {

        margin-right: 20px;

    }



    .navbar-brand {

        max-width: 140px;

    }



    .navbar-toggler {

        width: 40px;

    }



    body:not(.history-page) header .head-bottom .navbar {

        padding: 8px 0px 8px 0px;

    }



    footer .foo-top {

        padding: 40px 0px 0px;

    }

    footer .foo-bottom {

        padding: 20px 0px 20px;

    }

    footer .widget .title {

        font-size: 22px;

    }



    .blog .single-block .ctn-box {

        padding-top: 25px;

    }

    .blog.ssp-home .col {

        margin-top: 30px;

    }

    .blog.ssp-home .col:first-child {

        margin-top: 10px;

    }



    .blog-top-design .ctn-box {

        padding: 20px 0px 20px 0px !important;

    }



    .wp-pagenavi .current,

    .wp-pagenavi a.page {

      margin: 0px 5px;

    }

    .wp-pagenavi .previouspostslink{

     margin-right: 10px;

    }

    .wp-pagenavi .nextpostslink{

       margin-left: 10px;

    }

    .wp-pagenavi .current,

    .wp-pagenavi a.page {

        width: 42px;

        height: 42px;

    }



    .sidebar {

        margin-top: 30px;

    }

    .sidebar .widget {

        padding: 20px;

    }



    .applications .flex-box {

        margin: 10px -15px 0px;

    }



    .export .sec-title {

        margin-top: 20px;

    }



    .our-product .single-block .ctn-box h3 {

        font-size: 24px;

        margin-bottom: 15px;

    }



    .main-product-detail .ctn-box {

        margin: 20px 0px 10px;

    }

    .main-product-detail .ctn-box p {

        font-size: 16px;

    }



    .our-product-page h2 {

        font-size: 26px;

        margin-bottom: 20px;

    }

    .our-product-page .top-ctn-box p {

        font-size: 16px;

    }

    .our-product-page .ctn-box {

        padding-top: 30px;

    }



    ul.tab-box {

        margin-bottom: 30px;

    }

    ul.tab-box li a {

        font-size: 16px;

        padding: 18px 18px;

    }



    .product-single-block {

        text-align: center;

    }

    .product-single-block .img-box {

        margin-bottom: 20px;

    }



    .why-choose .choose-list {

        margin-top: 10px;

    }

    .why-choose .col {

        margin-bottom: 30px;

    }

    .why-choose .single-block {

        display: flex;

        flex-direction: column;

        justify-content: center;

        text-align: center;

    }

    .why-choose .single-block .icon-box {

        margin: 0 auto 15px;

    }



    .banner .slide {

        height: auto;

        padding-bottom: 130px;

        padding-top: 80px;

    }

    .banner .info {

        padding: 0px 30px;

    }

    .banner .info h1 {

        line-height: 40px;

    }

    .banner .info .btn {

        margin-top: 25px;

        font-size: 16px;

    }

    .banner .btn-arrow {

        width: 30px;

        height: 30px;

    }



    .page-header .page-title {

        padding: 65px 0px 52px;

    }



    .who-we-are .ctn-box {

        padding-bottom: 30px;

    }

    .who-we-are .img-list .img-box.top {

        margin-top: 30px;

    }



    .our-quality {

        background-position: left 34% center;

    }

    .our-quality .ctn-box {

        max-width: 100%;

        padding: 30px;

    }

    .our-quality .ctn-box h2 {

        font-size: 30px;

    }



    ul.social li:not(:last-child) {

        margin-right: 10px;

    }



    .quality .quailty-info {

        padding-top: 15px;

    }

    .quality .quailty-info h3 {

        margin: 30px 0px 15px;

    }

    .quality .ctn-box p {

        font-size: 18px;

    }



    .applications-single .details h3 {

        font-size: 18px;

        margin: 30px 0px 15px;

    }



    .link-left-right .img-box.left {

        margin-bottom: 30px;

    }



    .applications-single .app-img-box .overlay h3 {

        font-size: 26px;

    }



    .product-single-block h3 {

        font-size: 18px;

    }



    .countries .ctn-box {

        padding-top: 30px;

    }



    .share-tag-container .col {

        padding: 10px 0px 10px !important;

        justify-content: center;

    }

    .share-tag-container .post-tag {

        justify-content: center;

    }



    .contact-us .form-container form .email-mobile-box,

    .contact-us .form-container form .name-box {

        flex-wrap: wrap;

    }

    .contact-us .form-container form .email-mobile-box > div:first-child,

    .contact-us .form-container form .name-box > div:first-child {

        padding-right: 0px;

    }

    .contact-us .form-container form .email-mobile-box > div:last-child,

    .contact-us .form-container form .name-box > div:last-child {

        padding-left: 0px;

    }

    .contact-us .form-container form .submit-container {

        flex-wrap: wrap;

        justify-content: center;

    }

    .contact-us .form-container form .submit-container .submit-box {

        margin-right: auto;

        margin-top: 15px;

    }

    .contact-us .form-container form .submit-container .submit-box .btn {

        padding: 12px 40px 12px 40px;

    }



    .our-location .single-block .overlay {

        width: 100%;

        padding: 10px;

        bottom: -20px;

    }



    .resources-download .res-single-block.top-design {

        flex-direction: column;

    }

    .resources-download .res-single-block.top-design .img-box {

        max-width: 100%;

        min-width: 100%;

    }

    .resources-download .left h3 {

        margin-bottom: 8px;

    }

    .resources-download .left .btn {

        margin-top: 6px;

        padding: 13px 103px 14px 103px;

    }



    .testimonials.testimonial-page .test-list {

        column-count: 1;

        -webkit-column-count: 1;

        -moz-column-count: 1;

        column-count: 1;

    }



    .history .pagination {

        padding-left: calc(5% + 10px);

    }

    .history .pagination .sun {

        height: 15px;

        margin: 4px 0px;

    }

    .history .pagination .sun span {

        font-size: 16px;

    }

    .history .pagination .sun .line {

        height: 3px;

        width: 15px;

        margin-right: 12px;

    }

    .history .pagination .slick-slide.slick-current .sun span.line {

        width: 30px;

    }

    .history .history-slider .slide .sun span {

        font-size: 14px;

        margin-bottom: 10px;

    }

    .history .history-slider .slide .sun h3 {

        font-size: 16px;

    }

    .history .history-slider .slide:before,

    .history .history-slider .slide:after {

        width: 3px;

    }

    .history .history-slider .slide:before {

        top: calc(-46% - 100px);

    }

    .history .history-slider .slide:after {

        top: calc(46% + 100px);

    }

    .history .right-container .arrow-box {

        right: 5%;

        bottom: 5%;

    }

    .history .right-container .arrow-box .arrow {

        width: 44px;

        height: 44px;

        border: 2px solid #ccc;

    }



    .history-page .side-menu {

        padding: 60px 1% 1% 1%;

    }

    .history-page .side-toggle.close {

        left: 2px;

        top: 4px;

    }



    .popup-catalog .img-box {

        text-align: center;

    }

    .popup-catalog .flex-box .btn {

        margin-right: auto;

    }
    .navbar-brand{ padding-top: 0px; }

}

@media (max-width: 575px) {

    .section {

        padding: 1.875rem 0px 1.87rem;

    }



    .inner-pt {

        padding-top: 1.875rem;

    }



    .inner-pb {

        padding-bottom: 1.875rem;

    }



    .applications {

        padding-bottom: calc(1.875rem - 35px);

    }



    h1 {

        font-size: 30px;

    }



    .sec-title {

        padding: 15px 0px 20px 15px;

    }

    .sec-title h5 {

        font-size: 18px;

        margin-bottom: 6px;

    }

    .sec-title h2 {

        font-size: 26px;

    }



    ul.navbar-nav li:last-child .btn {

        width: 100%;

    }



    .get-in-touch h2 {

        font-size: 30px;

    }

    .get-in-touch p {

        font-size: 18px;

        line-height: 24px !important;

    }

    .get-in-touch .btn {

        padding: 12px 40px;

    }



    footer .widget {

        margin: 0px 0px 30px;

    }



    .testimonials .single-box .icon {

        margin-right: 20px;

    }



    .applications .flex-box .app-box {

        max-width: 50%;

    }



    .our-quality .ctn-box {

        max-width: 100%;

        padding: 20px;

    }

    .our-quality .ctn-box h2 {

        font-size: 28px;

    }



    .common-form-stl .btn {

        padding: 12px 20px 12px 20px;

        margin-right: auto;

        width: 100%;

    }



    .popup-form h2 {

        padding: 20px 15px;

        margin-bottom: 20px !important;

    }

    .popup-form form {

        padding: 0px 15px 40px !important;

    }

    .navbar-brand img{ height: 51px; }

}

@media (max-width: 480px) {

    .section {

        padding: 1.7rem 0px 1.7rem;

    }



    .inner-pt {

        padding-top: 1.7rem;

    }



    .inner-pb {

        padding-bottom: 1.7rem;

    }



    h1 {

        font-size: 28px;

    }



    .navbar-brand {

        max-width: 100px;

    }



    .contact-information .contact-info {

        flex-direction: column;

    }



    .resources-details .btn {

        margin-right: auto;

        padding: 12px 20px 12px 20px !important;

        width: 100%;

    }



    .thank-you .content-area {

        padding-bottom: 30px;

    }

    .thank-you .btn {

        padding: 13px 20px 14px 20px;

        width: 100%;

    }



    .page-header .page-title {

        padding: 50px 0px 52px;

    }

}

@media (max-width: 375px) {

    .applications.ssp-home {

        padding-bottom: 30px;

    }

    .applications .flex-box .app-box {

        max-width: 100%;

        margin-bottom: 30px;

    }

    .applications .flex-box .app-box:last-child {

        margin-bottom: 0px;

    }



    .history .history-slider .slick-slide:after,

    .history .history-slider .slick-slide:before {

        left: 13% !important;

    }

}