/*/////////////////////////////////////////////// Responsive CSS Structure ///////////////////////////////////////////////*/
@media (max-width: 1399px){
    /* Vastuullisuus Page */
    .development-goals-section { padding: 70px 0; }
    .our-guiding-section .our-guiding-main-content { padding: 80px 0; }
    .our-guiding-list .guiding-block { padding: 55px 25px; }
    /* Vastuullisuus Page */

    /* flexcell page */
    .flexcell-video-section .flexcell-video-description { padding: 0 35px; }
    .flexcell-video-popup-block .flexcell-video-slide-content { height: 575px; }
    /* flexcell page */
}

@media (max-width: 1199px){

    h1 { font-size: 48px; }
    h2 { font-size: 44px; }
    h3 { font-size: 38px; }
    h4 { font-size: 32px; }
    h5 { font-size: 28px; }
    h6 { font-size: 18px; }
    .main-section-title { font-size: 42px; }

    /*========== Header Start ==========*/
    .header .navbar-brand { max-width: 210px; }
    .header .navbar-nav .nav-link { font-size: 16px; }
    .header .navbar-collapse { gap: 10px; }
    .header .dropdown .dropdown-menu .dropdown-item { font-size: 16px; }
    /*========== Header End ==========*/

    /*========== Footer Start ==========*/
    .footer .footer-list.footer-block { margin-left: inherit; }
    /*========== Footer End ==========*/
   
    /*========== quality-schedules Start ==========*/
    .quality-schedules-main .quality-schedules-right .title * { font-size: 34px; margin-bottom: 30px; } 
    .quality-schedules-main .quality-schedules-right .detail * { margin-bottom: 20px; }
    /*========== quality-schedules End ==========*/

    /*========== client-feedback Start ==========*/
    .client-feedback { padding: 70px 0; }
    .client-feedback .client-feedback-main .main-detail * { font-size: 34px; line-height: 42px; letter-spacing: 4px; }
    /*========== client-feedback End ==========*/

    /*========== common-content Start ==========*/
    .common-content .common-content-main .title * { font-size: 34px; margin-bottom: 30px; }
    /*========== common-content End ==========*/

    /*========== common-block-section Start ==========*/
    .common-block-section .common-block-right { padding: 50px; }
    .common-block-right .common-block-detail .title * { font-size: 36px; }
    .common-block-right .common-block-detail .detail p { margin-bottom: 30px; }
    /*========== common-block-section End ==========*/

    /*========== common-banner start ==========*/
    .common-banner .common-banner-block .main-title * { font-size: 36px; line-height: 44px; }
    .common-banner.working-center-banner .common-banner-block .main-title * { font-size: 46px; }
    .common-banner.grinding-edge-banner .common-banner-block .main-title * { font-size: 36px; line-height: 44px; }
    .common-banner.laser-processing-banner .common-banner-block .main-title * {  font-size: 36px; line-height: 44px; }
    .common-banner.grinding-edge-banner .common-banner-image { height: 720px; }
    .common-banner.finish-banner .common-banner-block .main-title * { font-size: 36px; }
    .common-banner.welding-banner .common-banner-block .main-title * { font-size: 36px; }
    .common-banner.composition-banner .common-banner-block .main-title * { font-size: 36px; }
    /*========== common-banner End ==========*/

    /*========== tuotekehitys Start ==========*/
    .our-calculator { padding: 70px 0; }
    .our-calculator .our-calculator-main .title * { font-size: 34px; }
    .our-calculator .our-calculator-main .btn { font-size: 28px; letter-spacing: 2px; }
    .modal.product-development-modal .redesign-main .redesign-right .title * { font-size: 36px; }
    /*========== tuotekehitys End ==========*/

    .video-wrp .video-main .title * { font-size: 34px; line-height: 42px; }
    .video-wrp .video-main .video-content .title * { font-size: 34px; }

    /* Home Page */
    .banner-carousel .swiper-button-prev { left: 30px; }
    .banner-carousel .swiper-button-next { right: 30px; }
    .banner-section .banner-title { font-size: 40px; }
    .banner-section .banner-block .banner-description .banner-main-content .banner-content.banner-layout-3 { bottom: 200px; }
    /* Home Page */

    /* Vastuullisuus Page */
    .development-goals-section { padding: 70px 0; }
    .our-guiding-section .section-title { margin-bottom: 50px; }
    .our-guiding-section .our-guiding-main-content { padding: 80px 0; }
    .our-guiding-list .guiding-block { padding: 55px 25px; }
    .un-principles-section .section-title { margin-bottom: 50px; }
    .un-principles-list .principles-block .principles-image { margin-bottom: 20px; }
    .un-principles-list .principles-block .principles-detail { padding: 0 10px; }
    /* Vastuullisuus Page */
    
    /* yhteystiedot page */
    .location-address-list > .row { margin: 0 -18px; }
    .location-address-list > .row > * { padding: 0 18px; }
    .location-address-list .location-block { margin-bottom: 35px; }
    .brione-finland-section { padding: 90px 0 60px; }
    /* yhteystiedot page */

    /*========== machanical-surface Start ==========*/
    .machanical-surface .machanical-surface-main .title * { font-size: 34px; }
    /*========== machanical-surface End ==========*/

    /*========== typography Start ==========*/
     .typography .typography-main h1 { font-size: 36px; margin-bottom: 30px; }
    /*========== typography End ==========*/
 
    .grinding-video-wrp .grinding-video-main .title * { font-size: 36px; }
    .video-detail-modal .modal-video-block { padding: 30px; }
    .video-detail-modal .video-detail { height: 420px; }
    .youtube-video-container .video-content .title * { font-size: 24px; }
    .grinding-video-container .grinding-video-block .grinding-image { height: 360px; }
    .modal-video-block .youtube-video-container { height: 480px;}
    .modal-video-block .youtube-video-container .video-thumb { height: 100%; object-fit: cover; }

    /* blog-detail page */
    .blog-typography-section .blog-typography-detail h1,
    .blog-typography-section .blog-typography-detail h2,
    .blog-typography-section .blog-typography-detail h3,
    .blog-typography-section .blog-typography-detail h4,
    .blog-typography-section .blog-typography-detail h5,
    .blog-typography-section .blog-typography-detail h6 { margin-top: 42px; margin-bottom: 42px; }

    .blog-detail-section { padding: 42px 0; }
    .blog-detail-section .blog-detail-description { padding-left: 35px; padding-right: 35px; }
    .recent-blog-post-section { padding: 42px 0; }
    .blog-comments-section .blog-comments-description { padding: 42px; }
    .recent-post-block .post-detail { padding: 28px 28px 0; }
    /* blog-detail page */

    /* roi-calculator-main-wrapper */
    .roi-calculator-main-wrapper { padding: 42px 0; }
    .roi-calculator-main-wrapper iframe { min-height: 70dvh; }
    /* roi-calculator-main-wrapper */

    /* flexcell page */
    .flexcell-video-section { padding: 45px 0; }
    .flexcell-video-section .flexcell-video-description { padding: 0 25px; }
    .flexcell-video-list .flexcell-video-block .video-part .thumbnail-image { height: 450px; }
    .flexcell-video-popup-block .flexcell-video-slide-content { height: 450px; }
    /* flexcell page */
}

@media (max-width: 991px) {

    body { font-size: 18px; line-height: 150%; }
    h1 { font-size: 38px; }
    h2 { font-size: 34px; }
    h3 { font-size: 32px; }
    h4 { font-size: 30px; }
    h5 { font-size: 24px; }
    h6 { font-size: 16px; }
    .main-section-title { font-size: 40px; margin-bottom: 25px; }
    .section-title { font-size: 35px; margin-bottom: 25px; }
    .block-title { font-size: 30px; margin-bottom: 25px; }

   /*========== Header Start ==========*/
    .header .navbar-collapse { position: fixed; top: 0; right: -100%; max-width: 100%; width: 100%; bottom: 0; height: 100%; overflow: auto; background-color: #fff; transition: 0.5s; z-index: 9; display: flex; flex-direction: column; justify-content: center; align-items: center; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; padding-top: 80px; }
    .header .navbar-collapse.show { right: 0; height: auto; }
    .header .navbar-collapse.show::before { right: 0; }
    .header .navbar-collapse::before { content: ""; position: fixed; width: 100%; height: 80px; top: 0; right: -100%; background-color: #ffffff; transition: 0.5s; z-index: 9; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar .navbar-nav { align-items: center; position: relative; }
    .header .navbar-nav .nav-item { margin-bottom: 10px; }
    .header .navbar-nav .nav-item:first-child { padding-left: 0; }
    .header .navbar-toggler:focus { box-shadow: none; }
    .header .language-menu ul { margin: 0 auto; }
    .header .dropdown .dropdown-menu .dropdown-item { text-align: center; }
    .header .navbar-nav .nav-link { text-align: center; max-width: fit-content; margin: 0 auto; }
    .header { padding: 20px 0; }
    .header .dropdown .dropdown-menu { box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.08); }
    .header .navbar-nav .nav-link { font-size: 18px; }
    .header .navbar-nav .nav-link .menu-arrow { display: flex; }
    /*========== Header End ==========*/

    /*========== Footer start ==========*/
    .footer .footer-brand { gap: 20px; }
    .footer .footer-main { padding-left: 0; }
    .footer .footer-brand .brand-logo { width: 100%; max-width: 120px; display: flex; justify-content: center; align-items: center; }

    .whatsapp-icon { bottom: 24px; right: 40px; width: 50px; height: 50px; }
    /*========== Footer End ==========*/

    /*========== quality-schedules Start ==========*/
    .quality-schedules { padding: 40px 20px 0; }    
    .quality-schedules-main .quality-schedules-right .title * { font-size: 32px; margin-bottom: 20px; }
    .quality-schedules-main .quality-schedules-right .detail * { font-size: 18px; }
    /*========== quality-schedules End ==========*/

    /*========== redesign Start ==========*/
    .redesign .redesign-main .redesign-left { max-width: 280px; }
    .redesign .redesign-main .redesign-right .title * { font-size: 36px; letter-spacing: 4.4px; }
    .redesign .redesign-main .redesign-right .sub-detail * { font-size: 22px; letter-spacing: 0.85px; margin: 19px 0 30px; }
    /*========== redesign End ==========*/

    /*========== client-feedback Start ==========*/
    .client-feedback { padding: 40px 0; }
    .client-feedback .client-feedback-main .main-detail * { font-size: 30px; line-height: 40px; letter-spacing: 2px; margin-bottom: 25px; }
    .client-feedback .client-feedback-main .detail * { font-size: 18px; line-height: 28px; }
    /*========== client-feedback End ==========*/

    /*========== our-story Start ==========*/
    .our-story { padding: 40px 0 20px; }
    .our-story-main .heading .title * { font-size: 32px; margin-bottom: 25px; }
    .our-story-main .heading .detail *:not(:last-child) { margin-bottom: 20px; }
    .our-story-main .heading .detail * { font-size: 18px; line-height: 28px; }
    .our-story-main .heading .detail { margin-bottom: 30px; }
    .our-story-main .action { margin-bottom: 30px; }
    .our-story-main .action .btn { padding: 10px 30px; }
    /*========== our-story End ==========*/

    /*========== services-wrp Start ==========*/
    .services-wrp { padding: 40px 0; }
    .services-wrp .services-main .title * { font-size: 36px; }
    .services-wrp .services-main .title * { margin-bottom: 20px; }
    .services-block .services-item { margin: 0 auto 30px; }
    .services-block .services-item .services-img { max-width: 190px; }
    /*========== services-wrp End ==========*/

    /*========== common-content Start ==========*/
    .common-content .common-content-main { padding: 40px 0; }
    .common-content .common-content-main .title * { font-size: 30px; margin-bottom: 30px; }
    .common-content .image { height: 420px; }
    /*========== common-content End ==========*/

    /*========== common-block Start ==========*/
    .common-block-section .common-block-right { padding: 50px; }
    .common-block-section .common-block-right { padding: 30px; }
    .common-block-section .common-block-right .common-block-detail { max-width: 100%; }
    .common-block-right .common-block-detail .title * { font-size: 30px; }
    .common-block-right .common-block-detail .detail p { margin-bottom: 20px; }
    .common-block-section .image-block  { flex-direction: column; height: auto; }
    .common-block-section .image-block .image { height: 320px; }
    /*========== common-block End ==========*/

    /*========== common-banner Start ==========*/
    .common-banner .common-banner-block { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; }
    .common-banner .common-banner-block .main-title * { font-size: 32px; line-height: 40px; }
    .common-banner .common-banner-block .detail * { font-size: 20px; }
    .common-banner.working-center-banner .common-banner-block .main-title * { font-size: 32px; }
    .common-banner.working-center-banner .common-banner-block .detail * { font-size: 20px; line-height: 28px; }
    .common-banner.edge-banner .common-banner-block .main-title * { font-size: 32px; }
    .common-banner.laser-processing-banner .common-banner-block .main-title * {  font-size: 32px; line-height: 40px; }
    .common-banner.grinding-edge-banner .common-banner-block .main-title * { font-size: 32px; line-height: 40px; }
    .common-banner.grinding-edge-banner .common-banner-image { height: 620px; }
    .common-banner.finish-banner .common-banner-block .main-title * { font-size: 32px; }
    .common-banner.welding-banner .common-banner-block .main-title * { font-size: 32px; }
    .common-banner.composition-banner .common-banner-block .main-title * { font-size: 32px; }
    /*========== common-banner End ==========*/

    /*========== tuotekehitys Start ==========*/
    .our-calculator { padding: 40px 0; }
    .our-calculator .our-calculator-main .detail { margin: 30px 0 6px; }
    .our-calculator .our-calculator-main .title * { font-size: 30px; letter-spacing: 0.85; }
    .our-calculator .our-calculator-main .btn { font-size: 24px; letter-spacing: 1px; }
    .modal.product-development-modal .redesign-main .redesign-right .title * { font-size: 32px; }
    /*========== tuotekehitys End ==========*/

    .video-wrp .video-main .title * { font-size: 32px; line-height: 40px; }
    .video-wrp .video-main .video-content .title * { font-size: 22px; }
    .video-play-btn img { width: 35px; height: 35px; }
    .video-block { height: 380px; }

    /* Home Page */
    .banner-carousel .swiper-button-prev { left: 15px; }
    .banner-carousel .swiper-button-next { right: 15px; }
    .banner-section .banner-title { font-size: 35px; }
    .banner-section .banner-block .banner-description .banner-main-content .banner-content.banner-layout-3 { bottom: 150px; }
    /* Home Page */

    /* Vastuullisuus Page */
    .development-goals-section { padding: 60px 0; }
    .development-goals-section .section-title { margin-bottom: 35px; }
    .our-guiding-section .section-title { margin-bottom: 35px; }
    .our-guiding-section .our-guiding-main-content { padding: 60px 0; }
    .our-guiding-list .guiding-block { padding: 42px 25px; }
    .un-principles-section .section-title { margin-bottom: 35px; }
    /* Vastuullisuus Page */
    
    /* yhteystiedot page */
    .contact-info-section .contact-info-detail { margin-bottom: 35px; }
    .location-address-list .location-block { min-height: 300px; }
    .brione-finland-section { padding: 60px 0 40px; }
    .brione-finland-section .main-section-title { margin-bottom: 30px; }
    /* yhteystiedot page */

    /*========== machanical-surface Start ==========*/
    .machanical-surface { padding: 40px 0; }
    .machanical-surface .machanical-surface-main .detail * { margin-bottom: 30px; }
    .machanical-surface .machanical-surface-main .title * { font-size: 30px; }
    /*========== machanical-surface End ==========*/

    /*========== typography Start ==========*/
    .typography { padding: 40px 0; }
    .typography .typography-main p { margin-bottom: 20px; }
    .typography .typography-main h1 { font-size: 34px; margin-bottom: 25px; }
    .typography .typography-main h2 { font-size: 32px; margin-bottom: 20px; }
    /*========== typography End ==========*/

    /*========== blogi Page Start ==========*/
    .blog-block .blog-content { padding: 15px; }
    .share-link .tip { transform: translate(-140px, 5px); -webkit-transform: translate(-140px, 5px); -moz-transform: translate(-140px, 5px); -ms-transform: translate(-140px, 5px); -o-transform: translate(-140px, 5px); }
    /*========== blogi Page End ==========*/

    .grinding-video-wrp { padding: 40px 0; }
    .grinding-video-wrp .grinding-video-main .title * { font-size: 32px; margin-bottom: 20px; }
    .video-detail-modal .modal-video-block { flex-direction: column; } 
    .video-detail-modal .video-detail { max-width: 100%; margin-left: 0; margin-top: 20px; margin-bottom: 20px; }
    .video-detail-modal .video-thumb-slide { height: 125px; min-width: 200px; max-width: 200px; }
    .video-thumb-slide .video-content-block .detail { font-size: 12px; line-height: 14px; }
    .video-thumb-slide .video-content-block .play-circle { width: 25px; height: 25px; }
    .video-detail-modal .videoModal-prev { left: 0; }
    .video-detail-modal .videoModal-next { right: 0; }
    .video-detail-modal .modal-body { padding: 10px; }
    .video-detail-modal .video-detail .title * { font-size: 20px; line-height: 28px; }
    .youtube-video-container .video-content .title * { font-size: 18px; }
    .modal-video-block .youtube-video-container { height: 400px; }

    /* blog-detail page */
    .blog-typography-section .blog-typography-detail h1 { font-size: 40px; margin-top: 35px; margin-bottom: 35px; }
    .blog-typography-section .blog-typography-detail h2 { font-size: 38px; margin-top: 35px; margin-bottom: 35px; }
    .blog-typography-section .blog-typography-detail h3,
    .blog-typography-section .blog-typography-detail h4,
    .blog-typography-section .blog-typography-detail h5,
    .blog-typography-section .blog-typography-detail h6 { margin-top: 35px; margin-bottom: 35px; }

    .blog-detail-section { padding: 35px 0; }
    .blog-detail-section .blog-detail-description { padding-left: 25px; padding-right: 25px; }
    .recent-blog-post-section { padding: 35px 0; }
    .blog-comments-section .blog-comments-description { padding: 35px; }
    .recent-post-block .post-detail { padding: 20px 10px 0; }
    /* blog-detail page */

    /* roi-calculator-main-wrapper */
    .roi-calculator-main-wrapper { padding: 35px 0; }
    /* roi-calculator-main-wrapper */

    /* flexcell page */
    .flexcell-video-section .flexcell-video-description { padding: 0; }
    .flexcell-video-list .flexcell-video-block .video-part .thumbnail-image { height: 350px; }
    .flexcell-video-modal .modal-content .modal-body .flexcell-video-slide-block { height: auto; }
    .flexcell-video-modal .modal-content .modal-body .flexcell-video-slide-block > * { display: block; height: auto; }
    .flexcell-video-popup-block .flexcell-video-slide-content { height: auto; flex-direction: column; }
    .flexcell-video-popup-block .flexcell-video-slide-content > * { flex: 0 0 auto !important; width: 100% !important; height: auto !important; }
    .flexcell-video-popup-block .flexcell-video-slide-content .slide-video-block * { height: 350px; }
    .flexcell-video-popup-block .flexcell-video-slide-content .slide-video-main-detail { padding: 30px 0 0; }
    /* flexcell page */
}

@media (max-width: 767px) {

    body { font-size: 16px; line-height: 140%; }
    .main-section-title { font-size: 35px; margin-bottom: 20px; }
    .section-title { font-size: 33px; margin-bottom: 20px; }
    .block-title { font-size: 28px; margin-bottom: 20px; }

    /*========== redesign Start ==========*/
    .redesign .redesign-main { flex-direction: column;  align-items: center; text-align: center;}
    .redesign .redesign-main .redesign-right .title * { font-size: 32px; letter-spacing: 2.4px; }
    .redesign .redesign-main .redesign-right .sub-detail * { font-size: 20px; }
    .redesign .redesign-main .redesign-left { margin: 0 auto 20px; }
    /*========== redesign End ==========*/

    /*========== common-banner Start ==========*/
    .common-banner.working-center-banner .common-banner-block .main-title * { font-size: 40px; }
    .common-banner.grinding-edge-banner .common-banner-block.top-left { max-width: 280px; }
    /*========== common-banner End ==========*/

    /*========== common-content Start ==========*/
    .common-content .common-content-main .title * { font-size: 28px; margin-bottom: 25px; }
    .common-block-right .common-block-detail .title * { font-size: 28px; }
    /*========== common-content End ==========*/

    /*========== tuotekehitys Start ==========*/
    .modal.product-development-modal .redesign-main { flex-direction: column; }
    .modal.product-development-modal .redesign .redesign-main .redesign-right { margin: 20px; }
    .modal.product-development-modal .redesign .redesign-main .redesign-left { max-width: 240px; }
    .modal.product-development-modal .redesign .redesign-main  .redesign-form { margin-right: auto; }
    .modal.product-development-modal .redesign .redesign-main .redesign-right .close-window {position: unset; margin-top: 15px; }
    /*========== tuotekehitys End ==========*/

    /* Home Page */
    .banner-carousel .swiper-button-prev { left: 5px; }
    .banner-carousel .swiper-button-next { right: 5px; }
    .banner-carousel .swiper-button-prev:after,
    .banner-carousel .swiper-button-next:after { font-size: 30px; }
    .banner-section .banner-block .banner-main-image * { height: 425px; object-fit: cover; }
    .banner-section .banner-block .banner-description .banner-main-content .banner-content { padding: 15px; word-break: break-word; max-width: 100% !important; width: 80% !important; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; }
    .banner-section .banner-title { font-size: 30px; }
    /* Home Page */

    /* Vastuullisuus Page */
    .banner-section.responsibility-banner-section .banner-main-detail .banner-detail { font-size: 20px; }
    .development-goals-section { padding: 42px 0; }
    .development-goals-section .section-title { margin-bottom: 25px; }
    .our-guiding-section .section-title { margin-bottom: 25px; }
    .our-guiding-section .our-guiding-image * { height: 250px; object-fit: cover; font-family: 'object-fit: cover'; }
    .our-guiding-section .our-guiding-main-content { padding: 42px 0; }
    .our-guiding-list .guiding-block { padding: 25px 15px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
    .un-principles-section .section-title { margin-bottom: 25px; }
    .un-principles-list .principles-block { margin-bottom: 35px; }
    .un-principles-list .principles-block .principles-image { margin-bottom: 20px; }
    .un-principles-list .principles-block .principles-detail { padding: 0; }
    /* Vastuullisuus Page */
    
    /* yhteystiedot page */
    .location-address-list > .row { margin: 0 -15px; }
    .location-address-list > .row > * { padding: 0 15px; }
    .location-address-list .location-block { margin-bottom: 30px; }
    .brione-finland-section { padding: 50px 0 30px; }
    /* yhteystiedot page */

    /*========== blogi Page Start ==========*/
    .share-link .tip { width: 180px; transform: translate(-120px, 0); -webkit-transform: translate(-120px, 0); -moz-transform: translate(-120px, 0); -ms-transform: translate(-120px, 0); -o-transform: translate(-120px, 0); }
    /*========== blogi Page End ==========*/

    .grinding-video-wrp .grinding-video-main .title * { font-size: 28px; }
    .grinding-video-container .row { row-gap: 20px; }
    .video-detail-modal .modal-video-block { padding: 20px; }
    .video-detail-modal .videoModal-prev svg,
    .video-detail-modal .videoModal-next svg { width: 24px; height: 24px; }
    .video-detail-modal .videoModal-prev { left: -5px; }
    .video-detail-modal .videoModal-right { right: -5px; }
    .video-detail-modal .video-detail { height: 220px; }

    /* blog-detail page */
    .blog-typography-section .blog-typography-detail h1 { font-size: 38px; margin-top: 25px; margin-bottom: 25px; }
    .blog-typography-section .blog-typography-detail h2 { font-size: 33px; margin-top: 25px; margin-bottom: 25px; }
    .blog-typography-section .blog-typography-detail h3 { font-size: 30px; margin-top: 25px; margin-bottom: 25px; }
    .blog-typography-section .blog-typography-detail h4 { font-size: 25px; margin-top: 25px; margin-bottom: 25px; }
    .blog-typography-section .blog-typography-detail h5 { font-size: 22px; margin-top: 25px; margin-bottom: 25px; }
    .blog-typography-section .blog-typography-detail h6 { font-size: 20px; margin-top: 25px; margin-bottom: 25px; }
    .blog-typography-section .blog-typography-detail { font-size: 16px; }
    .blog-detail-section { padding: 35px 0 25px; }
    .blog-detail-section .blog-detail-description { padding-left: 0; padding-right: 0; }
    .recent-blog-post-section .recent-post-main-title { margin-bottom: 25px; }
    .recent-blog-post-section { padding: 25px 0; }
    .blog-comments-section .blog-comments-description { padding: 25px 0; }
    .recent-post-block .post-detail { padding: 20px 0 0; }
    .zi-comment-form .form-group { flex-direction: column; }
    /* blog-detail page */

    /* flexcell page */
    .flexcell-video-section { padding: 35px 0; }
    .flexcell-video-section .flexcell-video-description { padding: 0; }
    .flexcell-video-list .flexcell-video-block .video-part .thumbnail-image { height: 300px; }
    .flexcell-video-list .flexcell-video-block .flexcell-detail { padding: 20px 0 0; }
    .flexcell-video-list .flexcell-video-block .video-part .video-popup-icon .icon { width: 42px; height: 42px; }

    .flexcell-video-popup-block .flexcell-video-slide-content { padding: 0 20px; }
    .flexcell-video-modal .flexcell-video-popup-carousel .swiper-button-next:after,
    .flexcell-video-modal .flexcell-video-popup-carousel .swiper-button-prev:after { font-size: 35px; }
    /* flexcell page */
 
}

/*---------- Small Mobile , IPhone Start ----------*/
@media (max-width: 575px){

    /*========== quality-schedules Start ==========*/
    .quality-schedules { padding: 40px 0px 0; }
    /*========== quality-schedules Start ==========*/

    /*========== footer Start ==========*/
    .footer .footer-list { text-align: center;  margin: 0 auto 20px; }
    .footer .footer-list .country-flag ul { justify-content: center; }
    .footer .footer-list .country-flag ul { margin-top: 10px; }
    .footer .footer-list.footer-block { margin-left: auto; max-width: 265px; }
    .footer .footer-list .title * { margin: 0 auto; }
    .footer .footer-brand { gap: 20px; }
    .footer .footer-list.footer-block .title { margin: 0 auto; }
    .footer .footer-list.footer-menu ul li { margin: 0 auto; }
    .whatsapp-icon { bottom: 20px; right: 20px; width: 45px; height: 45px; }
    /*========== footer Start ==========*/

    /*========== common-banner Start ==========*/
    .common-banner .common-banner-block { max-width: 280px !important; padding: 8px 5px 16px; }
    /*========== common-banner End ==========*/

    /*========== common-block-section Start ==========*/
    .common-block-section .common-block-right { padding: 20px; }
    /*========== common-block-section End ==========*/

    /* Vastuullisuus Page */
    .un-principles-list .principles-block .principles-image { height: auto; }
    /* Vastuullisuus Page */

    .modal-video-block .youtube-video-container { height: 330px;}

    /* blog-detail page */
    .recent-post-block .post-image { height: auto; }
    /* blog-detail page */

    .redesign-form .form-group .wpcf7-spinner { left: 0; }

    .blog-main .blog-block { max-width: 100%; }

}