/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){ }

@media (min-width: 1800px) and (max-width: 1899px) {
    /* Quiz Function Start */
    .quiz-function-main {max-width: 1500px; margin: 0 auto;}
    /* Quiz Function End */

    /*contact section*/
    .contact-right .btn-wrp { margin-right: 46px; }
    .contact-wrapper { padding: 150px 0 150px 26px; }
    /*contact section*/

    .blog-detail-inner { padding: 0 0 0 20px; } 
    .blog-detail-bottom { padding: 20px 0 0 33px; }
    .who-we-are-section { padding: 0 0 0 60px; }
    

    .quiz-main { padding-left: 80px; } 
}

@media (min-width: 1800px) {
    .gut-services-main .container {max-width: 1755px;}
}

@media (min-width: 1700px) and (max-width: 1799px) {
    /* Quiz Function Start */
    .quiz-function-main {max-width: 1400px; margin: 0 auto;}
    /* Quiz Function End */

    /*footer*/
    .footer-contact > *:first-child { padding-left: 298px; padding-right: 90px; }
    /*footer*/

    /*contact section*/
    .contact-right .btn-wrp { margin-right: 30px; }
    .contact-wrapper { padding: 150px 0 150px 72px; }
    /*contact section*/

    /*blog detail page*/
    .blog-detail-wrapper  .blog-detail-inner { margin: 0 0 0 100px; }
    .blog-detail-right { max-width: 930px; }
    .blog-detail-left .blog-share {
        top: 100px;
        right: -55px;
    }
    /*blog detail page*/

    /*podcast*/
    .podcast-arrow-wrapper .slick-prev { left: -20px; }
    .podcast-arrow-wrapper .slick-next { right: -11px; }
    /*podcast*/

    /*why gss*/
    .why-gss-bottom-right { left: 0; }
    /*why gss*/

    .gss-system-title { margin: 0 0 50px 80px; }
    .blog-wrapper.blog-dtl-blocks  .blog-main { padding: 0 0 0 100px; }
    .who-we-are-section { padding: 0 0 0 80px; }

    .quiz-main { padding-left: 100px; } 

    .gut-services-main {padding: 124px 0 126px 0;}
}

@media (min-width: 1700px) {
    .container {max-width: 1650px;}
}

@media (min-width: 1600px) and (max-width: 1699px) {
    .container {max-width: 1350px;}

    /* Banner Start */
    .banner-right-img {max-width: 220px;}
    .banner-middle-vector {max-width: 210px;}
    .banner-right-2 {top: 93px; right: -5px;}
    .banner-right-6 {top: 93px; left: -5px;}
    .banner-right-5 {bottom: 95px; left: -4px;}
    .banner-right-3 {bottom: 95px; right: -4px;}
    /* Banner End */

    /* Quiz Function Start */
    .quiz-function-row .row>*:first-child {width: 39.666667%;}
    .quiz-function-row .row>*:last-child {width: 43.666667%;}
    /* Quiz Function End */

    /*footer*/
    .footer-contact > *:first-child { padding-left: 241px; padding-right: 90px; }
    .footer-block { margin-right: 90px; }
    .footer-contact > *:nth-child(2) { padding-right: 90px; }
    /*footer*/

    /*contact section*/
    .contact-right .btn-wrp { margin-right: 30px; }
    .contact-wrapper { padding: 140px 0 140px 0px; }
    .contact-right .btn-green { padding: 16px 46px 16px 46px; }
    .contact-right .btn-navy { padding: 16px 46px 16px 46px; }
    /*contact section*/

    /*blog detail page*/
    .blog-detail-right { max-width: 830px; }
    .blog-detail-left .blog-img { width: 470px; height: 470px; }
    .blog-detail-left .blog-img::before { right: -60px; top: -15px; width: 511px; height: 502px; background-size: contain; }
    .blog-detail-left .blog-share {
        top: 100px;
        right: -55px;
    }
    /*blog detail page*/

        /*why gss*/
    .why-gss-bottom-right { left: 0; }
    .why-gss-right-inner { max-width: 700px; margin: 0 0 0 auto; }
    /* .why-gss-right { max-width: 850px; margin: 0 auto; } */
    .why-gss-left-img svg { max-width: 495px; }
    /*why gss*/
    /*podcast*/
    .podcast-arrow-wrapper .slick-prev { left: -65px; }
    /*podcast*/

    .quiz-main { padding-left: 100px; } 

    /*gut page*/
    .gut-services-main .accordion-button::after { height: 25px; right: 11px; } 
    .gut-services-main .accordion-button::before { width: 25px; } 
    .gut-services-inner-right { max-width: 539px; margin: 0 auto; } 
    .gut-service-left { max-width: 600px; }
    .gut-services-main {padding: 125px 0;}
    .hexagon-video iframe { min-height: 415px;}
    /*gut page*/ 
}

@media (min-width: 1500px) and (max-width: 1599px) {
    .container {max-width: 1200px;}

    /* Common Style Start */
    .main-title {font-size: 60px; line-height: 74px;}
    /* Common Style End */

    /* Header Start */
    .vector-logo { width: 80px; height: 80px; padding: 10px; }
    .header .navbar-nav .nav-item .nav-link {padding: 25px 0;}
    /* Header End */

    /* Banner Start */
    .banner-wrp {margin-left: 80px; padding: 90px 0 130px;}
    .banner-main { padding: 0 80px 0 0; }
    .banner-content {padding: 0 0 0 30px;}
    .banner-right-img {max-width: 200px;}
    .banner-middle-vector {max-width: 190px;}
    .banner-right-2 {top: 82px; right: -9px;}
    .banner-right-6 {top: 82px; left: -9px;}
    .banner-right-5 {bottom: 87px; left: -10px;}
    .banner-right-3 {bottom: 87px; right: -10px;}
    /* Banner End */

    /* Quiz Function Start */
    .quiz-function-wrp { top: -90px; }
    .quiz-function-section {padding: 30px;}
    .quiz-function-row .row>*:first-child {width: 34.666667%;}
    .quiz-function-row .row>*:last-child {width: 48.666667%;}
    /* Quiz Function End */

    /* Core Services Start */
    .common-bg::after {width: 80px;}
    .core-services-wrp {margin-left: 80px;}
    .core-services-main { padding: 0 80px 0 0; }
    .core-services-border::before {width: 119px; right: -7px;}
    .core-services-border::after {width: 120px; left: -6px;}
    /* Core Services End */

    /*footer*/
    .footer-contact > *:first-child { padding-left: 200px; padding-right: 70px; }
    .footer-block { margin-right: 70px; }
    .footer-contact > *:nth-child(2) { padding-right: 70px; }
    .footer-wrapper { margin-left: 80px; }
    .footer .top-up { height: 80px; width: 80px; }
    /*footer*/

    /*contact section*/   
    .contact-right .btn-wrp { margin-right: 30px; }
    .contact-wrapper { padding: 130px 0 130px 0px; }
    .contact-right .btn-green { padding: 16px 46px 16px 46px; }
    .contact-right .btn-navy { padding: 16px 46px 16px 46px; }
    /*contact section*/

    /*blog page*/
    .blog-wrapper { padding: 130px 0; }
    .blogs-block-inner .row { row-gap: 40px; } 
    .block-block-top .blog-time .block-title { font-size: 36px; line-height: 42px; } 
    .blog-time { width: 101px; height: 101px;left: -23px; } 
    .blog-img { width: 350px; height: 357px; } 
    .blog-img::before {width: 334px;     right: 9px; height: 386px;background-size: cover; }
    .blog-main { margin: 0 auto 0 80px; } 
    .blog-block-bottom .block-title { font-size: 23px; line-height: 29px; }
    /*blog page*/

    /*inner banner*/
    .inner-bnner-wrp { margin-left: 80px; }
    .inner-bnner-section .breadcrumb-item a { font-size: 18px; }
    /*inner banner*/

    /*blog detail page*/
    .blog-detail-right { max-width: 680px; }
    .blog-detail-left .blog-img { width: 470px; height: 470px; }
    .blog-detail-left .blog-img::before {right: 17px; top: -17px; width: 435px; height: 503px; background-size: cover; }
    .blog-detail-right .section-title { font-size: 40px; line-height: normal; }
    .blog-wrapper.blog-dtl-blocks { padding: 50px 0 130px 0; }
    .blog-detail-wrapper { padding: 130px 0 50px 0; }
    .blog-detail-left .blog-share {
        top: 77px;
        right: -99px;
    }
    /*blog detail page*/
    /*gss system start*/
    .system-block-2 { right: -65px; }
    .system-block-5 { left: -57px; }
    .gss-system-wrp { padding: 100px 0; }
    /*gss system start*/

    /*podcast slider*/   
    .podcast-content-slider .podcast-content-slide { padding: 0 18px; }
    .podcast-content-slider .slick-list { margin: 0 -18px; }
    .podcast-wrapper { margin-left: 80px; }
    /*podcast slider*/   

    /*who are we*/
    .who-we-are-wrp { padding: 296px 0 100px; }
    /*who are we*/


    /*quick function section*/
    .quick-img svg { max-width: 580px; } 
    .quick-wrapper { padding: 100px 0; }
    /*quick function section*/

        /*why gss*/
    .why-gss-flx { align-items: flex-start; }        
    .why-gss-right-inner { max-width: 632px; }
    .why-gss-bottom-left { max-width: 600px; }
    .why-gss-bottom-right { left: 0; }
    /* .why-gss-right { max-width: 850px; margin: 0 auto; } */
    .why-gss-left-img svg { max-width: 495px; }
    .why-gss-wrapper { background-size: cover ! important; margin-left: 80px; }
    .why-gss-bottom-left ul { flex-direction: column; }
    /* .why-gss-bottom-inner { flex-wrap: wrap; margin: 0 0 0 auto; justify-content: flex-end; } */
    /*why gss*/
    /*gss center*/
    .system-block-1 { left: 471px; top: -26px; }
    /*gss center*/

    /*gut page*/
    .gut-services-inner-right { max-width: 700px; margin: 0 auto; height: auto; } 
    .gut-services-main .accordion-button::after { height: 25px; right: 11px; } 
    .gut-services-main .accordion-button::before { width: 25px; } 
    .gut-services-inner-right { max-width: 539px; margin: 0 auto; } 
    .gut-service-left { max-width: 600px; }
    .gut-services-main { padding: 125px 0; }
    .hexagon-video iframe { min-height: 383px;}
    /*gut page*/    

}

@media (min-width: 1400px) and (max-width: 1499px) {
    .container {max-width: 1200px;}

    /* Common Style Start */
    .main-title {font-size: 60px; line-height: 74px;}
    .section-title {font-size: 44px; line-height: 54px;}
    /* Common Style End */

    /* Header Start */
    .vector-logo { width: 80px; height: 80px; padding: 10px; }
    .header .navbar-nav .nav-item .nav-link {padding: 25px 0;}
    /* Header End */

    /* Banner Start */
    .banner-wrp {margin-left: 80px; padding: 90px 0 130px;}
    .banner-main { padding: 0 80px 0 0; }
    .banner-content {padding: 0 0 0 30px;}
    .banner-right-img {max-width: 200px;}
    .banner-middle-vector {max-width: 190px;}
    .banner-right-2 {top: 82px; right: -9px;}
    .banner-right-6 {top: 82px; left: -9px;}
    .banner-right-5 {bottom: 87px; left: -10px;}
    .banner-right-3 {bottom: 87px; right: -10px;}
    /* Banner End */

    /* Quiz Function Start */
    .quiz-function-wrp { top: -90px; }
    .quiz-function-section {padding: 30px;}
    .quiz-function-row .row>*:first-child {width: 34.666667%;}
    .quiz-function-row .row>*:last-child {width: 48.666667%;}
    /* Quiz Function End */

    /* Core Services Start */
    .common-bg::after {width: 80px;}

    .core-services-wrp {margin-left: 80px;}
    .core-services-main { padding: 0 80px 0 0; }
    .core-services-border::before {width: 119px; right: -7px;}
    .core-services-border::after {width: 120px; left: -6px;}
    /* Core Services End */

    /*footer*/
    .footer-contact > *:first-child { padding-left: 100px; padding-right: 70px; }
    .footer-block { margin-right: 70px; padding-top: 54px;}
    .footer-contact > *:nth-child(2) { padding-right: 70px; }
    .footer-navigation { padding: 54px 0px 54px 64px; }
    .footer-copyright { padding: 27px 54px 27px 54px; } 
    .footer-wrapper { margin-left: 80px; }
    .footer .top-up { height: 80px; width: 80px; }
    /*footer*/

    /*contact section*/   
    .contact-right .btn-wrp { margin-right: 30px; }
    .contact-wrapper { padding: 130px 0 130px 80px; }
    .contact-right .btn-green { padding: 16px 30px 16px 30px; }
    .contact-right .btn-navy { padding: 16px 30px 16px 30px; }
    /*contact section*/  

    /*blog page*/
    .blog-wrapper { padding: 130px 0; }
    .blogs-block-inner .row { row-gap: 40px; } 
    .block-block-top .blog-time .block-title { font-size: 36px; line-height: 42px; } 
    .blog-time { width: 107px; height: 107px; } 
    .blog-img { width: 360px; height: 367px; } 
    .blog-img::before { width: 343px; height: 396px; background-size: cover; }
    /*blog page*/


    /*inner banner*/
    .inner-bnner-wrp { margin-left: 80px; }
    .inner-bnner-section .breadcrumb-item a { font-size: 18px; }
    /*inner banner*/

    /*blog page*/
    .blog-wrapper { padding: 100px 0; }
    .blogs-block-inner .row { row-gap: 40px; } 
    .block-block-top .blog-time .block-title { font-size: 36px; line-height: 42px; } 
    .blog-time { width: 101px; height: 101px;left: -23px; } 
    .blog-img { width: 350px; height: 357px; } 
    .blog-img::before { width: 331px; height: 383px; top: -14px; background-size: cover; }
    .blog-main { margin: 0 auto 0 80px; } 
    .blog-block-bottom .block-title { font-size: 23px; line-height: 29px; }
    /*blog page*/

    /*blog detail page*/
    .blog-detail-left .blog-share {
        top: 77px;
        right: -99px;
    }
    .blog-detail-right { max-width: 680px; }
    .blog-detail-left .blog-img { width: 470px; height: 470px; }
    .blog-detail-left .blog-img::before {right: 17px; top: -17px; width: 435px; height: 503px; background-size: cover; }
    .blog-detail-right .section-title { font-size: 40px; line-height: normal; }
    .blog-wrapper.blog-dtl-blocks { padding: 50px 0 130px 0; }
    .blog-detail-wrapper { padding: 130px 0 50px 0; }
    .blog-dtl-blocks .blog-main { padding: 0 0 0 60px; }
    /*blog detail page*/

    /*gss system start*/
    .system-block-2 { right: 91px; } 
    .system-block-5 {  left: 114px; }
    .gss-system-block { flex-direction: column !important; }
    .gss-system-block .block-title { font-size: 22px; }
    .system-block-4 { left: 222px; }
    .system-block-3 { right: 201px; }
    .gss-system-wrp { padding: 100px 0; }
    .system-block-1 { left: 500px; top: -26px; }
    /*gss system start*/
    
    /*podcast slider*/   
    .podcast-content-slider .podcast-content-slide { padding: 0 18px; }
    .podcast-content-slider .slick-list { margin: 0 -18px; }
    .podcast-wrapper { margin-left: 80px; }
    .podcast-arrow-wrapper .slick-prev { left: -55px; }
    /*podcast slider*/   

    /*who are we*/
    .who-we-are-wrp { padding: 296px 0 100px; }
    /*who are we*/

    /*quick function section*/
    .quick-right .small-title ,
    .quick-left .small-title { font-size: 19px; line-height: 26px; }
    .quick-img svg { max-width: 544px; } 
    .quick-wrapper { padding: 100px 0; }
    /*quick function section*/

    /*why gss*/
    /* .why-gss-bottom-right { left: 0; } */
    /* .why-gss-right { max-width: 850px; margin: 0 auto; } */
    .why-gss-left-img {
        margin-top: 0;
    }
    .why-gss-flx { align-items: flex-start; }
    .why-gss-left-img svg { max-width: 495px; }
    .why-gss-wrapper { background-size: cover ! important; margin-left: 80px; }
    .why-gss-bottom-left ul { flex-direction: column; }
    .why-gss-right-inner { max-width: 690px; margin: 0 0 0 auto; }
    /* .why-gss-bottom-inner { flex-wrap: wrap; margin: 0 0 0 auto; justify-content: flex-end; } */
    .why-gss-bottom-left p br { display: none; }
    /*why gss*/

    .contact-page-inner { padding: 0 0 0 70px; }

        
    /*quiz page*/
    .quiz-wrapper { padding: 100px 0; }
    .quiz-main { padding-left: 70px; } 
    .quiz-form .block-title { padding: 28px; font-size: 33px; line-height: 33px; margin: 18px 0 20px 0; } 
    .quiz-main-title .section-title { margin: 12px 0  17px 0;} 
    /*quiz page*/

    /*gut page*/
    .gut-services-main .accordion-button::after { height: 25px; right: 11px; } 
    .gut-services-main .accordion-button::before { width: 25px; } 
    .gut-services-inner-right { max-width: 539px; margin: 0 auto; } 
    .gut-service-left { max-width: 600px; }
    .gut-services-main { padding: 125px 0; }
    .hexagon-video iframe { min-height: 383px;}
    /*gut page*/    
}

@media (min-width: 1300px) and (max-width: 1399px) {
    /* Common Style Start */
    .main-title {font-size: 54px; line-height: 68px;}
    .section-title {font-size: 44px; line-height: 54px;}
    /* Common Style End */

    .inner-bnner-main {    background-size: cover !important;}

    /* Header Start */
    .vector-logo { width: 80px; height: 80px; padding: 10px; }
    .header .navbar-nav .nav-item .nav-link {padding: 25px 0;}
    /* Header End */

    /* Banner Start */
    .banner-wrp {margin-left: 80px; padding: 80px 0 110px;}
    .banner-main { padding: 0 80px 0 0; }
    .banner-content {padding: 0 0 0 30px;}
    .banner-right-img {max-width: 172px;}
    .banner-middle-vector {max-width: 160px;}
    .banner-right-2 {top: 74px; right: -9px;}
    .banner-right-6 {top: 74px; left: -9px;}
    .banner-right-5 {bottom: 71px; left: -8px;}
    .banner-right-3 {bottom: 71px; right: -8px;}
    .banner-right {max-width: 411px;}
    /* Banner End */

    /* Quiz Function Start */
    .quiz-function-wrp { top: -70px; }
    .quiz-function-main {max-width: 980px;}
    .quiz-function-section {padding: 30px;}
    /* Quiz Function End */

    /* Core Services Start */
    .common-bg::after {width: 80px;}

    .core-services-wrp {margin-left: 80px;}
    .core-services-main { padding: 0 60px 0 0; }
    .core-services-border::before { width: 99px; bottom: 14px; right: -6px; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); }
    .core-services-border::after { width: 99px; bottom: 14px; left: -6px; transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); }
    .core-services-inner {max-width: 172px;}
    .core-services-icon { width: 156px; height: 190px; }
    .core-services-img {width: 151px; height: 184px;}
    .core-services-border span::before, .core-services-border span::after {bottom: 40px;}
    .core-services-details .small-title {margin: 0 -10px 10px;}
    /* Core Services End */

    /*footer*/
    .footer-logo { max-width: 350px;}
    .footer-contact > *:first-child { padding-left: 100px; padding-right: 40px; }
    .footer-block { margin-right: 40px; padding: 40px 0;}
    .footer-contact > *:nth-child(2) { padding-right: 50px; }
    .footer-navigation { padding: 54px 0px 54px 64px; }
    .footer-copyright { padding: 27px 54px 27px 54px; } 
    .footer-block-desc .small-title { font-size: 18px; }
    .footer-block-desc a, .footer-block-desc .small-title * { font-size: 18px; line-height: 25px; }
    .footer-wrapper { margin-left: 80px; }
    .footer .top-up { height: 80px; width: 80px; }
    /*footer*/
    
    /*contact section*/   
    .contact-right .btn-wrp { margin-right: 15px; }
    .contact-wrapper { padding: 130px 0 130px 80px; }
    .contact-right .btn-green { padding: 16px 26px 16px 26px; }
    .contact-right .btn-navy { padding: 16px 26px 16px 26px; }
    .contact-section .contact-title .section-title { max-width: 451px; line-height: 121%; }
    /*contact section*/   

    /*Inner Banner*/
    .inner-bnner-wrp { margin-left: 80px; }
    .inner-bnner-section .breadcrumb-item a { font-size: 19px; }
    /*Inner Banner*/

    /*contact page*/
    .contact-page { padding: 100px 0; }
    .contact-page-title { margin-bottom: 35px; }
    .contact-page-inner { padding: 0 0 0 70px; }
    .contact-page-wrp { padding: 40px; }
    /*contact page*/
    
    /*blog page*/
    .blog-wrapper { padding: 100px 0; }
    .blogs-block-inner .row { row-gap: 40px; } 
    .block-block-top .blog-time .block-title { font-size: 36px; line-height: 42px; } 
    .blog-time { width: 101px; height: 101px;left: -23px; } 
    .blog-img { width: 330px; height: 337px; } 
    .blog-img::before { width: 315px; height: 366px; right: 9px; top: -13px; background-size: cover; }
    .blog-main { margin: 0 auto 0 80px; } 
    .blog-block-bottom .block-title { font-size: 23px; line-height: 29px; }
    /*blog page*/
    
    /*blog detail page*/
    .blog-detail-left .blog-share {
        top: 72px;
        right: -134px;
    }
    .blog-detail-right { max-width: 580px; }
    .blog-detail-left .blog-img { width: 470px; height: 470px; }
    .blog-detail-left .blog-img::before {right: 17px; top: -17px; width: 435px; height: 503px; background-size: cover; }
    .blog-detail-right .section-title { font-size: 40px; line-height: normal; }
    .blog-wrapper.blog-dtl-blocks { padding: 50px 0 130px 0; }
    .blog-detail-wrapper { padding: 130px 0 50px 0; }
    .blog-detail-inner { padding: 0 0 0 39px; }
    .blog-dtl-blocks .blog-main { padding: 0 0 0 48px; }
    /*blog detail page*/

    /*gss system start*/
    .system-block-2 { right: 91px; } 
    .system-block-5 {  left: 114px; }
    .gss-system-block { flex-direction: column !important; }
    .gss-system-block .block-title { font-size: 22px; }
    .system-block-4 { left: 222px; }
    .system-block-3 { right: 201px; }
    .gss-system-content{ padding: 300px 0 251px; } 
    .system-block-1 { left: 470px; top: -26px; }
    /*gss system start*/

            
    /*podcast slider*/   
    .podcast-arrow-wrapper { display: flex ; justify-content: center; position: relative; top: unset; transform: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; left: unset;    margin: 39px 0 0 0; max-width: 130px; margin: 47px auto 0 auto; justify-content: space-around;}
    .podcast-arrow-wrapper .slick-prev { left: unset; }
    .podcast-arrow-wrapper .slick-next { right: unset; }
    .podcast-content-slider .podcast-content-slide { padding: 0 18px; }
    .podcast-content-slider .slick-list { margin: 0 -18px; }
    .podcast-wrapper { margin-left: 80px; }
    /*podcast slider*/   

    /*quick function section*/
    .quick-right .small-title ,
    .quick-left .small-title { font-size: 19px; line-height: 26px; }
    .quick-img svg { max-width: 530px; } 
    .quick-wrapper { padding: 100px 0; }
    .quick-left { margin-right: 30px; padding-right: 30px; }
    .quick-main { padding: 0 0 0 28px; }
    /*quick function section*/

    /*why gss*/
    .why-gss-bottom-right { left: 0; }
    .why-gss-left-img svg { max-width: 495px; }
    .why-gss-wrapper { background-size: cover ! important; margin-left: 80px; }
    .why-gss-bottom-left ul { flex-direction: column; }
    .why-gss-bottom-left p br { display: none; }
    .why-gss-right-inner { max-width: 600px; margin: 0 0 0 auto; } 
    .why-gss-bottom-right img { max-width: 470px; } 
    .why-gss-flx { display: flex; align-items: flex-start;} 
        .why-gss-left-img { margin-top: 0px; }
    /*why gss*/

    /* 404 Start */
    .typography-wrp { padding: 120px 0; }
    .typography-wrp .main-title {margin: 0 0 30px;}
    .typography-wrp .block-title { margin: 0 0 20px; }
    .typography-wrp .common-detail { margin: 0 0 20px; }
    /* 404 End */

    
    /* Typography Start */
    .typography-content h1 {font-size: 50px; line-height: 110%;}
    .typography-content h2 {font-size: 42px; line-height: 50px;}
    /* Typography End */
    
    /*quiz page*/
    .quiz-wrapper { padding: 100px 0; }
    .quiz-main { padding-left: 70px; } 
    .quiz-form .block-title { padding: 24px; font-size: 30px; line-height: 33px; margin: 18px 0 20px 0; } 
    .quiz-main-title .section-title { margin: 12px 0  17px 0;} 
    /*quiz page*/
    
        /*gut page*/
    .gut-services-main .accordion-button::after { height: 25px; right: 11px; } 
    .gut-services-main .accordion-button::before { width: 25px; } 
    .gut-services-inner-right { max-width: 539px; margin: 0 auto; } 
    .gut-service-left { max-width: 500px; }
    .gut-services-main { padding:125px 0; }
    .hexagon-video iframe { min-height: 383px;}
   /*gut page*/    

}

@media (min-width: 1200px) and (max-width: 1299px) {
    /* Common Style Start */
    .main-title {font-size: 54px; line-height: 68px;}
    .section-title {font-size: 42px; line-height: 52px;}
    /* Common Style End */

    .inner-bnner-main {    background-size: cover !important;}

    /* Header Start */
    .vector-logo { width: 80px; height: 80px; padding: 10px; }
    .header .navbar-nav .nav-item .nav-link {padding: 25px 0;}
    /* Header End */

    /* Banner Start */
    .banner-wrp {margin-left: 80px; padding: 80px 0 110px;}
    .banner-main { padding: 0 60px 0 0; }
    .banner-content {padding: 0 0 0 30px;}
    .banner-right-img {max-width: 172px;}
    .banner-middle-vector {max-width: 160px;}
    .banner-right-2 {top: 74px; right: -7px;}
    .banner-right-6 {top: 74px; left: -7px;}
    .banner-right-5 {bottom: 71px; left: -6px;}
    .banner-right-3 {bottom: 71px; right: -6px;}
    .banner-right {max-width: 411px;}
    /* Banner End */

    /* Quiz Function Start */
    .quiz-function-wrp { top: -70px; }
    .quiz-function-main {max-width: 980px;}
    .quiz-function-section {padding: 30px;}
    /* Quiz Function End */

    /* Core Services Start */
    .common-bg::after {width: 80px;}

    .core-services-wrp {margin-left: 80px;}
    .core-services-main { padding: 0 60px 0 0; }
    .core-services-border::before { width: 99px; bottom: 14px; right: -6px; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); }
    .core-services-border::after { width: 99px; bottom: 14px; left: -6px; transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); }
    .core-services-inner {max-width: 172px;}
    .core-services-icon { width: 156px; height: 190px; }
    .core-services-img {width: 151px; height: 184px;}
    .core-services-border span::before, .core-services-border span::after {bottom: 40px;}
    .core-services-details .small-title {margin: 0 -10px 10px;}
    .core-services-section { margin: 0 0 0 39px; }
    /* Core Services End */

    /*footer*/
    .footer-logo { max-width: 320px;}
    .footer-contact > *:first-child { padding-left: 100px; padding-right: 40px; }
    .footer-block { margin-right: 40px; padding: 40px 0;}
    .footer-contact > *:nth-child(2) { padding-right: 50px; }
    .footer-navigation { padding: 40px 0px 40px 64px; }
    .footer-copyright { padding: 27px 54px 27px 54px; } 
    .footer-block-desc .small-title { font-size: 18px; }
    .footer-block-desc a, .footer-block-desc .small-title * { font-size: 18px; line-height: 25px; }
    .footer-contact-icn { height: 50px; width: 50px; }
    .footer-wrapper { margin-left: 80px; }
    .footer .top-up { height: 80px; width: 80px; }
    /*footer*/

    /*contact section*/   
    .contact-right .btn-wrp { margin-right: 15px; }
    .contact-wrapper { padding: 130px 0 130px 80px; }
    .contact-right .btn-green { padding: 16px 26px 16px 26px; }
    .contact-right .btn-navy { padding: 16px 26px 16px 26px; }
    .contact-section .contact-title .section-title { max-width: 451px; line-height: 121%; }
    /*contact section*/   

    /*Inner Banner*/
    .inner-bnner-wrp { margin-left: 80px; }
    /*Inner Banner*/

    /*contact page*/
    .contact-page { padding: 80px 0; }
    .contact-page-title { margin-bottom: 35px; }
    .contact-page-inner { padding: 0 0 0 70px; }
    .contact-page-wrp { padding: 40px; }
    /*contact page*/

    /*blog page*/
    .blog-wrapper { padding: 70px 0; }
    .blogs-block-inner .row { row-gap: 40px; } 
    .block-block-top .blog-time .block-title { font-size: 36px; line-height: 42px; } 
    .blog-time { width: 101px; height: 101px;left: -23px; } 
    .blog-img { width: 330px; height: 337px; } 
    .blog-img::before { width: 315px; height: 366px; right: 9px; top: -13px; background-size: cover; }
    .blog-main { margin: 0 auto 0 80px; } 
    .blog-block-bottom .block-title { font-size: 23px; line-height: 29px; }
    /*blog page*/
    
    /*blog detail page*/
    .blog-detail-left .blog-share {
        top: 72px;
        right: -134px;
    }
    .blog-detail-right { max-width: 530px; }
    .blog-detail-left .blog-img { width: 470px; height: 470px; }
    .blog-detail-left .blog-img::before {right: 17px; top: -17px; width: 435px; height: 503px; background-size: cover; }
    .blog-detail-right .section-title { font-size: 40px; line-height: normal;     margin: 20px 0 29px 0;}
    .blog-wrapper.blog-dtl-blocks { padding: 50px 0 130px 0; }
    .blog-detail-wrapper { padding: 90px 0 50px 0; }
    .blog-detail-inner { padding: 0 0 0 60px; }
    .blog-detail-flx-img { height: 36px; width: 34px; } 
    .blog-detail-flx-img img { height: 15px; width: 14px; }
    .blog-dtl-blocks .blog-main { padding: 0 0 0 82px; }
    /*blog detail page*/
    
    /*gss system start*/
    .system-block-2 { right: 91px; } 
    .system-block-5 {  left: 114px; }
    .gss-system-block { flex-direction: column !important; }
    .gss-system-block .block-title { font-size: 22px; }
    .system-block-4 { left: 222px; }
    .system-block-3 { right: 201px; }
    .gss-system-content{ padding: 300px 0 251px; } 
    .gss-system-wrp { padding: 80px 0; }
    .gss-system-title { margin: 0 0 50px 70px; }
    .system-block-1 { left: 470px; top: -26px; }
     /*gss system start*/
    /*who are we*/
     .who-we-are-section { padding: 0 0 0 45px; }
    /*who are we*/

     /*podcast*/
     .podcast-arrow-wrapper { display: flex ; justify-content: center; position: relative; top: unset; transform: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; left: unset;    margin: 39px 0 0 0; max-width: 130px; margin: 47px auto 0 auto; justify-content: space-around;}
    .podcast-arrow-wrapper .slick-prev { left: unset; }
    .podcast-arrow-wrapper .slick-next { right: unset; }
    .podcast-content-slider .podcast-content-slide { padding: 0 15px; }
    .podcast-content-slider .slick-list { margin: 0 -15px; }
    .podcast-wrapper { position: relative; margin-left: 80px; padding: 80px 0; }
    .podcast-wrapper .blog-time { left: -8px; }
    .podcast-content-slide .blog-share {right: -2px;}
     /*podcast*/


    /*quick function section*/
    .quick-right .small-title ,
    .quick-left .small-title { font-size: 17px; line-height: 26px; max-width: 124px;}
    .quick-img svg { max-width: 470px; } 
    .quick-wrapper { padding: 80px 0; }
    .quick-left { margin-right: 30px; padding-right: 30px; }
    .quick-main { padding: 0 0 0 86px; }
    /*quick function section*/

    /*why gss*/
    .why-gss-bottom-right { left: 0; }
    .why-gss-left-img svg { max-width: 495px; }
    .why-gss-wrapper { background-size: cover ! important; margin-left: 80px; }
    .why-gss-bottom-left ul { flex-direction: column; }
    .why-gss-bottom-left p br { display: none; }
    .why-gss-right-inner { max-width: 575px; } 
    .why-gss-left-img { margin-top: 0; } 
    .why-gss-flx { align-items: flex-start; } 
    .why-gss-bottom-right img { max-width: 500px; }
    /*why gss*/
    
    /* 404 Start */
    .typography-wrp { padding: 120px 0; }
    .typography-wrp .main-title {margin: 0 0 30px;}
    .typography-wrp .block-title { margin: 0 0 20px; }
    .typography-wrp .common-detail { margin: 0 0 20px; }
    /* 404 End */

    /* Typography Start */
    .typography-content h1 {font-size: 50px; line-height: 110%;}
    .typography-content h2 {font-size: 42px; line-height: 50px;}
    /* Typography End */


    /*quiz page*/
    .quiz-wrapper { padding: 100px 0; }
    .quiz-main { padding-left: 70px; } 
    .quiz-form .block-title { padding: 24px; font-size: 30px; line-height: 33px; margin: 18px 0 20px 0; } 
    .quiz-main-title .section-title { margin: 12px 0  17px 0;} 
    /*quiz page*/

    /*gut page*/
    .gut-services-main { padding: 130px 0 131px 0; } 
    .gut-services-main .accordion-button::after { height: 25px; right: 11px; } 
    .gut-services-main .accordion-button::before { width: 25px; } 
    .h-content .gut-logo { max-width: 307px; margin: 0 auto; } 
    .gut-service-left { max-width: 500px; }
    .gut-services-inner-right { max-width: 539px; margin: 0 auto; }
    .hexagon-video iframe { min-height: 383px;}
        /*gut page*/    
}

@media (max-width: 1199px)  {

    .common-bg::after {width: 40px;}
    .core-services-wrp {margin-left: 40px; padding: 60px 0 ;}
    .core-services-main { padding: 0; }
    .core-services-row .row>* {width: 100%;}
    .core-services-row .row>*:nth-child(even) .core-services-block {margin-top: 0; flex-direction: column;}
    .core-services-block {margin: 0 0; height: 100%;    flex-direction: column-reverse;}
    .core-services-top .row { align-items: center; }
    .core-services-row .row>*:nth-child(odd) .core-services-details .small-title { min-height: auto; }
    .core-services-top-right { text-align: left; margin: 0; }
    .core-services-title {margin: 0 0 20px;}
    .core-services-top { margin: 0 0 30px; }
    .core-services-details .small-title { font-size: 18px; line-height: 28px; margin: 0 0 10px;}
    .core-services-inner {max-width: 185px;        margin: auto auto 0 auto;}
    .core-services-icon { width: 168px; height: 190px; }
    .core-services-img { width: 164px; height: 187px; }
    .core-services-border span::before {width: 2px; bottom: 41px;}
    .core-services-border span::after {width: 2px; bottom: 41px;}
    .core-services-border::before {height: 2px; width: 106px; right: -6px; bottom: 14px;}
    .core-services-border::after {height: 2px; width: 106px; left: -6px; bottom: 14px;}
    .core-services-row .row>*:nth-child(even) .core-services-details { margin: 0 0 30px; }
    .core-services-row .slick-track { display: flex !important; }
    .core-services-row .slick-slide { height: inherit !important; }
    .core-services-row  .slick-list { padding: 30px 0; } 
    .core-services-details { margin: 22px 10px 0 10px; height: 100%; display: flex ; flex-direction: column; } 
    .core-services-details .common-detail { margin: auto 10px 0 10px; }
    .blog-share .share-btn svg {height: 18px;}
    .blog-share {right: 0;top: 41px;width: 55px;height: 55px;right: -24px;}

    .inner-bnner-main {    background-size: cover !important;}
    .hexagon-video iframe { min-height: 383px;}

}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Common Style Start */
    .main-title {font-size: 44px; line-height: 54px;}
    
    .section-title {        font-size: 34px; line-height: 45px;}
    .block-title {font-size: 22px; line-height: 32px;}
    /* Common Style End */

    /* Header Start */
    .vector-logo { width: 70px; height: 70px; padding: 10px;  margin: 0 15px 0 0;}
    .header .navbar-brand {max-width: 250px;}
    .header .navbar-nav .nav-item .nav-link {padding: 20px 0;}
    .header .container {padding: 0 70px 0 0;}
    .header .navbar-nav .nav-item .nav-link::after {height: 24px;}
    /* Header End */

    /* Banner Start */
    .banner-wrp {margin-left: 70px; padding: 70px 0 90px;}
    .banner-main { padding: 0 60px 0 0; }
    .banner-content {padding: 0 0 0 20px; margin: 0 -30px 0 0;}
    .banner-right-img {max-width: 162px;}
    .banner-middle-vector {max-width: 150px;}
    .banner-right-2 {top: 69px; right: -4px;}
    .banner-right-6 {top: 69px; left: -4px;}
    .banner-right-5 {bottom: 66px; left: -2px;}
    .banner-right-3 {bottom: 66px; right: -2px;}
    .banner-right { max-width: 390px; margin: 0 0 0 20px; }
    .banner-content .block-title {line-height: 32px;}
    /* Banner End */

    /* Quiz Function Start */
    .quiz-function-wrp { top: -50px; }
    .quiz-function-main {max-width: 790px;}
    .quiz-function-section {padding: 30px;}
    .quiz-function-logo {margin: 0 auto;  height: 100%; display: flex; align-items: center; justify-content: center;}
    /* Quiz Function End */
    
    /* Core Services Start */
    .common-bg::after {width: 70px;}

    .core-services-wrp {margin-left: 70px; padding: 70px 0 40px;}
    .core-services-main { padding: 0 60px 0 0; }
    .core-services-row .row>*:nth-child(even) .core-services-block {margin-top: 0;}
    .core-services-top .row { align-items: center; }
    .core-services-row .row>*:nth-child(odd) .core-services-details .small-title { min-height: auto; }
    /* Core Services End */

    /*footer*/
    .footer-logo { max-width: 270px;}
    .footer-navigation ul li { margin-right: 45px; }
    .footer-contact > *:first-child { padding-left: 40px; padding-right: 40px; }
    .footer-block { margin-right: 40px; padding: 40px 0;}
    .footer-contact > *:nth-child(2) { padding-right: 40px; }
    .footer-navigation { padding: 40px 0px 40px 40px; }
    .footer-copyright { padding: 27px 40px 27px 40px; } 
    .footer-block-desc .small-title { font-size: 16px; max-width: 178px;}
    .footer-block-desc a, .footer-block-desc .small-title * { font-size: 18px; line-height: 25px; }
    .footer-contact-icn { height: 40px; width: 40px; }
    .footer-wrapper { margin-left: 70px; }
    .footer .top-up { height: 70px; width: 70px; }
    .footer-navigation ul li a { font-size: 18px; line-height: 25px; }
    .footer-block-desc .detail * { font-size: 15px; line-height: 15px; }
    .footer-copyright .footer-copyright-left ul li a, .footer-copyright .detail { font-size: 15px; line-height: 15px; }
    .footer-block-desc a, .footer-block-desc .small-title * { font-size: 16px; line-height: 23px; }
    /*footer*/

    /*contact section*/   
    .contact-right .btn {font-size: 17px;}
    .contact-right .btn-wrp { margin-right: 15px; padding: 8px; }
    .contact-wrapper { padding: 80px 0 80px 60px; }
    .contact-right .btn-green { padding: 11px 18px 11px 18px; }
    .contact-right .btn-navy { padding: 11px 18px 11px 18px; }
    .contact-section .contact-title .section-title { max-width: 451px; line-height: 121%; font-size: 40px;}
    .contact-section-form form .row>* { padding-left: 15px; padding-right: 15px; }
    .contact-section-form form .row { margin-left: -15px; margin-right: -15px; }
    /*contact section*/   

    /*Inner Banner*/
    .inner-bnner-wrp { margin-left: 70px; }
    /*Inner Banner*/

    /*contact page*/
    .contact-page { padding: 80px 0; }
    .contact-page-wrp .form-group .form-control { padding: 10px; font-size: 15px; line-height: 24px;  }
    .contact-page-title { margin-bottom: 35px; }
    .contact-page-inner { padding: 0 0 0 70px; }
    .contact-page-wrp { padding: 35px; }
    .contact-page-wrp .form-group .form-label { font-size: 17px; line-height: 20px; margin-bottom: 10px; }
    .contact-page-wrp .form-group .form-control::placeholder { font-size: 17px; }
    /*contact page*/

    /*blog page*/
    .blog-wrapper { padding: 70px 0; }
    .blogs-block-inner .row { row-gap: 40px; } 
    .block-block-top .blog-time .block-title { font-size: 30px; line-height: 36px; } 
    .blog-time { width: 90px; height: 85px; left: -9px; } 
    .blog-img {  width: 290px; height: 297px; } 
    .blog-img::before {width: 279px; height: 322px; right: 6px; top: -13px; background-size: cover; }
    .blog-main { margin: 0 auto 0 0px; } 
    .blog-block-bottom .block-title { font-size: 21px; line-height: 26px; }
    .blog-time .block-title span { font-size: 17px; line-height: 17px; }
    /*blog page*/

    /*blog detail page*/
    .blog-detail-left .blog-share {
        top: 72px;
        right: -134px;
    }
    .blog-detail-right { max-width: 444px; }
    .blog-detail-left .blog-img { width: 400px; height: 400px; }
    .blog-detail-left .blog-img::before {right: 14px; top: -17px; width: 373px; height: 432px; background-size: cover; }
    .blog-detail-right .section-title { font-size: 35px; line-height: normal;     margin: 20px 0 29px 0;}
    .blog-wrapper.blog-dtl-blocks { padding: 50px 0 130px 0; }
    .blog-detail-wrapper { padding: 90px 0 50px 0; }
    .blog-detail-inner { padding: 0 0 0 60px; }
    .blog-detail-flx-img { height: 36px; width: 34px;     margin: 0 10px 0 0;} 
    .blog-detail-flx-img img { height: 15px; width: 14px; }
    .blog-detail-flx-block .small-title { font-size: 18px; }
    .blog-detail-right-inner p { font-size: 16px; line-height: 24px; } 
    .blog-detail-right-inner h5 { font-size: 23px; line-height: 31px; } 
    .blog-detail-bottom-inner h5 { font-size: 23px; line-height: 31px; margin: 30px 0 15px 0; } 
    .blog-detail-bottom-inner p{ font-size: 16px; line-height: 24px; } 
    .blog-detail-bottom-inner ul li ,
    .blog-detail-bottom-inner ol li { font-size: 16px; line-height: 24px; }
    .blog-dtl-blocks .blog-title-wrp { display: flex ; align-items: flex-start; justify-content: space-between; flex-direction: column; row-gap: 13px; padding: 0 0 0 80px; }
    .blogs-block-inner { padding: 0 0 0 55px; }
    /*blog detail page*/

        
    /*gss system start*/
    .system-block-2 { right: 16px; } 
    .system-block-5 { left: 54px; }
    .gss-system-block { flex-direction: column !important; }
    .gss-system-block .block-title { font-size: 20px; }
    .system-block-4 { left: 222px; }
    .system-block-3 { right: 201px; }
    .gss-system-content{ padding: 300px 0 251px; max-width: 410px; } 
    .system-block-img svg { max-width: 130px; }
    .system-block-left { margin: 0 0 0; }
    .system-block-5 .system-block-left { margin: 0 0 0 0; }
    .gss-system-inner::before { height: 645px; width: 680px; }
    .gss-system-wrp { padding: 80px 0; }
    .gss-system-title { margin: 0 0 50px 70px; }
    .system-title-right .sub-title { font-size: 19px; }
    .system-block-1 { left: 381px; top: -26px; }

    /*gss system start*/

    /*who we are*/
    .who-we-are-main { padding: 0 0 0 57px; }
    .who-we-are-wrp { padding: 304px 0 70px; }
    /*who we are*/

    .quiz-function-section .small-title { font-size: 18px; }

     /*podcast*/
    .podcast-title .sub-title { margin-bottom: 10px; }
    .podcast-arrow-wrapper { display: flex ; justify-content: center; position: relative; top: unset; transform: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; left: unset;    margin: 39px 0 0 0; max-width: 130px; margin: 47px auto 0 auto; justify-content: space-around;}
    .podcast-arrow-wrapper .slick-prev { left: unset; }
    .podcast-arrow-wrapper .slick-next { right: unset; }
    .podcast-content-slider .podcast-content-slide { padding: 0 15px; }
    .podcast-content-slider .slick-list { margin: 0 -15px; }
    .podcast-wrapper { position: relative; margin-left: 70px; padding: 80px 0; }
    .podcast-wrapper .blog-time { left: -8px; } 
    .podcast-wrapper  .blog-img { width: 269px; height: 274px; }
    .podcast-wrapper  .blog-img::before { width: 258px; height: 299px; }
    .podcast-content-slide .blog-share {right: 0px;}
     /*podcast*/
     
    /*who we are*/
    .who-we-are-wrp { padding: 390px 0 60px; }
    .who-we-are-right { padding: 58px 0 0 0; }
    .who-we-are-wrp { padding: 240px 0 60px; }
    .who-we-are-right { padding: 35px 0 0 40px; }
    /*who we are*/
    
    /*quick function section*/
    .quick-right .small-title ,
    .quick-left .small-title { font-size: 15px; line-height: 20px; max-width: 119px;}
    .quick-img svg {  max-width: 385px; height: auto; } 
    .quick-wrapper { padding: 80px 0; }
    .quick-left { margin-right: 30px; padding-right: 30px; }
    .quick-main { padding: 0 0 0 86px; }
    /*quick function section*/

    /*why gss*/
    .why-gss-bottom-right { left: 0; }
    .why-gss-left-img svg { max-width: 384px; }
    .why-gss-wrapper { background-size: cover ! important; margin-left: 80px; }
    .why-gss-bottom-left ul { flex-direction: column; }
    .why-gss-bottom-left p br { display: none; }
    .why-gss-bottom-right img { max-width: 400px; } 
    .why-gss-right-inner { max-width: 505px; } 
    .why-gss-flx { align-items: flex-start; } 
    .why-gss-left-img { margin-top: 0; }
    /*why gss*/

    /* 404 Start */
    .typography-wrp { padding: 100px 0; }
    .typography-wrp .main-title {margin: 0 0 20px;}
    .typography-wrp .block-title { margin: 0 0 20px; }
    .typography-wrp .common-detail { margin: 0 0 20px; }
    /* 404 End */

    
    /* Typography Start */
    .typography-content h1 {font-size: 44px; line-height: 50px;}
    .typography-content h2 {font-size: 38px; line-height: 44px;}
    /* Typography End */
    .blog-detail-flx-block { padding: 6px 10px; margin: 0 20px 0 0; }

    /*quiz page*/
    .quiz-wrapper { padding: 50px 0; }
    .quiz-main { padding-left: 70px; } 
    .quiz-form .block-title { padding: 18px; font-size: 25px; line-height: 33px; margin: 18px 0 20px 0; } 
    .quiz-main-title .section-title { margin: 12px 0  17px 0;} 
    /*quiz page*/

    /*gut page*/
    .gut-services-main { padding: 50px 0; } 
    .gut-services-main .accordion-button::after { height: 25px; right: 11px; } 
    .gut-services-main .accordion-button::before { width: 25px; } 
    .gut-services-main .accordion-body { font-size: 15px; line-height: 21px; } 
    .gut-services-main .accordion-button { font-size: 18px; line-height: 23px; } 
    .h-content .gut-logo { max-width: 255px; margin: 0 auto; } 
    .gut-services-main .row { flex-direction: column-reverse; }
    .gut-service-left { margin-top: 30px; max-width: 100%;}
    .gut-services-inner-right { max-width: 539px; margin: 0 auto; } 
    /*gut page*/

}

@media (max-width: 991px)  {
    /*gut page*/
  .gut-services-main { padding: 50px 0; } 
  .gut-services-main .accordion-button::after { height: 25px; right: 11px; } 
  .gut-services-main .accordion-button::before {width: 27px; }
  .gut-services-main .accordion-body { font-size: 15px; line-height: 21px; } 
  .gut-services-main .accordion-button { font-size: 18px; line-height: 23px; } 
  .h-content .gut-logo { max-width: 255px; margin: 0 auto; } 
  .gut-services-main .row { flex-direction: column-reverse; }
  .gut-service-left { margin-top: 20px; }
  .gut-services-inner-right { max-width: 539px; margin: 0 auto; } 
  /*gut page*/
  .footer-copyright {flex-direction: column;row-gap: 12px;}
  .gut-services-main .accordion-button::after {right:12px;}

  .gut-services-main{background-position: center;}
  .why-gss-left { margin: 0 auto 20px auto;}
  .why-gss-btns .why-gss-btn-block {
    margin: 0 0px 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    .why-gss-btns {
        justify-content: center;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    /* Common Style Start */
    .main-title { font-size: 37px; line-height: 52px;}
    .section-title {font-size: 32px; line-height: 46px;}
    .block-title {font-size: 20px; line-height: 30px;}
    .small-title {font-size: 18px; line-height: 28px;}
    .btn {font-size: 18px; line-height: 28px; padding: 8px 18px;}
    /* Common Style End */

    /* Header Start */
    .vector-logo { width: 60px; height: 60px; padding: 10px;  margin: 0 15px 0 0;}
    .header .navbar-brand {max-width: 210px;}
    .header .navbar-nav .nav-item .nav-link { font-size: 18px; line-height: 28px; padding: 16px 0;}
    .header .container {padding: 0 40px 0 0;}
    .header .navbar-nav .nav-item { padding: 0 15px; } 
    .header .navbar-nav .nav-item .nav-link::after {height: 22px;}
    /* Header End */

    /* Banner Start */
    .banner-wrp {margin-left: 60px; padding: 70px 0 90px;}
    .banner-main { padding: 0 30px 0 0; }
    .banner-content {padding: 0 0 0 20px; margin: 0 0 50px 0;}
    .banner-right-img {max-width: 172px;}
    .banner-middle-vector {max-width: 160px;}
    .banner-right-2 {top: 74px; right: -7px;}
    .banner-right-6 {top: 74px; left: -7px;}
    .banner-right-5 {bottom: 71px; left: -6px;}
    .banner-right-3 {bottom: 71px; right: -6px;}
    .banner-right { max-width: 411px; margin: 0 auto; }
    .banner-content .block-title {line-height: 30px; margin: 0 0 20px;}
    .banner-content .main-title { margin: 0 0 20px; }
    /* Banner End */

    /* Quiz Function Start */
    .quiz-function-wrp { top: -50px; padding: 0 0 0 69px; left: 50%; transform: translateX(-50%); width: 100%; }
    .quiz-function-main {max-width: 590px;}
    .quiz-function-section {padding: 30px;}
    .quiz-function-logo {margin: 40px auto; max-width: 130px; }
    .quiz-function-section .small-title {padding: 8px 18px;}
    .quiz-function-left {text-align: center;}
    .quiz-function-section .btn {margin: 0 auto;}
    .quiz-function-right { text-align: center; }
    /* Quiz Function End */

    /* Core Services Start */
    .common-bg::after {width: 60px;}
    .core-services-wrp {margin-left: 60px; padding: 70px 0 40px;}
    .core-services-main { padding: 0 30px 0 0; }
    .core-services-row .row>*:nth-child(even) .core-services-block {margin-top: 0;}
    .core-services-top .row { align-items: center; }
    .core-services-row .row>*:nth-child(odd) .core-services-details .small-title { min-height: auto; }
    .core-services-top-right { text-align: left; }
    .core-services-title {margin: 0 0 30px;}
    .core-services-top { margin: 0 0 40px; }
    .quiz-function-main {max-width: 100%; width: 100%;}
    .quiz-function-section {padding: 20px;}
    .quiz-function-logo { margin: 20px auto; max-width: 72px; }
    .quiz-function-section .small-title {padding: 8px 18px; margin: 0 0 15px;font-size: 15px; line-height: 143%;}
    .quiz-function-left {  height: 100%; display: flex ; flex-direction: column;}
    .quiz-function-section .btn {margin: auto auto 0 auto; font-size: 14px; padding: 5px 10px;} 

    /* Core Services End */

    /*footer*/
    .footer-logo {  max-width: 245px;}
    .footer-navigation ul li { margin-right: 30px; }
    .footer-contact > *:first-child { padding-left: 40px; padding-right: 40px; }
    .footer-block { margin-right: 40px; padding: 30px 0; border-right: 0px;}
    .footer-contact > *:nth-child(2) { padding-right: 40px; }
    .footer-navigation { padding: 40px 0px 40px 40px; }
    .footer-copyright { padding: 27px 40px 27px 40px; } 
    .footer-block-desc .small-title { font-size: 16px; max-width: 178px;}
    .footer-block-desc a, .footer-block-desc .small-title * { font-size: 18px; line-height: 25px; }
    .footer-contact-icn { height: 40px; width: 40px; }
    .footer-navigation ul li a { font-size: 17px; line-height: 25px; }
    .footer-block-desc .detail * { font-size: 15px; line-height: 15px; }
    .footer-copyright .footer-copyright-left ul li a, .footer-copyright .detail { font-size: 15px; line-height: 15px; }
    .footer-block-desc a, .footer-block-desc .small-title * { font-size: 16px; line-height: 23px; }
    .footer-wrapper { margin-left: 60px; }
    .footer .top-up { height: 60px; width:60px; }
    .footer-contact { flex-wrap: wrap; justify-content: center; }
    .footer-contact-icn img { height: 18px; width: 18px; }
    .top-up svg { width: 22px; }
    /*footer*/


    /*contact section*/   
    .contact-right .btn {font-size: 17px;}
    .contact-right .btn-wrp { margin-right: 15px; padding: 8px; }
    .contact-wrapper { padding: 80px 0 80px 60px; }
    .contact-right .btn-green { padding: 11px 18px 11px 18px; }
    .contact-right .btn-navy { padding: 11px 18px 11px 18px; }
    .contact-section .contact-title .section-title {  line-height: 121%; font-size: 40px;         max-width: 100%;}
    .contact-section-form form .row>* { padding-left: 15px; padding-right: 15px; }
    .contact-section-form form .row { margin-left: -15px; margin-right: -15px; }
    .contact-section .contact-title { margin-bottom: 50px; flex-direction: column; row-gap: 15px; justify-content: flex-start; }
    .contact-section-form .form-group { margin-bottom: 40px; }
    .contact-left .sub-title { justify-content: center; }
    /*contact section*/

    
    /*Inner Banner*/
    .inner-bnner-wrp { margin-left: 60px; } 
    .sub-title { font-size: 18px; line-height: 18px; } 
    .breadcrumb-wrp { margin-top: 10px; } 
    .inner-bnner-section .breadcrumb-item a, .inner-bnner-section .breadcrumb-item { font-size: 18px; line-height: 20px; }
    .inner-bnner-main { background-position: center !important; background-size: cover !important; } 
    .inner-bnner-section { padding: 160px 0 40px 0; }
    .inner-bnner-title { max-width: 400px; }
    /*Inner Banner*/

    /*contact page*/
    .contact-page { padding: 70px 0; }
    .contact-page-wrp .form-group .form-control { padding: 10px; font-size: 15px; line-height: 24px;  }
    .contact-page-title { margin-bottom: 35px; }
    .contact-page-inner { padding: 0 0 0 40px; }
    .contact-page-wrp { padding: 35px; }
    .contact-page-wrp .form-group .form-label { font-size: 17px; line-height: 20px; margin-bottom: 10px; }
    .contact-page-wrp .form-group .form-control::placeholder { font-size: 17px; }
    /*contact page*/

    /*blog page*/
    .blog-wrapper { padding: 70px 0; }
    .blogs-block-inner .row { row-gap: 40px; } 
    .block-block-top .blog-time .block-title { font-size: 30px; line-height: 36px; } 
    .blog-time { width: 90px; height: 85px; left: -9px; } 
    .blog-img {  width: 290px; height: 297px; } 
    .blog-img::before {width: 279px; height: 322px; right: 6px; top: -13px; background-size: cover; }
    .blog-main { margin: 0 auto 0 60px; } 
    .blog-block-bottom .block-title { font-size: 21px; line-height: 26px; }
    .blog-time .block-title span { font-size: 17px; line-height: 17px; }
    /*blog page*/


    /*blog detail page*/
    .blog-detail-left .blog-share {
        top: 72px;
        right: -102px;
    }
    .blog-detail-right { max-width: 100%; margin: 64px 0 0 0; }
    .blog-detail-left .blog-img { width: 400px; height: 400px; }
    .blog-detail-left .blog-img::before {right: 14px; top: -17px; width: 373px; height: 432px; background-size: cover; }
    .blog-detail-right .section-title { font-size: 35px; line-height: normal; margin: 20px 0 29px 0;}
    .blog-wrapper.blog-dtl-blocks { padding: 50px 0 70px 0; }
    .blog-detail-wrapper { padding: 90px 0 50px 0; }
    .blog-detail-inner { padding: 0 0 0 60px; }
    .blog-detail-flx-img { height: 36px; width: 34px; } 
    .blog-detail-flx-img img { height: 15px; width: 14px; }
    .blog-detail-flx-block .small-title { font-size: 18px; }
    .blog-detail-right-inner p { font-size: 16px; line-height: 24px; } 
    .blog-detail-right-inner h5 { font-size: 23px; line-height: 31px; } 
    .blog-detail-bottom-inner h5 { font-size: 23px; line-height: 31px; margin: 30px 0 15px 0; } 
    .blog-detail-bottom-inner p{ font-size: 16px; line-height: 24px; } 
    .blog-detail-bottom-inner ul li ,
    .blog-detail-bottom-inner ol li { font-size: 16px; line-height: 24px; }
    .blog-dtl-blocks .blog-title-wrp { display: flex ; align-items: flex-start; justify-content: space-between; flex-direction: column; row-gap: 13px; padding: 0 0 0 45px; }
    .blog-dtl-blocks .blogs-block-inner { padding: 0 0 0 55px; }
    /*blog detail page*/

         
    /*gss system start*/
    .system-block-1 { left: 288px; top: 7px;}
    .system-block-2 { right: -15px; } 
    .system-block-5 { left: 38px; }
    .gss-system-block { flex-direction: column !important; }
    .gss-system-block .block-title { font-size: 20px; }
    .system-block-4 { left: 123px; }
    .system-block-3 { right: 84px; }
    .gss-system-content{    padding: 250px 0 245px; max-width: 316px; } 
    .system-block-img svg { max-width: 130px; }
    .system-block-left { margin: 0 0 0; }
    .system-block-5 .system-block-left { margin: 0 0 0 0; }
    .gss-system-inner::before { height: 484px; width: 577px; }
    .gss-system-content .common-detail { font-size: 14px; line-height: normal; margin: 0 0 8px; } 
    .gss-system-content .block-title { margin: 0 0 6px; } 
    .gss-system-content .detail { font-size: 15px; line-height: 23px; max-width: 219px; } 
    .gss-system-wrp { padding: 80px 0; } 
    .gss-system-title { margin: 0 0 30px 40px; }
    /*gss system start*/
    
    .who-we-are-left { padding: 35px 0 0 40px; }
    .who-we-are-right { margin-top: 30px; }

     /*podcast*/
    .podcast-title .sub-title { margin-bottom: 10px; }
    .podcast-arrow-wrapper { display: flex ; justify-content: center; position: relative; top: unset; transform: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; left: unset;    margin: 39px 0 0 0; max-width: 130px; margin: 47px auto 0 auto; justify-content: space-around;}
    .podcast-arrow-wrapper .slick-prev { left: unset; }
    .podcast-arrow-wrapper .slick-next { right: unset; }
    .podcast-content-slider .podcast-content-slide { padding: 0 15px; }
    .podcast-content-slider .slick-list { margin: 0 -15px; }
    .podcast-wrapper { position: relative; margin-left: 60px; padding: 80px 0; }
    .podcast-wrapper .blog-time { left: -8px; } 
    .podcast-wrapper  .blog-img { width: 269px; height: 274px; }
    .podcast-wrapper  .blog-img::before { width: 258px; height: 299px; }
    .block-block-top { max-width: 267px; }
     /*podcast*/

    /*who we are*/
    .who-we-are-wrp { padding: 390px 0 60px; }
    .who-we-are-right { padding: 58px 0 0 0; }
    .who-we-are-wrp { padding: 240px 0 60px; }
    .who-we-are-right { padding: 35px 0 0 40px; }
    /*who we are*/


    /*quick function section*/
    .quick-right .small-title ,
    .quick-left .small-title { font-size: 15px; line-height: 20px; max-width: 119px;}
    .quick-img svg {  max-width: 385px; height: auto; } 
    .quick-wrapper { padding: 80px 0; }
    .quick-left { margin-right: 30px; padding-right: 30px; }
    .quick-main { padding: 0 0 0 40px; }
    .quick-right { max-width: 387px; margin: 0 auto !important; padding: 0; } 
    .quick-left  { max-width: 387px; margin: 0 auto; padding: 0 0 15px 0; border-right: 0px; border-bottom: 1px solid rgba(0, 33, 66, 0.1); } 
    .quick-img { max-width: 387px; } 
    .quick-inner { row-gap: 15px; flex-direction: column; }
    /*quick function section*/


    /*why gss*/
    .why-gss-bottom-right { margin: 20px auto 0 auto; }
    .why-gss-right { max-width: 850px; margin: 0 auto; }
    .why-gss-left-img { max-width: 480px; margin: 0 auto; }
    .why-gss-wrapper { background-size: cover ! important; margin-left: 60px; padding: 80px 0 31px; }
    .why-gss-bottom-left ul { flex-direction: column; }
    .why-gss-bottom-inner { flex-wrap: wrap; margin: 0 0 0 auto; justify-content: flex-end; }
    .why-gss-bottom-left p br { display: none; }
    .why-gss-main { flex-direction: column; } 
    .why-gss-desc { margin-top: 15px; } 
    .why-gss-right{ margin-top: 20px; } 
    .why-gss-bottom-right svg { height: auto; }
    .why-gss-flx { align-items: flex-start; row-gap: 20px; flex-direction: column; }
    /*why gss*/
    
    /* 404 Start */
    .typography-wrp { padding: 70px 0; }
    .typography-wrp .main-title {margin: 0 0 20px;}
    .typography-wrp .block-title { margin: 0 0 20px; }
    .typography-wrp .common-detail { margin: 0 0 20px; }
    /* 404 End */
    
    /* Typography Start */
    .typography-content h1 {font-size: 40px; line-height: 46px;}
    .typography-content h2 {font-size: 38px; line-height: 44px;}
    .typography .typography-main { padding-left: 60px; }
    /* Typography End */

    .footer-contact > *:last-child { margin-right: 18px; }
    .system-title-right .sub-title { margin: 17px 0 16px; }

    /*quiz page*/
    .quiz-wrapper { padding: 50px 0; }
    .quiz-main-title { flex-direction: column; align-items: center; margin-bottom: 45px; } 
    .quiz-main { padding-left: 40px; } 
    .quiz-form .block-title { padding: 18px; font-size: 25px; line-height: 33px; margin: 18px 0 20px 0; } 
    .quize-title-left .sub-title { justify-content: center; } 
    .quiz-main-title .section-title { margin: 12px 0  17px 0; text-align: center; } 
    .quiz-title-right .detail { text-align: center; } 
    .quiz-form div[data-id="qualifications-you-have"] span input{ min-width: 100px !important;}
    div[data-id="fremdsprachen"].input-text .form-control {
        min-width: 300px;
    }
    /*quiz page*/

    
      /*gut page*/
   .gut-services-inner-right { max-width: 539px; margin: 0 auto; } 
  /*gut page*/


    .form-check .objektschutz .form-control,
    .form-check .veranstaltungsschutz .form-control,
    .form-check .personenschutz .form-control,
    .form-check .empfang .form-control,
    .form-check .andere .form-control{min-width: 100px;}
    .quiz-form .form-group .form-label {font-size: 18px;line-height: 25px;text-transform: capitalize;}
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    /* Common Style Start */
    .main-title {font-size: 30px; line-height: 36px;}
    .section-title {font-size: 26px; line-height: 33px;}
    .block-title {font-size: 18px; line-height: 28px;}
    .small-title {font-size: 16px; line-height: 26px;}
    .btn {font-size: 16px; line-height: 26px; padding: 8px 15px;}
    .sub-title {font-size: 18px; align-items: flex-start;}
    .sub-title::before {margin: 7px 10px 0 0;}
    body {font-size: 16px; line-height: 26px;}
    /* Common Style End */

    /* Header Start */
    .vector-logo { width: 40px; height: 40px; padding: 5px;  margin: 0 10px 0 0;}
    .header .navbar-brand {max-width: 170px;}
    .header .navbar-nav .nav-item .nav-link { font-size: 18px; line-height: 28px; padding: 0; display: inline-block;}
    .header .container {padding: 0 20px 0 0;}
    .header .navbar-nav .nav-item { padding: 20px 0; } 
    .header .navbar-nav .nav-item .nav-link::after {display: none;}
    .header .navbar-toggler { padding: 0; margin: 0; border: none; box-shadow: none; position: relative; z-index: 9; }
    .header .navbar-toggler span { background-color: var(--navyblue); position: relative; display: block; width: 24px; height: 2px; margin-bottom: 5px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-toggler span:last-child {margin-bottom: 0;}
    .header .navbar-toggler:not(.collapsed) span:first-child { top: 7px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .header .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; }
    .header .navbar-toggler:not(.collapsed) span:last-child { top: -7px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
    .header .navbar-collapse { position: fixed; max-width: 100%; width: 100%; background-color: var(--white); text-align: center; padding: 70px 30px 30px; overflow: auto; right: -100%; top: 0; bottom: 0; height: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show {right: 0; height: auto;}
    .header .navbar-collapse::after { content: ""; position: fixed; max-width: 100%; width: 100%; background-color: var(--white); right: -100%; top: 0; height: 60px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show::after {right: 0; }
    /* Header End */

    /* Banner Start */
    .banner-wrp {margin-left: 40px; padding: 50px 0;}
    .banner-main { padding: 0; }
    .banner-content {padding: 0 0 0 10px; margin: 0 0 50px 0;}
    .banner-right-img {max-width: 100px;}
    .banner-middle-vector {max-width: 90px;}
    .banner-right-2 {top: 42px; right: 3px;}
    .banner-right-6 {top: 42px; left: 3px;}
    .banner-right-5 {bottom: 41px; left: 3px;}
    .banner-right-3 {bottom: 41px; right: 3px;}
    .banner-right { max-width: 250px; margin: 0 auto; }
    .banner-content .block-title {line-height: 28px; margin: 0 0 20px;}
    .banner-content .main-title { margin: 0 0 20px; }
    .banner-middle-vector::after {width: 256px; height: 256px;}
    /* Banner End */

    /* Quiz Function Start */
    .quiz-function-wrp { top: -41px; padding: 0 0 0 40px;}
    .quiz-function-main {max-width: 100%; width: 100%;}
    .quiz-function-section {padding: 20px;}
    .quiz-function-logo { margin: 20px auto; max-width: 72px; }
    .quiz-function-section .small-title {padding: 8px 18px; margin: 0 0 15px;font-size: 14px; line-height: 143%;}
    .quiz-function-left {text-align: center;}
    .quiz-function-section .btn {margin: 0 auto;font-size: 14px; padding: 5px 10px;}
    .quiz-function-right { text-align: center; }
    /* Quiz Function End */

    /* Core Services Start */
    .common-bg::after {width: 40px;}
    .core-services-wrp {margin-left: 40px; padding: 60px 0 ;}
    .core-services-main { padding: 0; }
    .core-services-row .row>* {width: 100%;}
    .core-services-row .row>*:nth-child(even) .core-services-block {margin-top: 0; flex-direction: column;}
    .core-services-block {margin: 0 0; height: 100%;    flex-direction: column-reverse;}
    .core-services-top .row { align-items: center; }
    .core-services-row .row>*:nth-child(odd) .core-services-details .small-title { min-height: auto; }
    .core-services-top-right { text-align: left; margin: 0; }
    .core-services-title {margin: 0 0 20px;}
    .core-services-top { margin: 0 0 30px; }
    .core-services-details .small-title { font-size: 18px; line-height: 28px; margin: 0 0 10px;}
    .core-services-inner {max-width: 185px;        margin: auto auto 0 auto;}
    .core-services-icon { width: 168px; height: 190px; }
    .core-services-img { width: 164px; height: 187px; }
    .core-services-border span::before {width: 2px; bottom: 41px;}
    .core-services-border span::after {width: 2px; bottom: 41px;}
    .core-services-border::before {height: 2px; width: 106px; right: -6px; bottom: 14px;}
    .core-services-border::after {height: 2px; width: 106px; left: -6px; bottom: 14px;}
    .core-services-row .row>*:nth-child(even) .core-services-details { margin: 0 0 30px; }
    .core-services-row .slick-track { display: flex !important; }
    .core-services-row .slick-slide { height: inherit !important; }
    .core-services-row  .slick-list { padding: 30px 0; } 
    .core-services-details { margin: 22px 10px 0 10px; height: 100%; display: flex ; flex-direction: column; } 
    .core-services-details .common-detail { margin: auto 10px 0 10px; }
    /* Core Services End */
    
    /*footer*/
    .footer-logo {  max-width: 245px;}
    .footer-navigation ul li { margin-right: 0px; }
    .footer-contact > *:first-child { padding-left: 0px; padding-right: 0px; }
    .footer-block { margin-right: 40px; padding: 30px 0; border-right: 0px;     align-items: center;}
    .footer-contact > *:nth-child(2) { padding-right: 15px; margin-right: 0px; }
    .footer-navigation { padding: 40px 20px 40px 20px; flex-direction: column; justify-content: center; align-items: center; row-gap: 20px; }
    .footer-copyright { padding: 20px 0px 20px 0px; flex-direction: column; align-items: center; row-gap: 7px;}
    .footer-block-desc .small-title { font-size: 16px; max-width: 178px;}
    .footer-block-desc a, .footer-block-desc .small-title * { font-size: 18px; line-height: 25px; }
    .footer-contact-icn { height: 40px; width: 40px; }
    .footer-navigation ul li a { font-size: 17px; line-height: 25px; }
    .footer-block-desc .detail * { font-size: 15px; line-height: 15px; }
    .footer-copyright .footer-copyright-left ul li a, .footer-copyright .detail { font-size: 15px; line-height: 15px; }
    .footer-block-desc a, .footer-block-desc .small-title * { font-size: 16px; line-height: 23px; }
    .footer-wrapper { margin-left: 40px; }
    .footer .top-up { height: 40px; width:40px; }
    .footer-contact { flex-wrap: wrap; justify-content: center; padding: 0 20px; }
    .footer-contact-icn img { height: 18px; width: 18px; }
    .footer-navigation ul { align-items: center; flex-direction: column; }
    .top-up svg { width: 18px; }
    /*footer*/

    /*contact section*/   
    .contact-right .btn {font-size: 17px;}
    .contact-right .btn-wrp { margin-right: 15px; padding: 8px; }
    .contact-wrapper { padding: 60px 0 60px 40px; }
    .contact-right .btn-green { padding: 11px 18px 11px 18px; }
    .contact-right .btn-navy { padding: 11px 18px 11px 18px; }
    .contact-section .contact-title .section-title {  line-height: 121%; font-size: 40px;         max-width: 100%;}
    .contact-section-form form .row>* { padding-left: 15px; padding-right: 15px; }
    .contact-section-form form .row { margin-left: -15px; margin-right: -15px; }
    .contact-section .contact-title { margin-bottom: 50px; flex-direction: column; row-gap: 15px; justify-content: flex-start; }
    .contact-section-form .form-group { margin-bottom: 40px; }
    .contact-left .sub-title { justify-content: center; }
    /*contact section*/

    /*Inner Banner*/
    .inner-bnner-wrp { margin-left: 40px; } 
    .sub-title { font-size: 18px; line-height: normal; } 
    .breadcrumb-wrp { margin-top: 10px; } 
    .inner-bnner-main { background-position: center !important; background-size: cover !important; } 
    .inner-bnner-section { padding: 160px 0 40px 0; }
    .inner-bnner-section .breadcrumb-item a { font-size: 15px; line-height: 16px; }
    .inner-bnner-section .breadcrumb .breadcrumb-item.active { font-size: 16px; }
    .blog-detail-banner .inner-bnner-section { padding: 74px 0 30px; }
    /*Inner Banner*/

    /*contact page*/
    .contact-page { padding: 50px 0; }
    .contact-page-wrp .form-group .form-control { font-size: 17px; line-height: 24px; padding: 15px 15px 15px 25px; }
    .contact-page-title { margin-bottom: 35px; }
    .contact-page-inner { padding: 0 0 0 40px; }
    .contact-page-wrp { padding: 35px; }
    /*contact page*/

    /*blog page*/
    .blog-wrapper { padding: 50px 0; }
    .blogs-block-inner .row { row-gap: 40px; } 
    .block-block-top .blog-time .block-title { font-size: 30px; line-height: 36px; } 
    .blog-time { width: 90px; height: 85px; left: -9px; } 
    .blog-img { width: 240px; height: 247px;} 
    .blog-img::before { width: 232px; height: 268px; right: 5px; top: -12px; background-size: cover; }
    .blog-main { margin: 0 auto 0 27px; } 
    .blog-block-bottom .block-title { font-size: 18px; line-height: 22px ! important; }
    .blog-time .block-title span { font-size: 17px; line-height: 17px; }
    .blog-wrapper .section-title { font-size: 30px; line-height: 47px; }
    /*blog page*/

    /*blog detail page*/
    .blog-detail-right { max-width: 100%; margin: 64px 0 0 0; }
    .blog-detail-left .blog-img { width: 400px; height: 400px; }
    .blog-detail-left .blog-img::before {right: 14px; top: -17px; width: 373px; height: 432px; background-size: cover; }
    .blog-detail-right .section-title { font-size: 35px; line-height: normal;     margin: 20px 0 29px 0;}
    .blog-wrapper.blog-dtl-blocks { padding: 0px 0 50px 0; }
    .blog-detail-wrapper { padding: 60px 0 50px 0; }
    .blog-detail-inner { padding: 0 0 0 60px; }
    .blog-detail-flx-img { height: 34px; width: 34px; } 
    .blog-detail-flx-img img { height: 15px; width: 14px; }
    .blog-detail-flx-block .small-title { font-size: 16px; }
    .blog-detail-right-inner p { font-size: 16px; line-height: 24px; } 
    .blog-detail-right-inner h5 { font-size: 23px; line-height: 31px; } 
    .blog-detail-bottom-inner h5 { font-size: 23px; line-height: 31px; margin: 30px 0 15px 0; } 
    .blog-detail-bottom-inner p{ font-size: 16px; line-height: 24px; } 
    .blog-detail-bottom-inner ul li ,
    .blog-detail-bottom-inner ol li { font-size: 16px; line-height: 24px; }
    .blog-dtl-blocks .blog-title-wrp { display: flex ; align-items: flex-start; justify-content: space-between; flex-direction: column; row-gap: 13px; padding: 0 0 0 45px; }
    /*blog detail page*/

    /*gss system*/
    .gss-system-inner::before { display: none; } 
    .gss-system-block { position: relative; } 
    .system-block-3 { bottom: unset; right: unset; order: 3; } 
    .system-block-1 { left: unset; top: unset; transform: unset; } 
    .system-block-5 { left: unset; top: unset; order: 5; } 
    .system-block-2 { top: unset; right: unset; order: 2; } 
    .system-block-4 { bottom: unset; left: unset; order: 4; } 
    .gss-system-content { padding: 0px 0 50px 0; } 
    .system-block-img svg { max-width: 132px; } 
    .gss-system-row { max-width: 470px; margin: 0  auto; padding: 0 0 0 20px; } 
    .gss-system-row { padding: 0 0 0 20px; display: flex;       flex-direction: column; } 
    .gss-system-row > *{ flex-direction: row; } 
    .system-block-4 .system-block-left { margin: 0 0 0 0; } 
    .system-block-5 .system-block-left { margin: 0 0 0 0; } 
    .system-block-left { margin: 0 0px 0 0; } 
    .system-block-right { margin: 0 0 0 12px;  margin: auto 0 0 0; display: flex ; height: 100%; flex-direction: column;} 
    .system-title-left { margin: 0 0 10px 0; } 
    .gss-system-wrp { padding: 60px 0; } 
    .gss-system-content .detail { font-size: 15px; line-height: 23px; max-width: 100%; } 
    .gss-system-title { margin: 0 0 40px 40px; } 
    .system-title-right .sub-title { line-height: 24px; justify-content: center; } 
    .system-title-right .section-title { margin: 20px 0 0 0; } 
    .system-title-right {  text-align: center; }
    .system-block-left { margin: 0 auto !important; } 
    .system-title-left .common-detail { text-align: center; } 
    .system-block-right .block-title { text-align: center; } 
    .system-block-left .system-block-img { max-width: 132px; margin: 0 auto; } 
    .gss-system-inner { padding: 0 0 0 40px; } 
    .gss-system-arrow-wrap  { padding-top: 20px; }
    /*gss system*/

    /*who are */
    .who-we-are-section { padding: 0 0 0 40px; } 
    .podcast-wrapper { margin-left: 40px; padding: 50px 0; } 
    .podcast-content-slider  .podcast-content-slide { padding: 0 20px; } 
    .podcast-content-slider .slick-list { margin: 0 -20px; } 
    .podcast-arrow-wrapper { width: 100%; display: flex; justify-content: space-between; top: 100%; left: 0; position: relative; transform: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset;  max-width: 100px;         margin: 24px auto 0 auto; } 
    .podcast-arrow-wrapper .slick-prev { left: 0; } 
    .podcast-arrow-wrapper .slick-next { right: 0; }
    .podcast-title .sub-title { margin-bottom: 10px; } 
    .podcast-content-slider .podcast-content-slide { padding: 0 13px; }
    .podcast-content-slider .slick-list {margin: 0 -13px;}
    .podcast-content-slider   .blog-share {right: -11px;}
     /*podcast*/

    /*quick function section*/
    .quick-right .small-title ,
    .quick-left .small-title { font-size: 15px; line-height: 20px; max-width: 119px;}
    .quick-img svg {  max-width: 385px; height: auto; } 
    .quick-wrapper { padding: 60px 0; }
    .quick-left { margin-right: 30px; padding-right: 30px; }
    .quick-main { padding: 0 0 0 40px; }
    .quick-left  { max-width: 387px; margin: 0 auto; padding: 0 0 15px 0; border-right: 0px; border-bottom: 1px solid rgba(0, 33, 66, 0.1); } 
    .quick-right { max-width: 387px; margin: 0 auto !important; padding: 0; } 
    .quick-img { max-width: 387px; } 
    .quick-inner { row-gap: 15px; flex-direction: column; }
    /*quick function section*/

    /*why gss*/
    .why-gss-bottom-right { left: 0;    margin: 0 auto; }
    .why-gss-left-img { max-width: 600px; margin: 0 auto; }
    .why-gss-right { max-width: 850px; margin: 0 auto; }
    .why-gss-left-img svg {  height: auto;   max-width: 262px; }
    .why-gss-wrapper { background-size: cover ! important; margin-left: 40px; padding: 45px 0 30px 0; }
    .why-gss-bottom-left ul { flex-direction: column;     margin: 8px 0;}
    .why-gss-bottom-inner { flex-wrap: wrap; margin: 0 0 0 auto; justify-content: flex-end; }
    .why-gss-bottom-left p br { display: none; }
    .why-gss-main { flex-direction: column; } 
    .why-gss-desc { margin-top: 15px; } 
    .why-gss-right{ margin-top: 20px; } 
    .why-gss-bottom-right svg { height: auto; }
    .why-gss-bottom-left ul li { font-size: 16px; line-height: 25px; }
    .why-gss-flx { flex-direction: column; } 
    .why-gss-bottom-right img { max-width: 100%; }
    .why-gss-btns .why-gss-btn-block {
        margin: 0 0px 20px 0;
    }
    .why-gss-btns .why-gss-btn-block p {
        text-align: center;
    }
    /*why gss*/

        /* 404 Start */
    .typography-wrp { padding: 50px 0; }
    .typography-wrp .main-title {margin: 0 0 20px;}
    .typography-wrp .block-title { margin: 0 0 20px; }
    .typography-wrp .common-detail { margin: 0 0 20px; }
    .error-page  .typography-main{ padding-left: 40px; }
    /* 404 End */


    /* Typography Start */
    .typography-content h1 {font-size: 30px; line-height: 36px;}
    .typography-content h2 {font-size: 28px; line-height: 34px;}
    .typography-content h3 {font-size: 26px; line-height: 32px;}
    .typography .typography-main { padding-left: 40px; }
    /* Typography End */

    .quick-title   .sub-title::before { margin: 0px 10px 0 0; } 
    .system-title-right .sub-title { margin: 8px 0; } 
    .blog-detail-flx-block { margin: 0 24px 0 0; } 
    .contact-page .wpcf7-spinner { margin: 0 0 0 214px; }


    /*quiz poge*/
    .quiz-form input[type="radio"] { height: 20px; max-width: 20px; width: 100%; } 
    .quiz-form input[type="checkbox"] { max-width: 20px; height: 20px; width: 100%; } 
    .quiz-wrapper { padding: 50px 0; }
     .quiz-main-title { flex-direction: column; align-items: center; margin-bottom: 45px; } 
    .quiz-main { padding-left: 40px; } 
    .quiz-form .form-group { padding: 0 0 0 5px; } 
    .quiz-form .block-title { padding: 18px; font-size: 25px; line-height: 33px; margin: 18px 0 20px 0; } 
    .quize-title-left .sub-title { justify-content: center; text-align: center;} 
    .quiz-main-title .section-title { margin: 12px 0  17px 0; text-align: center; } 
    .quiz-title-right .detail { text-align: center; } 
    .quiz-form .form-group .form-check { padding: 12px 0 0 0; } 
    .wpcf7-list-item-label { margin: 0 0 0 11px !important; } 
    .quiz-form .form-group .form-label { font-size: 18px; line-height: 25px;         margin: 0 0 5px 0;} 
    .quiz-form .form-group .form-radio { padding: 12px 0 0 0; } 
    .quiz-form .form-group .form-check span, .quiz-form .form-group .form-radio span { font-size: 15px; line-height: 24px; } 
    .quiz-form .contact-detail { flex-direction: column; } 
    .quiz-form .form-control, .form-check .input-text .form-control, .form-radio .input-text .form-control { margin: 7px 0 0 0; } .input-text { position: relative; left: 0; }
    .form-group .budget .form-control { width: 241px; } 
    .wpcf7-form-control-wrap select { margin: 10px 0 0 0; }
    .quiz-form div[data-id="qualifications-you-have"] {left: 0;bottom: 18px;}
    .quiz-form .btn { font-size: 18px;line-height: 30px; padding: 8px 24px;}
    .contact-detail .wpcf7-not-valid-tip {margin: 0 0 0 0px !important;}
    .quize-title-left  .sub-title::before {margin: 9px 4px 0 0;}
    .form-radio .wpcf7-form-control-wrap[data-name="qualifications"] .wpcf7-not-valid-tip {bottom: -14px; position: relative;}
    /*quiz page*/

    
    /*gut page*/
    .gut-services-inner-right { max-width: 450px; margin: 0 auto; } 
    .gut-services-main .accordion-header svg {max-width: 42px; width: 100%; margin: 0 11px 0 0;}
    /*gut page*/


    /*quizs*/
    .quiz-form .wpcf7-not-valid-tip { padding: 20px 0; } 
    .form-group .budget .input-text { margin-top: 0; } 
    .wpcf7-form-control-wrap[data-name="worked-following-area"] 
    .wpcf7-list-item label{ margin: 0; padding: 0 0 27px 0; position: relative; } 
    .form-check .veranstaltungsschutz { top: 20px !important; left: 0; min-width: 100%; } 
    .form-check .objektschutz { top: 20px !important; left: 0; min-width: 100%; } 
    .form-check .personenschutz { top: 20px !important; left: 0; min-width: 100%; } 
    .masterForm .wpcf7-list-item { position: relative !important; } 
    .form-check .andere { left: 0; min-width: 100%; top: 20px !important; } 
    .form-check .empfang { left: 0; top: 20px !important; min-width: 100%; } 
    .quiz-form .form-control, .form-check .input-text .form-control, .form-radio .input-text .form-control { font-size: 14px; line-height: 29px; } 
    textarea { line-height: 20px !important; } 
    .form-check:has([data-name="type-of-security-service"]) 
    .input-text { bottom: 12px; } 
    .quiz-form .form-control, .form-check .input-text .form-control, .form-radio .input-text .form-control { min-width: 100% !important; } 
    .form-check.masterForm label:has([type*="checkbox"]:checked) { padding: 0 0 60px 0 !important; }
    div[data-id="fremdsprachen"].input-text {
        bottom: 19px;
        left: 0;
    }
    /*quizs*/


}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) { 
    /* Banner Start */
    .banner-middle-vector { max-width: 110px; }
    .banner-right-img { max-width: 120px; }
    .banner-right-2 { top: 52px; right: 13px; }
    .banner-right-6 { top: 52px; left: 13px; }
    .banner-right-3 { bottom: 50px; right: 13px; }
    .banner-right-5 { bottom: 50px; left: 13px; }
    .banner-right { max-width: 320px; }
    /* Banner End */

    .blog-dtl-blocks  .blogs-block-inner{ padding: 0 0 0 30px; }
    /* Quiz Function Start */
    .quiz-function-main {width: 90%;}
    /* Quiz Function End */

    /*who we are*/
    .who-we-are-wrp { padding: 390px 0 60px; }
    .who-we-are-right { padding: 58px 0 0 0; }
    .who-we-are-wrp { padding: 436px 0 60px; }
    .who-we-are-right { padding: 35px 0 0 0; }
    /*who we are*/

    .contact-section-form .form-field:has(textarea)::before {top: 207px;}

    .hexagon-video iframe { min-height: 278px;}

    .blog-detail-left .blog-share {
        top: 72px;
        right: 48px;
    }

}

@media (max-width: 575px) {
    body { font-size: 15px; line-height: 24px; }
    /*footer*/
    .footer-logo {  max-width: 245px;}
    .footer-navigation ul li { margin-right: 0px; }
    .footer-contact > *:first-child { padding: 30px 20px; }
    .footer-block { margin-right: 0px; padding: 30px 20px; border-right: 0px;align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
    .footer-contact > *:nth-child(2) { padding-right: 10px; margin-right: 0px; }
    .footer-navigation { padding: 40px 20px 40px 20px; flex-direction: column; justify-content: center; align-items: center; row-gap: 20px; }
    .footer-copyright { padding: 20px 0px 20px 0px; flex-direction: column; align-items: center; row-gap: 7px;}
    .footer-block-desc .small-title { font-size: 16px; max-width: 178px;}
    .footer-block-desc a, .footer-block-desc .small-title * { font-size: 18px; line-height: 25px; }
    .footer-contact-icn { height: 35px; width: 35px; margin: 0 10px 0 0 ; }
    .footer-navigation ul li a { font-size: 17px; line-height: 25px; }
    .footer-block-desc .detail * { font-size: 14px; line-height: 15px; }
    .footer-copyright .footer-copyright-left ul li a, .footer-copyright .detail {font-size: 14px; line-height: normal; }
    .footer-block-desc a, .footer-block-desc .small-title * { font-size: 16px; line-height: 23px; }
    .footer-wrapper { margin-left: 40px; }
    .footer .top-up { height: 40px; width:40px; }
    .footer-contact { flex-direction: column;  justify-content: flex-start; padding: 0 0px; }
    .footer-contact-icn img { height: 18px; width: 18px; }
    .footer-navigation ul { align-items: center; flex-direction: column; }
    .top-up svg { width: 18px; }
    .footer-contact > *:last-child .footer-block-desc a { word-break: break-word; } 
    .footer-copyright .footer-copyright-left ul > *:last-child { padding: 0; } 
    .footer-contact > *:last-child { border: 0; }
    /*footer*/

    /*contact section*/
    .contact-right .btn-wrp { margin-right: 0; padding: 8px; width: 100%; }
    .contact-right .btn{ padding: 8px 8px 8px 8px; width: 100%; font-size: 15px;display: flex ; align-items: center; justify-content: center;}
    .contact-section .contact-title .section-title {  line-height: 121%; font-size: 33px; max-width: 100%; text-align: center; margin: 10px 0 0 0;}
    .contact-section-form form .row>* { padding-left: 15px; padding-right: 15px; }
    .contact-section-form form .row { margin-left: -15px; margin-right: -15px; }
    .contact-section .contact-title { margin-bottom: 50px; flex-direction: column; row-gap: 15px; justify-content: flex-start; }
    .contact-section-form .form-group { margin-bottom: 20px; }
    .contact-left .sub-title { justify-content: center; }
    .contact-right { row-gap: 13px; display: flex ;         flex-wrap: wrap;  align-items: flex-start; } 
    .contact-right .btn img {height: 20px;width: 20px;}
    .contact-right .btn svg { height: 19px; width: 20px; } 
    .contact-section-form .form-group .form-label { font-size: 17px; line-height: 17px; } 
    .contact-section-form .form-group .form-control { font-size: 17px; line-height: 17px; } 
    .contact-section-form .form-group .form-control::placeholder { font-size: 17px; line-height: 17px; }
    .contact-section-form .form-field:has(textarea)::before { top: 208px; }
    /*contact section*/

    /*contact page*/
    .contact-page { padding: 50px 0; }
    .contact-page-wrp .form-group .form-control { padding: 10px; font-size: 15px; line-height: 24px;  }
    .contact-page-title { margin-bottom: 35px; }
    .contact-page-inner { padding: 0 0 0 40px; }
    .contact-page-wrp { padding: 20px; }
    .contact-page-wrp .form-group .form-label { font-size: 16px; line-height: 20px; margin-bottom: 10px; }
    .contact-page-wrp .form-group .form-control::placeholder { font-size: 15px; }
    /*contact page*/

    /*blog page*/
    .blog-wrapper { padding: 50px 0; }
    .blogs-block-inner .row { row-gap: 40px; } 
    .block-block-top .blog-time .block-title { font-size: 24px; line-height: 28px; } 
    .blog-time { width: 79px; height: 74px; left: -9px;} 
    .blog-img { width: 240px; height: 247px;} 
    .blog-img::before { right: 4px; top: -11px; } 
    .blog-main { margin: 0 auto 0 40px; } 
    .blog-block-bottom .block-title { font-size: 18px; line-height: 22px ! important; }
    .blog-time .block-title span {font-size: 15px; line-height: 19px; }
    .blog-wrapper .section-title {font-size: 28px; line-height: 37px; }
    .block-block-top { max-width: 240px; margin: 0 auto 20px auto; }
    .blog-share {width: 50px;height: 50px;right: -13px;}
    .blog-share .share-btn { width: 50px; height: 50px; }
    /*blog page*/

    /*blog-detail page*/
    .blog-detail-left .blog-img { width: 260px; height: 260px; } 
    .blog-detail-left .blog-img::before { width: 239px; height: 277px; right: 11px; top: -9px; } 
    .blog-detail-inner { padding: 0 0 0 28px; } 
    .blog-detail-bottom { padding: 20px 0 0 19px; } 
    .blog-detail-flx { row-gap: 11px; flex-wrap: wrap; column-gap: 10px; } 
    .blog-detail-flx-block { margin: 0; } 
    .blog-detail-right { margin: 40px 0 0 11px; } 
    .blog-detail-right .section-title { font-size: 24px; } 
    .blog-detail-right-inner h5 { font-size: 18px; line-height: 24px; } 
    .blog-detail-bottom-inner h5 { font-size: 18px; line-height: 24px; margin: 20px 0 10px 0; } 
    .blog-detail-bottom-inner p { font-size: 15px; line-height: 24px; } 
    .blogs-block-inner { padding: 0 0 0 0px; }
    .blog-dtl-blocks .blogs-block-inner { padding: 0 0 0 35px; }
    .blog-detail-left {
        max-width: 260px;
    }
    .blog-detail-left .blog-share {
        top: 33px;
        right: -9px;
    }

    
    /*blog-detail page*/

    /*gss system*/
    .gss-system-content { padding: 0px 0 50px 0; }
    .system-block-img svg { max-width: 120px; }
    .gss-system-row { max-width: 470px; margin: 0  auto; padding: 0 0 0 0px; }
    .system-block-left { max-width: 119px; }
    /*gss system*/
    /*who we are*/
    .who-we-are-wrp { padding: 436px 0 60px; }
    .who-we-are-right { padding: 20px 0 0 0; }
    /*who we are*/

    /*quick function section*/
    .quick-right .small-title ,
    .quick-left .small-title {  font-size: 14px; line-height: 20px; max-width: 106px;}
    .quick-img svg { max-width: 317px; height: auto; }
    .quick-wrapper {  padding: 60px 0 50px; }
    .quick-left { margin-right: 30px; padding-right: 30px; }
    .quick-main { padding: 0 0 0 40px; }
    .quick-left  { max-width: 387px; margin: 0 auto; padding: 0 0 15px 0; border-right: 0px; border-bottom: 1px solid rgba(0, 33, 66, 0.1); } 
    .quick-right { max-width: 387px; margin: 0 auto !important; padding: 0; } 
    .quick-img { max-width: 387px; } 
    .quick-inner { row-gap: 15px; flex-direction: column; }
    /*quick function section*/

    .podcast-arrow-wrapper { justify-content: center; }
    .blog-title .sub-title::before { margin: 0px 10px 0 0; }
    .blog-title .sub-title { align-items: center; }
    .pagination-wrp .pagination .page-numbers, .pagination-wrp .pagination .page-link { height: 30px; width: 30px; }
    .system-title-rwpcf7-textareaight  .sub-title::before { margin: 9px 5px 0 0; }

    /*quiz page*/
    .quiz-form .form-control, .form-check .input-text .form-control, .form-radio .input-text .form-control { font-size: 14px !important;     min-width: 100%;} 
    .quiz-form .block-title { font-size: 22px; line-height: 33px; } 
    .quiz-form .form-group .form-check span, 
    .quiz-form .form-group .form-radio span { font-size: 14px; line-height: 22px; } 
    .form-group .budget .form-control { width: 260px !important; min-width: 250px; }
    /*quiz page*/

    /*gut page*/
    .hexagon-video iframe { min-height: 277px;}
    .ytmCuedOverlayPlayButton {
        width: 45px !important;
        height: 45px !important;     margin-left: -23px !important;
    }
    /*gut page*/
    

}

@media (max-width: 399px) {
    /*gss system*/
    .gss-system-row { max-width: 470px; margin: 0  auto;  row-gap: 20px; } 
    .gss-system-row > * { flex-direction: column; } 
    .system-block-right { margin: 0 0 0 0; } 
    .system-block-left { max-width: 120px; margin: 0 auto ! important; } 
    .system-block-right { margin: 0 0 0 12px; max-width: 100%; } 
    .system-block-right { margin: 0; }
    .gss-system-content .common-detail { font-size: 14px; }
    /*gss system*/

    /*quick function section*/
    .quick-img svg { max-width: 250px; height: auto; }
    .quick-main { padding: 0 0 0 33px; }
    .quick-right .small-title, .quick-left .small-title { font-size: 12px; line-height: 12px; max-width: 79px;     }
        /*quick function section*/

    /*why gss*/
    .why-gss-bottom-right svg { max-width: 234px; }
    /*why gss*/
    .system-title-right .sub-title::before { margin: 9px 2.5px 0 0; } 
    .contact-page-wrp .form-group .form-control::placeholder { font-size: 14px; }
    .contact-page .wpcf7-spinner { margin: 0 0 0 199px; }

    /*quiz page*/
    .quiz-form .form-control::placeholder { font-size: 14px; } 
    .quiz-form .form-control, .form-check .input-text .form-control, .form-radio .input-text .form-control { font-size: 16px; padding: 0px; margin: 0; min-width: 108px;         line-height: 29px;}
    .form-group .budget .form-control { width: 220px !important; min-width: 220px; } 
    .quiz-form  textarea::placeholder { line-height: 18px !important; }
    /*quiz page*/

}