@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@700&family=Questrial&display=swap');

:root {
    --black: #000000;
    --gray:#f5f5f5;
    --gray-01: #565656;
    --gray-02: #cccccc;
    --gray-03: #9b9b9b;
    --gray-04: #cfcfcf;
    --gray-05: #e2e2e2;
    --gray-06: #838383;
    --white: #ffffff;
    --red: #ec1d25;
}

/* Common-css */
*{margin:0;padding:0;text-decoration:none;list-style:none;outline:none;border:none;position:relative;line-height:1.2em;}
*, *:before, *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body, html{width:100%;min-width:320px; margin: 0 auto;}
body{margin:0;padding:0; font-family: 'Manrope', sans-serif; background-color:#ffffff;font-weight:normal;font-size:16px;letter-spacing:0;color: var(--black);min-width:320px;}
img{max-width:100%;width:auto;height:auto; display: block;}
.row{width:100%;}
.container{width:94%;margin:0 auto;}
.cover{width:100%;height:100%;position:fixed;background:rgba(5, 5, 5, 0.9);top:0;left:0;z-index:1;display:none;}
.flex{display: flex; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;justify-content: space-between;}
.align-center{align-items: center}
.align-start{align-items: flex-start}
.justify-center{justify-content: center}
.align-end{align-items: flex-end}
.justify-end{justify-content: flex-end}
.justify-left{justify-content: flex-start}
.flex-wrap{flex-wrap: wrap;}
.flex-column{flex-direction: column;}

::placeholder{color: var(--gray-03); font-family: 'Manrope', sans-serif;}
::-moz-placeholder{color: var(--gray-03);  font-family: 'Manrope', sans-serif;}
::-webkit-input-placeholder{color: var(--gray-03);font-family: 'Manrope', sans-serif;}
.scrollToTop{bottom:5em;z-index:1;display:none;position:fixed;right:20px;background:var(--gray-03) url(../images/arw-up.png) no-repeat center center;width:35px;height:35px;text-align:center;border-radius:3px;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5);box-shadow:1px 1px 5px rgba(0,0,0,0.5);cursor:pointer}
.btn{display: inline-block; color: var(--white); background-color: var(--black); font-size: 0.875em; padding: 0.813em 1.4em; border: 1px solid var(--black); transition: all ease-in-out 0.25s; -webkit-transition: all ease-in-out 0.25s; font-weight: 700; }
.btn:hover{color: var(--black); background-color: var(--white);}
.link{color: var(--black); font-size: 1em; font-weight: 500; text-decoration: underline; display: inline-block;background: transparent; transition: all ease-in-out 0.25s; -webkit-transition: all ease-in-out 0.25s; cursor: pointer;}
.link:hover{color: var(--red);}

input[type="text"],input[type="email"], textarea{color: var(--black); border-bottom: 1px solid var(--gray-04); width: 100%; padding-bottom: 1em; font-size: 0.875rem; resize: none; background-color: transparent;}
.error input[type="text"],.error input[type="email"],.error textarea{border-bottom: 1px solid var(--red);}
/* Common-css */

header{background-color: var(--white); position: sticky; left: 0; top: 0; z-index: 2;}
header.active nav{right: 0;}
header nav {position: fixed; right: -100%; top: 0; height: 100%; background-color: var(--white); z-index: 1; flex-direction: column; align-items: flex-end; padding: 4em 2em; -webkit-box-shadow: -2px 0px 17px -9px rgba(0,0,0,0.75);-moz-box-shadow: -2px 0px 17px -9px rgba(0,0,0,0.75); box-shadow: -2px 0px 17px -9px rgba(0,0,0,0.75); transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; overflow-y: auto;}
header .main_logo img{max-width: 80%;}
header .logo_container{padding: 0.85em 0;}
header .menu_icon{cursor: pointer; margin-left: 1em;}
header .menu_icon i{font-size: 1.65em;}
header .menu_list a{color: var(--black); font-size: 1em; font-weight: 600;}
header .menu_list a:hover,header .menu_list .active a{color: var(--red);}
header .menu_list li{text-align: right; margin-bottom: 1.25em;}
header .menu_list li:last-child{margin-bottom: 0;}
header nav .btn_sec{margin-top: 4.1875em;}
header nav .main_logo{display: none;}
header .social_icons{margin-top: 4.375em;}
header .logos_sec a{margin-bottom: 1.375em;}
header .logos_sec a:last-child{margin-bottom: 0;}
header .logos_sec{text-align: right; margin-top: 15%;}
header .logos_sec img{display: inline-block; max-width: 70%;}
header .close{position: absolute; right: 1em; top: 1em; width: 2em; height: 2em; background-color: var(--black);}
header .close i{color: var(--white);}

.social_icons a{margin-left: 1.375em;}
.social_icons i{color: var(--gray-01); font-size: 1.0625em;}

.page{flex-direction: column; justify-content: flex-start;}

h1{font-size: 1.25em; font-weight: 400; line-height: 1em; font-family: 'Prata', serif;}
h2{font-size: 2.25em; font-family: 'Prata', serif; line-height: 1em; font-weight: 400;}
h3{font-size: 2.25em; line-height: 1em; font-weight: 800;}
h4{font-size: 1.25em; font-weight: 700; line-height: 1em;}
h5{font-size: 1.125em; font-weight: 700; line-height: 1em;}

p{font-size: 0.875rem; line-height: 1.25em;}
.large_desc{font-size: 1em; line-height: 1.2em; font-family: 'Prata', serif;}

.br_desk{display: none;}

.home_sec {background: var(--gray); padding: 2em 0 104%; background-size: 100%;}
.home_sec h1{font-family: 'Manrope', sans-serif; font-size: 1.5em; padding-left: 2em; margin-bottom: 0.5rem}
.home_sec h1 span{color: var(--red);  font-weight: 800; line-height: 1em}
.home_sec h2{font-weight: 700; text-align: center; font-size: 4.5em; font-family: 'DM Serif Text', serif; line-height: 0.875em;}
.home_sec .hm_mob_bg{position: absolute; bottom: 0; left: 0; width: 100%;}
.home_sec .hm_mob_bg img{width: 100%;}

.about_sec{background-color: var(--white); padding: 2em 0;}
.about_sec .col{width: 50%; margin-bottom: 4%;}
.about_sec .col p{max-width: 80%; font-weight: 500;}
.about_sec .info_sec{margin-top: 9.5%;}
.about_sec h4{margin-bottom: 8.4%;}
.about_sec .info_sec h3{margin-bottom: 6%;}
.about_sec .btn_sec{margin-top: 10%;}
.about_sec .logo_sec{margin-top: 9.5%;}
.about_sec .logo_sec a{width: 30%}
.about_sec .logo_sec p{margin-bottom: 3%; font-weight: 500;}
.about_sec .main_cont .pic{width: 50%; padding-right: 1em;}
.about_sec .main_cont .cont{width: 50%;}
.about_sec .logo_sec a img{mix-blend-mode: multiply;}

.product_sec .col .pic img{width: 100%;}
.product_sec h2{margin-bottom: 7%;}
.product_sec .link{margin-top: 7%;}
.product_sec .pic{margin-top: 7%;}
.product_sec{padding: 2em 0;}
.product_sec p{font-size: 1.125em; color: var(--gray-06);}
.product_sec .logo_sec{display: none; background-color: var(--gray);}
.product_sec .logo_sec img{mix-blend-mode: multiply;}

.swiper-pagination-bullet{background-color: var(--gray-02); width: 2.1875em; height: 0.4375em; border-radius: 0.4375em; opacity: 1;}
.swiper-pagination-bullet-active{background-color: var(--black);}
.swiper-pagination-bullets.swiper-pagination-horizontal{position: relative; top: auto; left: auto; margin-top: 2em;}

.why_sec{padding: 2em 0;}
.why_sec h4{margin-bottom: 5%;}
.why_sec .main_info{margin-bottom: 10%;}
.why_sec .more_info .col{width: 48%; margin-bottom: 6%;}
.why_sec .more_info h5{margin-bottom: 5%;}
.why_sec .more_info .col p{font-weight: 300; color: var(--gray-01);}

.video_container{position: relative; width: 100%; overflow: hidden; padding-top: 56.25%; /* 16:9 Aspect Ratio */}
.video_container iframe{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none;}
.video_sec .swiper_nav{opacity: 0;}

.clean_clear_sec{padding: 2em 0;}
.clean_clear_sec .main_info .pic img{max-width: 80%;}
.clean_clear_sec .main_info .pic{margin-bottom: 5%;}
.clean_clear_sec h1{margin-bottom: 5%;}
.clean_clear_sec .main_info p{font-family: 'Prata', serif;}
.clean_clear_sec .instruction{margin-top: 6%;}
.clean_clear_sec .instruction h5{margin-bottom: 5%;}
.clean_clear_sec .instruction p{font-weight: 700; line-height: 1em; margin-top: 10%;}
.clean_clear_sec .instruction .pic img{width: 100%;}
.clean_clear_sec .instruction .col{width: 30%; margin-bottom: 6%;}
.clean_clear_sec .instruction > .row::after{width: 30%; content: '';}
.clean_clear_sec .more_info{margin-top: 5%;}
.clean_clear_sec .more_info .col{margin-bottom: 5%;}
.clean_clear_sec .more_info .col:last-child{margin-bottom: 0;}
.clean_clear_sec .more_info h4{margin-bottom: 3%; font-weight: 800;}
.clean_clear_sec .more_info .col p{font-weight: 300;}

.contact_sec{padding: 2em 0;}
.contact_sec .address{margin-bottom: 7%; font-style: normal;}
.contact_sec .address p{margin-bottom: 3%; font-weight: 300;}
.contact_sec .address p:last-child{margin-bottom: 0;}
.contact_sec .address p strong{font-weight: 700;}
.contact_sec .map .link{margin-bottom: 5%;}
.contact_sec .map .pic img{width: 100%;}
.contact_sec .map .pic iframe{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.contact_sec .eq_col{margin-bottom: 13%;}
.contact_sec .info_sec .logo{margin-bottom: 5%;}
.contact_sec .info_sec p{width: 80%; font-weight: 600;}
.contact_sec .info_sec .btn_sec{margin-top: 5%;}
.contact_sec .main_pic{display: none;}

.form_sec .inp_sec{margin-bottom: 8%;}
.form_sec .label{margin-bottom: 8%;}



.side_menu .selected{border: 1px solid var(--gray-03); font-size: 0.875em; padding: 0.875em; color: var(--black); font-weight: 600; background-color: var(--white)}
.side_menu .selected::after{content:''; width: 1em; height: 1em; background: var(--white) url(../images/angle-down-solid.svg) no-repeat; position: absolute; right: 1em; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.side_menu .selected.active::after{transform: rotate(180deg); -webkit-transform: rotate(180deg); transform-origin: 40% 27%}
.side_menu > ul{background-color: var(--white); border: 1px solid var(--gray-03); border-top: 0; position: absolute; left: 0; top: 44px; width: 100%; z-index: 1; display: none;}
.side_menu > ul a{color: var(--black); font-weight: 600;font-size: 0.875em; width: 100%; display: block; padding: 0.65em 1em;}
.side_menu > ul a:hover, .side_menu > ul .active a{color: var(--red);}

.inner_page .logo_sec > span{margin-right: 1em; font-size: 0.875em;}
.inner_page .logo_sec{margin-bottom: 5%; margin-top: 7%;}
.inner_page .logo_sec img{mix-blend-mode: multiply;}
.inner_page .tab_cont{margin-top: 9%;}
.inner_page .tab_cont .cont{display: none;}
.inner_page .tab_cont .cont:nth-child(2){display: block;}
.inner_page .products{margin-top: 7%;}
.inner_page .products .col{width: 48%; justify-content: flex-start; margin-bottom: 9%;}
.inner_page .products .col .pic{margin-bottom: 5%; min-height: 7em; align-items: flex-end;}
.inner_page .products .col .pic img{mix-blend-mode: darken;}
.inner_page .products .col p{text-align: center; width: 70%; color: var(--black);}
.inner_page .products .col:hover p{color: var(--red);}
.inner_page .side_menu{max-width: 30em;}
.inner_page h1{font-family: 'DM Serif Text', serif; font-size: 1.65em;}

.parallax-bg{position: absolute; left: 0%; top: 0; height: 100%; display: none; transition: all cubic-bezier(0.215, 0.610, 0.355, 1) 0.5s; -webkit-transition: all cubic-bezier(0.215, 0.610, 0.355, 1) 0.5s}
.parallax_01{background: url(../images/parallax-01.png) no-repeat 6.5% center; background-size: 14%;}
.parallax_02{background: url(../images/parallax-02.png) no-repeat 56% top; background-size: 7%;}
.parallax_03{background: url(../images/parallax-03.png) no-repeat 69.5% 16%; background-size: 4%;}
.parallax_04{background: url(../images/parallax-04.png) no-repeat 94% 68%; background-size: 10%;}




/* Animation-css-start */
@keyframes slideTopBottom {
    from {
        transform: translateY(-50px);
        -webkit-transform: translateY(-50px);
         opacity: 0;
        }
    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
         opacity: 1;
        }
}

@keyframes slideBottomTop {
    from {
        transform: translateY(50px);
        -webkit-transform: translateY(50px);
         opacity: 0;
        }
    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
         opacity: 1;
        }
}
@keyframes fadeIn {
    from {
         opacity: 0;
        }
    to {
         opacity: 1;
        }
}
@keyframes scaleIn {
    from {
        transform: scale(0.5); 
        -webkit-transform: scale(0.5);
         opacity: 0;
        }
    to {
        transform: scale(1);
        -webkit-transform: scale(1);
         opacity: 1;
        }
}
@keyframes slideLeft {
    from {
        transform: translateX(20%); 
        -webkit-transform: translateX(20%);
         opacity: 0;
        }
    to {
        transform: translateX(0); 
        -webkit-transform: translateX(0);
         opacity: 1;
        }
}

 .slideTopBottom{transform: translateY(-50px); opacity: 0;}
 .fadeIn{opacity: 0;}
 .scaleIn{opacity: 0;  transform: scale(0); -webkit-transform: scale(0);}
 .slideLeft{transform: translateX(105%); -webkit-transform: translateX(105%); opacity: 0;}
 .slideBottomTop{transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0;}

 .product_slider .swiper-slide-active .slideTopBottom,.product_slider .swiper-slide-active .scaleIn{animation: none;}
 .swiper-slide-active .slideTopBottom, .swiper-slide-active .swiper-slide-active.slideTopBottom, .animate .slideTopBottom{animation: slideTopBottom 0.5s ease-in-out forwards 0.5s;}
 .swiper-slide-active .swiper-slide-active{animation: none;}
 .swiper-slide-active .scaleIn,.swiper-slide-active .swiper-slide-active .scaleIn, .animate .scaleIn, .product_slider .swiper-wrapper .animate .scaleIn{animation: scaleIn 0.5s ease-in-out forwards 0.75s;}
 .product_slider .scaleIn{animation: scaleIn 0.5s ease-in-out forwards 0.75s !important;}
 .swiper-slide-active .slideLeft, .animate .slideLeft{animation: slideLeft 0.5s ease-in-out forwards 0.75s;}
 .swiper-slide-active .slideBottomTop, .animate .slideBottomTop{animation: slideBottomTop 0.5s ease-in-out forwards 0.75s;}
 .swiper-slide-active .fadeIn, .animate .fadeIn{animation: fadeIn 0.5s ease-in-out forwards 0.75s;}

 .about_sec .info_sec .scaleIn:nth-child(2){animation-delay: 0.85s;}
 .about_sec .info_sec .scaleIn:nth-child(3){animation-delay: 0.95s;}
 .about_sec .info_sec .scaleIn:nth-child(4){animation-delay: 1.05s;}
 .about_sec .logo_sec.slideTopBottom{animation-delay: 1.05s;}

 .why_sec .more_info .scaleIn:nth-child(2){animation-delay: 0.85s;}
 .why_sec .more_info .scaleIn:nth-child(3){animation-delay: 0.95s;}
 .why_sec .more_info .scaleIn:nth-child(4){animation-delay: 1.05s;}

 .clean_clear_sec .instruction .scaleIn:nth-child(2){animation-delay: 0.85s;}
 .clean_clear_sec .instruction .scaleIn:nth-child(3){animation-delay: 0.95s;}
 .clean_clear_sec .instruction .scaleIn:nth-child(4){animation-delay: 1.05s;}
 .clean_clear_sec .instruction .scaleIn:nth-child(5){animation-delay: 1.15s;}

 .clean_clear_sec .more_info .slideBottomTop:nth-child(2){animation-delay: 0.85s;}
 .clean_clear_sec .more_info .slideBottomTop:nth-child(3){animation-delay: 0.95s;}
 .clean_clear_sec .more_info .slideBottomTop:nth-child(4){animation-delay: 1.05s;}

 .product_sec .swiper-slide:nth-child(2).slideTopBottom,
 .product_sec .swiper-slide:nth-child(2) .scaleIn{animation-delay: 0.85s;}
 .product_sec .swiper-slide:nth-child(3).slideTopBottom,
 .product_sec .swiper-slide:nth-child(3) .scaleIn{animation-delay: 0.95s;}
 .product_sec .swiper-slide:nth-child(4).slideTopBottom,
 .product_sec .swiper-slide:nth-child(4) .scaleIn{animation-delay: 1.05s;}
/* Animation-css-end */


.about_us_pg .profile_sec{margin-top: 7%; text-align: center; margin-bottom: 8%;}
.about_us_pg .profile_sec p{color: var(--red); max-width: 480px;}
.about_us_pg .profile_sec .pic{margin-bottom: 5%; }
.about_us_pg .profile_sec .pic img{mix-blend-mode: multiply;}
.about_us_pg p{margin-bottom: 1em;}
.about_us_pg p:last-child{margin-bottom: 0;}
.about_us_pg .info_sec{margin-top: 8%;}
.about_us_pg .info_sec h4{margin-bottom: 5%;}
.about_us_pg .info_sec p{line-height: 2em;}
.about_us_pg .cont{margin-bottom: 7%;}

.list{padding-left: 1.25em;}
.list li{list-style: disc; list-style-position: outside; font-size: 0.875rem; line-height: 1.25em; margin-bottom: 0.5em;}
.list li:last-child{margin-bottom: 0;}

.why_shrinica_pg .profile_sec{text-align: left;}
.why_shrinica_pg h5{margin-bottom: 0.75em;}
.why_shrinica_pg .sec{margin-bottom: 5%;}
.why_shrinica_pg .info_sec p{line-height: 1.25em;}
.why_shrinica_pg .info_sec p a{color: var(--red);}



@media(min-width: 480px){
    .about_sec .logo_sec > .row{justify-content: flex-start}
    .about_sec .logo_sec a{width: auto; margin-right: 2em}
    .about_sec .logo_sec a:last-child{margin-right: 0}
}
@media(min-width: 640px){
    .inner_page .products .col{width: 32%;}
}
@media(min-width: 768px){
    .clean_clear_sec .more_info .col{width: 31%;}

    .home_sec h1{font-size: 2.5em;}
    .home_sec h2{font-size: 5.8em;}
}

@media(min-width: 1024px){
    .page{overflow: hidden; height: 100vh; flex-direction: row;}
    .btn{border-radius: 0.5em;}

    header nav{position: relative; left: auto; top: auto; box-shadow: none; height: 100vh; right: auto;}
    header nav .close{display: none;}
    header .logo_container, header .menu_icon{display: none;}
    header.row{width: 24%;}
    header .main_logo img{max-width: 100%;}
    header nav .main_logo{margin-bottom: 4.25em;}
    header nav{padding: 2em 2em;}
    header .social_icons{margin-top: 1.375em;}
    header .container{width: 100%;}
    header nav .main_logo{display: block;}
    header .logos_sec img{max-width: 80%;}

    .main{width: 76%; background-color: var(--gray);}

    .pagination_wrapper .swiper-pagination-bullets.swiper-pagination-horizontal{width: auto; margin-top: auto; bottom: auto; margin-left: 1em;}

    h1,.inner_page h1{font-size: 2.25em;}
    h2{font-size: 1.5em;}
    h3{font-size: 2em;}
    h4{font-size: 1.125em;}

    .large_desc{font-size: 1.25em;}

    section{height: 100vh;}
    
    .about_sec{padding: 7% 0 5%; background-color: transparent}
    .about_sec .main_cont .pic{display: none;}
    .about_sec .info_sec{flex-wrap: nowrap;}
    .about_sec .main_cont .cont{width: 100%;}
    .about_sec .container{display: flex; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; justify-content: flex-end;}
    .about_sec .cont_wrapper{width: 52.42%}
    .about_sec .col p{max-width: 88%;}
    .about_sec .btn_sec{margin-top: 4%;}
    .about_sec .logo_sec > .row{background-color: var(--gray);}
    .about_sec .col h3{font-size: 1.5em;}

    .product_sec p{font-size: 0.875em;}
    .product_sec .logo_sec{display: flex; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;    margin-right: 2.5%; margin-bottom: 3%;}
    .product_sec .logo_sec span{margin-right: 1em;}
    .product_sec .swiper-slide{border-right: 1px solid var(--gray-05); display: flex; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; justify-content: center;}
    .product_sec .swiper-slide:last-child{border-right: 0;}
    .product_sec .col{width: 80%;}
    .product_sec .link{margin-top: 44%;}
    .product_sec .swiper-wrapper{display: flex; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; width: 100%; justify-content: center;}


    .video_sec {padding: 17% 0 5%}
    .video_sec .swiper-pagination{display: none;}
    .video_sec .swiper_nav{background: url(../images/pattern-01.png) no-repeat center center; width: 9.375em; height: 9.375em; position: absolute; right: 0; top: 0; border-radius: 50%;}
    .video_sec .swiper-button-next:after, .video_sec  .swiper-button-prev:after{display: none;}
    .video_sec .swiper_nav i{color: var(--black); font-size: 1.25em;}
    .video_sec .swiper_nav .seperator{background-color: var(--black); width: 1px; height: 60px;}
    .video_sec .swiper-button-next{right: 25px;}
    .video_sec .swiper-button-prev{left: 25px;}
    .video_sec .video_wrapper{width: 80%;}
    .video_sec .swiper_nav{opacity: 1;}


    .why_sec{padding: 7% 0 5%;}
    .why_sec .more_info .col.pic{display: none;}
    .why_sec .more_info .col p{width: 90%;}
    .why_sec .more_info{flex-wrap: nowrap;}
    .why_sec .container{display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; justify-content: flex-end;}
    .why_sec .cont_wrapper{width: 60%;}
    .why_sec .main_info{margin-bottom: 3%;}
    .why_sec .more_info .col p{font-size: 0.8em;}

    .clean_clear_sec{padding: 7% 0 0%;}
    .clean_clear_sec .main_info .pic{display: none;}
    .clean_clear_sec .instruction > .row{flex-wrap: nowrap;}
    .clean_clear_sec .instruction{margin-top: 0;}
    .clean_clear_sec .container{display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;}
    .clean_clear_sec .main_info{width: 31.3%; padding-right: 2em;}
    .clean_clear_sec .other_info{width: 68.7%;}
    .clean_clear_sec .instruction > .row::after{display: none;}
    .clean_clear_sec .more_info{margin-top: 0;}
    .clean_clear_sec .instruction .col{width: 17.36%; }
    .clean_clear_sec .more_info .col p{font-size: 0.75em; line-height: 1.25em;}
    .clean_clear_sec .more_info .col{margin-bottom: 0;}
    .clean_clear_sec h1{width: 90%;}
    

    .contact_sec{padding: 17% 0 5%}
    .contact_sec .container > .flex-column{flex-direction: row;}
    .contact_sec .col:first-child{flex-direction: row;}
    .contact_sec .col.info_sec{align-items: flex-end; justify-content: flex-start;}
    .contact_sec .info_sec p{text-align: right;}
    .contact_sec .info_sec .logo img{max-width: 80%; display: inline-block;}
    .contact_sec .info_sec .logo{text-align: right;}
    .contact_sec .eq_col{margin-bottom: 0; border-right: 1px solid var(--gray-05); padding-right: 2em;}
    .contact_sec .eq_col:first-child{margin-right: 2em;}
    .contact_sec .map{margin-top: 64%;}
    .contact_sec .main_pic{display: block; position: absolute; right: -74%; top: 31%; max-width: 123%;}


    .pagination_wrapper{position: absolute; bottom: 2em; width: 100%; z-index: 1;}

    .side_menu .selected{display: none;}
    .side_menu > ul{display: block !important; position: relative; left: auto; top: auto; background-color: transparent; border: 0;}
    .side_menu > ul a{padding: 0; font-size: 1em;}
    .side_menu li{margin-bottom: 1em;}
    
    .inner_page{overflow-y: auto;}
    .inner_page .main_cont{flex-wrap: nowrap;}
    .inner_page h1{text-align: center;}
    .inner_page .logo_sec{margin-top: 2em; margin-bottom: 3em;}
    .inner_page .side_menu{width: 20%;}
    .inner_page .tab_cont{margin-top: 0; width: 78%;}
    .inner_page .products .col p{max-width: 65%;}
    .inner_page .products .col .pic{min-height: 9em;}
    .inner_page .products{margin-top: 0;}

    .parallax-bg{display: block;}

    .home_sec{background: none; padding: 0;}
    .home_sec h1{font-size: 2em; margin-top: 28%;}
    .home_sec h2{font-size: 5em;}
    .home_sec .hm_mob_bg{display: none;}

    .br_desk{display: block;}

    /* .animate_obj object{position: absolute; top: 15%; left: 3.5%; max-width: 17.25%;} */
    .animate_obj object{position: absolute; top: 28%; left: 5.5%; max-width: 15.5%;}
    .animate_obj picture{position: absolute; top: 27%; left: 20%; max-width: 44em;}

    .about_us_pg .m_sec{width: 65%;}
    .about_us_pg .info_sec{width: 30%; margin: 0;}
    .about_us_pg h1{text-align: left;}


    .why_shrinica_pg .sec:not(:last-child){margin-bottom: 3%;}

}

@media(min-width: 1280px){
    header.row{width: 20%;}
    .main{width: 80%;}
    h2{font-size: 1.75em;}
    .video_sec,.contact_sec,.about_sec,.why_sec,.clean_clear_sec{padding: 5% 0}

    .about_sec .cont_wrapper{width: 43.2%;}
    .about_sec .col p{max-width: 80%;}

    .product_sec .link{margin-top: 7%;}

    .video_sec .video_wrapper{width: 86%;}

    .why_sec .cont_wrapper{width: 54%;}
    .why_sec .main_info .large_desc{width: 80%;}
    
    .clean_clear_sec .instruction h5{margin-bottom: 3%;}

    .pagination_wrapper{bottom: 1.25em;}

    .inner_page .side_menu{width: 14%;}
    .inner_page .tab_cont{width: 82%;}
    .inner_page .products .col .pic{min-height: 13em;}
    .inner_page .products .col{margin-bottom: 4%;}


    .parallax_01{background-size: 16%; background-position-x: 5.5%;}
    .parallax_02{background-size: 8%; background-position: 56.5% top;}
    .parallax_03 {background-size: 5.5%; background-position: 69.5% 11%;}
    .parallax_04{background-size: 9%; background-position: 93.5% 84%;}

    .home_sec h1{margin-top: 15%;}
    .home_sec h2{font-size: 6em;}

    .contact_sec .main_pic{right: -51%; top: 27%; max-width: 87%;}
    /* .contact_sec .main_pic{right: -68%; top: 19%; max-width: 109%;} */

    /* .animate_obj object{top: 3%; left: 1.9%; width: 20%; max-width: 100%;} */
    .animate_obj object{top: 13%; left: 4.5%; width: 18%; max-width: 100%;}
    .animate_obj picture{top: 2.5em; left: 17%; max-width: 100%; width: 65%;}

    .about_us_pg .cont > .flex {flex-wrap: nowrap; align-items: flex-start; margin-top: 3%;}
    .about_us_pg .profile_sec{margin: 0; width: 26%;}
    .about_us_pg .info_sec{width: 22%;}
    .about_us_pg .m_sec{width: 48%;}
    .about_us_pg .logo_sec{margin-bottom: 0;}
    .about_us_pg h1{margin-left: 28%;}

    .why_shrinica_pg h4{font-size: 1.25em; line-height: 1.25em;}
    .why_shrinica_pg .sec h5{margin-bottom: 0.5em;}


}
@media(min-width: 1366px){
    /* .animate_obj object{top: -12%; left: 2.9%; width: 19%;} */
    .animate_obj object{top: 7.5%; left: 5%; width: 17.35%;}
}
@media(min-width: 1600px){
    header.row{width: 16%;}
    header .logos_sec a{margin-bottom: 1.625em;}
    header .logos_sec img{max-width: 100%;}

    .main{width: 84%;}

    .product_sec .link{margin-top: 12vh;}

    .video_sec .swiper_nav{width: 11.375em; height: 11.375em;}

    .clean_clear_sec .main_info{padding-right: 3em;}

    .parallax_03{background-size: 5%;}

    .home_sec h1{font-size: 2.5em; margin-top: 20%;}
    .home_sec h2{font-size: 6em;}

    .contact_sec .main_pic{right: -64%; top: 14%; max-width: 105%;}

    /* .animate_obj object{top: -10%;} */
    .animate_obj object{top: 8%; left: 4.9%;}
    .animate_obj picture{top: 6vh;}

    .why_sec .main_info{margin-bottom: 10%;}

    .about_us_pg .main_cont{margin-top: 3%;}

}
@media(min-width: 1800px){
    header.row{width: 13.7%;}
    header nav{padding: 4.125em 2em 3.125em}
    header .social_icons{margin-top: 4.375em;}
    header .logos_sec{margin-top: 18%;}
    
    .main{width: 86.3%;}

    .large_desc{font-size: 1.875em;}

    h1,.inner_page h1{font-size: 3em;}
    h2{font-size: 2.25em;}
    h3{font-size: 3em;}
    p{font-size: 1em; line-height: 1.125em;}
    .btn{font-size: 1em; padding: 0.84em 1.1em;}
    
    .pagination_wrapper{bottom: 1.5em;}

    .video_sec, .contact_sec, .about_sec, .why_sec, .clean_clear_sec{padding: 7% 0 2%;}

    .about_sec .col p{max-width: 84%;}
    .about_sec h4{margin-bottom: 6.4%;}
    .about_sec .info_sec h3{margin-bottom: 8%;}
    .about_sec .col{margin-bottom: 0;}
    .about_sec .btn_sec{margin-top: 7.5%;}
    .about_sec .col h3{font-size: 2.25em;}
    
    .product_sec p{font-size: 1.125em; line-height: 1.333333333333333em;}
    .product_sec{padding: 3.5% 0 0}
    .product_sec .logo_sec{margin-right: 3.67%; margin-bottom: 3.65%;}
    .product_sec .container{width: 97%;}
    
    .video_sec .swiper_nav{width: 17.75em; height: 17.75em; right: 1.5em;}
    .video_sec .container{padding-left: 3.5em;}
    .video_sec .video_wrapper{width: 80.3%;}
    .video_sec .swiper_nav i{font-size: 2.25em;}
    .video_sec .swiper_nav .seperator{height: 128px;}
    .video_sec .swiper-button-next{right: 82px;}
    .video_sec .swiper-button-prev{left: 82px;}

    .why_sec .more_info .col p{font-size: 1.125em; line-height: 1.333333333333333em;}
    .why_sec .large_desc{max-width: 37.2rem;}
    .why_sec .main_info{margin-bottom: 6%;}
    .why_sec h4{margin-bottom: 3%;}
    .why_sec .main_info .large_desc{width: 67%;}
    .why_sec{padding: 5% 0 2%;}
    .why_sec .large_desc{font-size: 1.7em;}

    .clean_clear_sec .container{width: 91%;}
    .clean_clear_sec .instruction > .row{max-width: 56.875rem;}
    .clean_clear_sec .more_info .col p{font-size: 1.125em; line-height: 1.333333333333333em;}
    .clean_clear_sec .main_info .large_desc{font-size: 1.5em; line-height: 1.5em;}
    .clean_clear_sec .instruction p{font-size: 1.125em; line-height: 1.333333333333333em;}
    .clean_clear_sec{padding-top: 5%;}
    .clean_clear_sec .instruction h5{margin-bottom: 3%;}
    .clean_clear_sec h1{width: 72%;}

    .contact_sec .address p,.form_sec .label,.contact_sec .info_sec p{font-size: 1.125em; line-height: 1.333333333333333em;}
    .contact_sec .info_sec .logo img{max-width: 100%;}
    .contact_sec .eq_col:first-child{margin-right: 3.375em;}
    .contact_sec .eq_col:last-child{padding-right: 3.375em; max-width: 22.1875rem;}
    input[type="text"], input[type="email"], textarea{font-size: 1.125em; padding-bottom: 0.8125em; font-family: Arial, Helvetica, sans-serif;}
    .form_sec .label{margin-bottom: 12%;}
    .contact_sec .info_sec p{width: 64%;}
    .contact_sec .main_pic{right: -81%; top: 16%; max-width: 117%;}
    .form_sec .label{max-width: 64%;}


    .inner_page .logo_sec{margin-top:  4.125em;}

    .inner_page .side_menu{width: 9%;}
    .inner_page .tab_cont{width: 88%;}
    /* .inner_page .products .col p{max-width: 33%;} */
    .inner_page .products .col p{max-width: 42%;}
    .inner_page .products .col .pic{min-height: 15em;}

    .parallax_01,.parallax_02,.parallax_03,.parallax_04{background-size: auto;}
    .parallax_03{background-position: 69.25% 2%;}
    .parallax_04{background-position: 93% 53%;}

    .home_sec .main_cont{margin-left: 4.5%;}
    .home_sec h2{font-size: 8.5em;}
    .home_sec h1{padding-left: 2.5em;}

    /* .animate_obj object{top: -10%;} */
    .animate_obj object{top: 7%;left: 4.7%; width: 17.65%;}

    .about_us_pg .info_sec h4{font-size: 1.25em;}
    .about_us_pg p{line-height: 1.3em;}
    .about_us_pg .profile_sec{width: 20%;}
    .about_us_pg .m_sec{width: 54%;}
    .about_us_pg h1{margin-left: 22%;}

    .why_shrinica_pg h4{font-size: 1.45em;}
    


 
}
@media(max-width: 1023px){
    .main_wrapper{flex-wrap: wrap;}
    .pagination_wrapper{display: none;}
}
@media(max-width: 370px){
    .home_sec h2{font-size: 4.25em;}
}
.g-recaptcha{
    transform: scale(.75);
    transform-origin: 0 0;
}