/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

#s4 .carousel-item {
    height: 410px;
}

:root{
    --c:var(--nectar-accent-color);
--c1: var(--nectar-extra-color-1);
	--c2: var(--nectar-extra-color-2);
	--c3: var(--nectar-extra-color-3);
--g: linear-gradient(180deg, var(--c) 0%, var(--c1)  100%);
	--g1: linear-gradient(180deg, var(--c) 0%, var(--c1)  50%, var(--c)  100%);
	
}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	background: var(--c);
}
::selection {
  background:  var(--c);
	color:white;
}

/*------typography-----------*/

div#why-chose-main h2 {
    font-size: 22px;
    line-height: 35px;
}
div#why-chose-main img {
    width: 30%;
}

#r-cm{
	padding-top: 60px;
	padding-bottom: 60;
}

html body h1{
	font-family:font1 !important;
}
html body h2{
	font-family:font1  !important;
	color: var(--c3);
}
html body h3{
	font-family: font1  !important;
}
html body h5{
	font-family:font1  !important;
}
html body h6{
	font-family:font1  !important;
}
html body em,html body a,html body button,html body input,html body label,html body legend,html body .wpb_text_column li,html body .nectar-split-heading li,html body .nectar-fancy-ul li{
	font-family:font1 !important;
}
html body strong{
	font-family:inherit;
}

/*------typography-----------*/

body[data-slide-out-widget-area-style="slide-out-from-right"].material .slide_out_area_close:before {
    background: var(--c) !important;
}
div#s1 {
    padding-block: 480px 50px !important;
}

#top ul.sf-menu.sf-js-enabled.sf-arrows li a span {
    font-family: Inter !important;!i;!;
    font-size: 18px;
    line-height: 28px;
}

#top ul.buttons.sf-menu li a span {
    background: var(--c);
    padding: 20px 40px;
    font-size: 20px;
    line-height: 30px;
    position: relative;
    transition: .65s;
}

#top ul.buttons.sf-menu li a span:before,#top ul.buttons.sf-menu li a span:after {content: '';position: absolute;width: 30px;height: 60px;top: 0%;transform: translate(-50%);border-block: 1px solid var(--c1);transition: .65s;}

#top ul.buttons.sf-menu li a span:before {border-left: 1px solid;left: 15px;}

#top ul.buttons.sf-menu li a span:after {
    border-right: 1px solid;
    right: -15px;
}

#top ul.buttons.sf-menu li a span:hover:before, #top ul.buttons.sf-menu li a span:hover:after {
    width: 180px;
}

#top ul.buttons.sf-menu li a span:hover:before {
    left: 90px;
}

#top ul.buttons.sf-menu li a span:hover:after {
    right: -90px;
}
#top ul.buttons.sf-menu li a span:hover {
    background: var(--c1););
    color: var(--c3);
}
#s1 a#b2 {
    float: right;
    margin-top: -150px;
    font-size: 0;
    padding: 60px 70px;
    border-radius: 50% !important;!i;!;
    background: var(--c1) !important;!i;!;
    color: black;
    opacity: 1;
}

/* #s1 .t1 p {
    position: relative;
    width: 50%;
} */

#s1 a#b2 i {
    left: 0;
    right: 0;
    margin: auto;
    font-size: 50px;
    transform: translate(15px, -18px);
    rotate: -45deg;
}
#sin1 {
    margin: auto;
    max-width: 1320px;
    margin-bottom: 30px;
}

.t1 h4 {
    color: var(--c3);
}

#s2 .t3 {
    margin-left: -150px;
    padding-right: 50%;
    border-top: 1px solid #000;
}

#s2 .t3 p {
    line-height: 32px;
    color: #000;
    padding-top: 30px;
}

a#b1 {
    padding: 12px 40px;
    border-radius: 0px !important;!i;!;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

a#b1:before,a#b1:after {
    content: '';
    position: absolute;
    height: 50px;
    width: 10px;
    border-block: 2px solid var(--c1);
    top: 0;
    transition: .65s;
}

a#b1:before {
    left: 0;
    border-left: 2px solid var(--c1);
}

a#b1:after {
    right: 0;
    border-right: 2px solid var(--c1);
}

a#b1:hover:before, a#b1:hover:after {
    width: 100px;
}

a#b1:hover {
    background: var(--c1) !important;!i;!;
    color: var(--c3) !important;!i;!;
}
#s2 .c4 .img-with-aniamtion-wrap {
    margin-left: 11px;
}

#s2 .nectar-scrolling-text h3 {
    color: transparent;
    -webkit-text-stroke: 1px #e3e3e3;
    font-size: 200px;
    line-height: 210px;
}

#s2 a#b1 {
    margin-left: -150px;
    margin-bottom: 80px;
}

div#s2 {
    padding-block: 100px !important;!i;!;
}
#s1 .t1 h4 {
    color: var(--c2);
    position: relative;
}

#s1 .t1 h4:before {
    left: 29%;
    border-top: 1px solid #fff;
    width: 250px;
    position: absolute;
    content: '';
    top: 14px;
}

#s3 .t1 {
    max-width: 1650px;
    padding-inline: 70px;
    margin-inline: auto;
    position: relative;
}
div#s3 {
    padding-block: 100px !important;
}
/* div#s3 .t1 p:not(:first-child) {
    position: relative;
    margin-left: auto;
    width: 48%;
} */
/* div#s3 .t1::before {
    content: '';
    border-bottom: 1px solid #ffffff10;
    display: inline-block;
    width: 46%;
    position: absolute;
    left: 70px;
    bottom: 46px;
} */
#s3 .t1 h2 {
    margin-bottom: 30px;
}
#s3 .img.active {
    opacity: 1;
}
#s3 .img-with-aniamtion-wrap:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
}
#s3 .img {
    opacity: 0;
    transition: 0.9s;
}
#s3 .tt {
    width: 11%;
    display: inline-block;
    height: 100%;
    margin-bottom: 0;
    position: relative;
    border: 1px solid #e3e3e330;
    background: #bedf2033;
}
#s3 .tt.active {
    width: 88%;
}
/* #s3 .tt.active {
    width: 68%;
} */
#s3 .c2>div>.wpb_wrapper {
    display: flex;
    align-items: center;
    height: 100%;
}
#s3 .tt .wpb_wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-inline: 70px;
    width: 100%;
}
#s3 .c2>div {
    height: 100%;
}
#s3 .tt h3 {
    margin-bottom: 20px;
    width: 500px;
    rotate: -90deg;
    position: absolute;
    bottom: -120px;
    left: -190px;
    font-size: 20px;
    line-height: 40px;
}
#b2 a {
    color: white;
    font-family: 'font2';
    font-size: 24px;
    display: table;
    position: relative;
    padding-left: 20px;
    opacity: 1;
}
#b2 a i {
    font-size: 15px;
    left: 0;
    
    !i;!;
    position: absolute;
    transform: translate(0px, 3px);
}
#b2 a::before {content: '';background: var(--c1);height: 40px;width: 40px;position: absolute;left: 0;top: 45%;transform: translateY(-50%);transition: 0.9s;z-index: -1;border-radius: 40px;}
#b2 a:hover::before {
    width: 106%;
    height: 42px;
}
#b2 a:hover {
    color: black;
}
#s3 .tt p {
    display: none;
}
#s3 .tt.active p {
    display: block;
    font-size: 18px;
    line-height: 30px;
}
#s3 .tt.active h3 {
    rotate: unset;
    position: static;
    border: unset;
    left: unset;
    width: auto;
    font-size: 40px;
    line-height: 50px;
}
#s3 .tt4 {border-right: unset !important;}
#s3 .tt::before {
    content: "\2b";
    font-family: 'FontAwesome';
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 30px;
    opacity: 1;
    transition: 0.9s;
}
#s3 .tt.active::before {
    opacity: 0;
}
#s3 a#b1 {
    display: table;
    margin-inline: auto;
    margin-top: 60px;
    background: var(--c1) !important;!i;!;
    color: #000;
}
#b2 a:hover i {
    opacity: 0;
}
#s3 a#b1:before, #s3 a#b1:after {
    border-block: 1px solid var(--c);
    height: 58px;
}

#s3 a#b1:before {
    border-left: 1px solid var(--c);
}

#s3 a#b1:hover:before, #s3 a#b1:hover:after {
    width: 100%;
}

#s3 a#b1:after {
    border-radius: 1px solid var(--c);
}
div#s4 {
    padding-block: 100px !important;!i;!;
}

#s4 .carousel-item {
    margin: 0px 10px;
    background: #196d600d;
    padding-block: 30px;
    padding-inline: 30px 10px;
}

#s4 .t2 {
    padding-block: 30px 0px;
}

#s4 a#b1 {
    margin-inline: auto;
    display: table;
}

#s4 .owl-nav {display: block;}

#s4 .owl-nav button {
    background: transparent;
    border: unset;
    position: absolute;
}

#s4 button.owl-prev:before {
    content: "\e909";
    font-family: icomoon !important;!i;!;
    color: black;
    font-size: 30px;
}

#s4 button.owl-prev {
    rotate: 180deg;
    left: -80px;
    top: 50%;
}

#s4 button.owl-next:before {
    content: "\e909";
    font-family: icomoon !important;
    color: black;
    font-size: 30px;
}

#s4 button.owl-next {
    right: -80px;
    top: 50%;
}

#s4 .m1 {
    animation: grow 5s infinite linear;
}
@keyframes grow{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(0.9);
    }
}
#s5 .carousel-item {
    background: var(--c2);
    margin: 0px 8px;
    padding-inline: 30px 30px;
    padding-block: 30px;
}

#s5 .iwt-icon img {
    width: auto;
    animation: 2s move1 linear alternate infinite;
}
@keyframes move1{
    0%{
        transform:rotate(10deg)
    }
}

#s5 .iwithtext .iwt-text {
    padding-left: 100px;
    padding-top: 12px;
}

#s5 .iwithtext .iwt-text h4 {
    font-family: 'font1' !important;!i;!;!;
    color: #000;
    font-size: 22px;
    line-height: 32px;
    margin: 0;
}

#s5 .iwithtext .iwt-text h6 {
    font-family: Inter !important;!i;!;
    font-size: 16px;
    line-height: 26px;
}

#s5 h5 {
    font-size: 30px;
    animation: grow 5s infinite linear;
    transform-origin: left;
}

#s5 .t2 {
    padding-top: 20px;
}

#s5 .owl-carousel {
    width: 125%;
}

#s5 .owl-nav {
    display: block;
    position: absolute;
    top: -60px;
    right: 328px;
}

#s5 .owl-nav button {
    background-color: transparent;
    border: unset;
    width: 50px;
    height: 50px;
    border-radius: 50px !important;!i;!;
    font-family: icomoon !important;!i;!in;!i;!;
    font-size: 0;
}
#s5 button.owl-next {
    background-image: url(https://devu20.testdevlink.net/Kenel/wp-content/uploads/2025/01/Group-1000004461.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 75px;
}

#s5 button.owl-prev {
    background-image: url(https://devu20.testdevlink.net/Kenel/wp-content/uploads/2025/01/Group-1000004461.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 75px;
    rotate: 180deg;
    transform: translate(-50px, 25px);
}

#s5 .owl-stage-outer {
    overflow: visible;
}
#s5 .owl-dots {
    display: none;
}
div#s5 {
    padding-block: 100px !important;!i;!;
}
#footer-widgets h4 {
    font-family: 'font1' !important;!i;!;
    font-size: 25px !important;!i;!;
    line-height: 32px;
    font-weight: 400;
}

#footer-outer a {
    font-family: 'Inter' !important;!i;!;
    line-height: 32px;
}

div#nav_menu-2 {
    display: table;
    margin: auto;
}

#footer-widgets input.tnp-email {
    background: transparent;
}

#footer-widgets input.tnp-submit {
    margin-top: 10px;
    width: 50%;
    padding-block: 15px;
    border: 1px solid #fff;
    border-radius: 0px !important;!i;!;
}
div#copyright {
    padding-block: 20px !important;!i;!;
}

#copyright .col.span_5 {max-width: 200% !important;!i;!;margin: 0;}

div#custom_html-2 {float: left;}

div#text-3 {
    float: right;
    font-size: 18px;
}
div#text-2 {
    margin-bottom: 15px !important;!i;!;
}
#scroll {
    position: absolute;
    top: 130px;
    z-index: -9999;
}
#s2 .c3 .hover-wrap {
    overflow: hidden;
}

#s2 .c3 .m1 {
    transition: .65s;
}

#s2 .c3 .m1:hover {
    scale: 1.02;
}
#s2 .t1 h4 {
    font-size: 25px;
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1920px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1600px) {
div#s1 {
    padding-block: 520px 50px !important;
}
#s1 a#b2 {
    margin-top: -190px;
    padding: 50px 60px;
}
#s2 .c3 .img-with-aniamtion-wrap {
    padding-right: 90px;
}

#s2 .t3 {
    margin-left: -60px;
    padding-right: 20%;
}

#s2 a#b1 {
    margin-left: -60px;
}

div#sin2 {
    z-index: 999;
}

#s3 .tt.active p {
    font-size: 16px;
    line-height: 32px;
}

#s3 .tt h3 {
    bottom: -40px;
    left: -200px;
    font-size: 26px;
}
#s5 .owl-nav {
    top: -90px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1440px) {
	
header#top ul li a span {
    font-size: 15px !important;
}
	
header#top ul.sf-menu.sf-js-enabled.sf-arrows {
    margin-left: 50px;
}	

#top ul.buttons.sf-menu li a span {
    padding: 20px 20px;
    font-size: 15px;
}
	
div#s1 {
    padding-block: 440px 50px !important;
}

#s3 .tt .wpb_wrapper {
    padding-inline: 50px;
}

#s4 button.owl-prev {
    left: -60px;
}

#s4 button.owl-next {
    right: -60px;
}
#sin1 {
    max-width: 1300px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1366px) {
	
header#top ul li a span {
    font-size: 13px !important;
}
	
#s1 .t1 h4:before {
    left: 32%;
}
	
#top ul.sf-menu.sf-js-enabled.sf-arrows li a span {
    font-size: 16px;
    line-height: 26px;
}

div#s1 {
    padding-block: 400px 50px !important;
}

#sin1 {
    max-width: 1220px;
}

html body h2 {
    font-size: 45px;
    line-height: 55px;
}

#s2 .t3 {
    padding-right: 15%;
}

#s3 .tt.active p {
    line-height: 26px;
    font-size: 14px;
}

#s3 .tt h3 {
    font-size: 25px;
    line-height: 35px;
    bottom: -10px;
    left: -210px;
}

html body h3 {
    font-size: 22px !important;!i;!;
    line-height: 32px !important;!i;!;
}

#s5 .owl-nav {
        top: -60px;
    }

div#s5 {
    padding-block: 60px !important;
}

#s2 .nectar-scrolling-text h3 {
    font-size: 120px !important;!i;!;
    line-height: 130px !important;!im;!im,;!i;!;
}

#scroll {
    top: 130px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1340px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1320px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1280px) {
	
header#top ul li a span {
    font-size: 12px !important;
}
	
div#s1 h1 {
    max-width: 750px;
}
	
#s1 .t1 h4:before {
   left: 35%;
}
	
#top ul.sf-menu.sf-js-enabled.sf-arrows li a {
    margin-right: -10px;
}

div#s1 {
    padding-block: 380px 50px !important;
}

#sin1 {
    max-width: 1130px;
}

html body h2 {
    font-size: 40px;
    line-height: 50px;
}

html body p {
    font-size: 14px;
    line-height: 28px;
}

#s2 .t3 p {
    line-height: 28px;
}

#scroll {
    top: 118px;
}

div#s3 {
    padding-block: 50px !important;
}

div#s4 {
    padding-block: 50px !important;
}
div#s2 {
    padding-block: 70px !important;
}
#s5 .owl-nav {
    right: 258px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {
#s1 .t1 h4:before {
    width: 100px;
    left: 42%;
}

#s1 .t1 p {
    width: 60%;
}

div#s1 {
    padding-block: 270px 25px !important;
}

#s1 a#b2 {
    margin-top: -170px;
}

div#s2 {
    padding-block: 50px !important;
}

#sin1 {
    max-width: 880px;
}

html body h2 {
    font-size: 32px;
    line-height: 42px;
}

#s2 .nectar-scrolling-text h3 {
    font-size: 80px !important;
    line-height: 90px !important;
}

#scroll {
    top: 102px;
}

html body p {
    font-size: 12px;
    line-height: 22px;
}

#s3 .tt .wpb_wrapper {
    padding-inline: 30px;
}

#s3 .tt.active p {
    line-height: 22px;
    font-size: 12px;
}

#b2 a {
    font-size: 18px;
    line-height: 28px;
}

#s3 .tt h3 {
    font-size: 19px !important;!i;!;
    line-height: 35px;
    bottom: 40px;
    left: -220px;
}

#s3 .tt.active h3 {
    font-size: 25px !important;!i;!;
}

html body h3 {
    font-size: 16px !important;
    line-height: 26px !important;
}

#s4 .carousel-item {
    padding-inline: 20px 10px;
}

#s5 .iwithtext .iwt-text h4 {
    font-size: 16px;
    line-height: 26px;
}

#footer-widgets h4 {
    font-size: 20px !important;
    line-height: 30px;
}

#footer-outer #copyright p {
    font-size: 16px;
}
ul.menu li a {
    font-family: 'Inter' !important;
}
#s5 .owl-nav {
    right: 188px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 840px) {
	
div#ser-16 img {
    margin: 0 auto;
    display: table;
}	

div#ser-01, div#ser-02, div#ser-03, div#ser-04, div#ser-05, div#ser-06, div#ser-07, div#ser-08, div#ser-09, div#ser-010, div#ser-11, div#ser-12, div#ser-13, div#ser-14, div#ser-15, div#ser-16, div#ser-17 {
    text-align: center;
}	
	
div#s1 {
    text-align: center;
}

#s1 .t1 p {
    width: 100%;
}

div#s1 {
    padding-block: 150px 25px !important;
}

#s1 a#b2 {
    display: none;
}

#s1 .t1 h4:before {
    display: none;
}

#s1 .t1 {
    filter: drop-shadow(2px 4px 6px black) drop-shadow(2px 4px 6px black) drop-shadow(2px 4px 6px black) drop-shadow(2px 4px 6px black);
}

div#s2 {
    text-align: center;
}


#s2 .c3 .img-with-aniamtion-wrap {
    padding: 0;
    margin: auto;
    display: table;
    width: 70%;
}

#s2 .t3 p {
    width: 100%;
    padding-right: 0;
}

#s2 .t3 {
    padding: 0;
    margin: auto;
    display: table;
    width: 60%;
}

#s2 a#b1 {margin-inline: auto;margin-block: 30px;}

#s2 .c4 .img-with-aniamtion-wrap {
    margin-inline: auto;
    display: table;
    width: 60%;
}

html body h2 {
    font-size: 30px !important;!i;!;
    line-height: 40px !important;!i;!;
}

#s3>.col {
    padding-inline: 20px;
    text-align: center;
}
#s3 .t1 {
    padding: 0;
}
div#s3 .t1::before {
    display: none;
}
div#s3 .t1 p:not(:first-child) {
    margin: auto;
    width: 100%;
}
#s3 .t1 h2 {
    margin-bottom: 10px;
}
#s3 .c2 {
    text-align: left;
    height: 400px;
}
#s3 .tt {
    border: 1px solid #ffffff10 !important;
}
#s3 .tt h3 {
    bottom: 35px;
    left: -207px;
}

#s4 .owl-nav {
    display: none;
}

.owl-nav.disabled {}

#s5 .owl-nav {
    display: none;
}

#s5 .owl-carousel {
    width: 100%;
}

#s5 .owl-dots {
    display: block;
}

div#nav_menu-2 {
    display: block;
}

.owl-stage {
    padding: 0 !important;!i;!;
}
#s3 a#b1:before, #s3 a#b1:after {
    height: 53px;
}
#page-header-bg .span_6 h1 {
    font-size: 38px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 525px) {

div#s1 h1 {
    font-size: 35px;
    line-height: 45px;
}
	
.t1 h4 {
    font-size: 12px !important;!i;!;
    line-height: 22px !im,;!im,;!i;!;
}

html body h1 {
    line-height: 60px;
}

html body h2 {
    font-size: 20px !important;
    line-height: 30px !important;
}

html body h2 br {
    display: none;
}

#s2 .t3 {
    width: 90%;
    border: unset;
}

#s2 .c3 .img-with-aniamtion-wrap {
    width: 90%;
}

#s2 .c4 .img-with-aniamtion-wrap {
    width: 90%;
}

	#s3 .c2 {
    height: 560px;
}
	#s3 .tt .wpb_wrapper {
    padding-inline: 20px;
}
#s3 .tt p {
    font-size: 12px;
    line-height: 22px;
}
#s3 .tt h3 {
        text-align: right;
        bottom: -135px;
        left: -228px;
        font-size: 15px;
        line-height: 26px;
    }
#s3 .tt.active h3 {
    font-size: 17px !important;!i;!;
    line-height: 27px !important;!i;!;
    text-align: left;
}
#s3 .tt::before {
    font-size: 16px;
}

a#b1 {
    font-size: 16px;
    line-height: 26px;
}

a#b1:before,a#b1:after {
    height: 46px;
}

#s5 .iwithtext .iwt-text h4 {
    font-size: 13px;
    line-height: 23px;
}

#s5 .iwithtext .iwt-text h6 {
    font-size: 12px;
    line-height: 22px;
}

div#custom_html-2 {
    float: unset;
}

div#text-3 {
    float: unset;
    padding-top: 10px;
}
#s3 a#b1:before, #s3 a#b1:after {
    border-block: 1px solid var(--c);
    height: 48px;
}
#page-header-bg .span_6 h1 {
    font-size: 28px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 430px) {
#s3 .tt h3 {
    left: -235px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 375px) {
    div#s1 h1 {
        font-size: 25px;
        line-height: 35px;
    }	
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 360px) {}

@-moz-document url-prefix() {
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1920px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1600px) {
#s4 .carousel-item {
  height: 350px;
}
	}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1440px) {
#s4 .carousel-item {
  height: 330px;
}
	}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1366px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1340px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1320px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1280px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 840px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 525px) {
  #s4 .carousel-item {
    height: 300px;
  }
	}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 430px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 375px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 360px) {}
}