/*
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
*/





: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%);
	
}
body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

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

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


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: 300px 90px !important;
}

a#b1 {
	display: inline-block;
    font-size: 16px;
    padding-inline: 40px 50px;
    padding-block: 13px;
	text-transform: uppercase !important;
}

a#b1 i {
    background: var(--c) !important;
    border-radius: 3px;
    color: white !important;
}

#s1 div#in1 {
    position: absolute;
    bottom: 40%;
    right: 0;
}

#s1 div#in1 .wpb_wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

#s1 .number {
    font-size: 25px !important;
    line-height: 35px !important;
    margin-bottom: 0;
}

#s1 .number .symbol,#s1 .number .symbol-wrap {
    font-size: inherit !important;
    line-height: inherit !important;
}

#s1 .subject {
    font-size: 15px;
    line-height: 25px;
}

#s1 #in1 .img-with-aniamtion-wrap {
    width: 40%;
}

#s1 #in1 .nectar-milestone {
    width: 60%;
    text-align: left;
}

#s1 #in1 .img-with-aniamtion-wrap .hover-wrap {
    margin-bottom: 0;
}

#s1 .t1 em {
    display: block;
    text-align: right;
    font-style: normal;
}

#s1 .t1 strong {
    font-family: inherit;
    color: var(--c);
}

#s1 a#b1 {
    position: absolute;
    bottom: 0;
    left: 30px;
    top: unset;
}

#s1 .t1 {
    margin-bottom: 0;
}

#s1 a.play_button.large.nectar_video_lightbox {
    margin-inline: auto;
    display: table;
    margin-bottom: 60px;
}

#s2 .hover-wrap {
    margin-bottom: 0;
}

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

div#s3 .t1 {text-align: center;}

#s3 .t2 {
    width: 50%;
    margin-left: auto;
    margin-top: 60px;
    padding-right: 190px;
}

#s3 div#in1 {
    width: 50%;
    margin-left: auto;
}
div#s3 a#b1:nth-child(2), div#s5 a#b1,div#s8 a#b1 {
    background: var(--c) !important;
}

div#s3 a#b1:nth-child(2) i,div#s5 a#b1 i ,div#s8 a#b1 i {
    background: black !important;
}

#s3 div#in1 .wpb_wrapper {
    display: flex;
    gap: 10px;
}

#s3 .img-with-aniamtion-wrap:has(.i1) {
    position: absolute;
    top: -50%;
    z-index: -1;
    left: -5%;
    width: 30%;
}

#s3 .img-with-aniamtion-wrap:has(.i2) {
    position: absolute;
    top: -54%;
    right: 30%;
    z-index: -1;
    width: 17%;
}

#s3 .img-with-aniamtion-wrap:has(.i3) {
    position: absolute;
    right: 0;
    bottom: 60%;
    z-index: -1;
    width: 20%;
}

#s3 .img-with-aniamtion-wrap:has(.i4) {
    position: absolute;
    width: 20%;
    left: 24%;
    bottom: -10%;
}

div#s4 {
    padding-block: 70px !important;
}

#s4 div#in1 .wpb_wrapper {
    display: flex;
    align-items: center;
}

#s4 div#in1 .wpb_wrapper .hover-wrap {
    margin-bottom: 0;
}

#s4 .nectar-milestone {
    display: flex;
    align-items: center;
    gap: 10px;
}

#s4 .nectar-milestone .number {
    color: black !important;
    font-size: 32px !important;
    line-height: 42px !important;
    margin-bottom: 0;
    font-family: 'Montserrat';
}

#s4 .nectar-milestone .number .symbol,#s4 .nectar-milestone .number .symbol-wrap {
    font-size: inherit !important;
    line-height: inherit !important;
}

#s4 .subject {
    width: 40%;
    text-align: left;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 18px;
}

#s4 a#b1 {
    margin-bottom: 50px;
}

#s4 .c2 #in2 .vc_col-sm-6 .vc_column-inner {
    background: white;
    margin-block: 8px !important;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 0px 15px #00000040;
}


#s4 .c2>.vc_column-inner #in2 {right: 40px;}

#s4 .c1 {
    padding-right: 20px;
}

#s4 .column-image-bg-wrap {
    width: 90%;
    right: 0;
    left: unset;
    border-radius: 10px;
}

#s4 .t1 p {
    width: 80%;
}

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

#s5 .t2 p {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}

#s5 .t2 p br {
    display: none;
}

#s5 .t2 p strong {
    font-weight: inherit;
    left: 70px;
    position: relative;
}

#s5 .c3>.vc_column-inner {
    justify-content: end;
}

#s5 div#in2 .vc_col-sm-6 {
    width: 40%;
}

#s5 div#in2 .vc_col-sm-2 {
    width: 20%;
}

#s5 .nectar-milestone .number {
    font-family: 'Bodoni Moda';
    font-size: 40px !important;
    line-height: 50px !important;
}

#s5 .nectar-milestone .number .symbol-wrap {
    font-size: inherit !important;
    line-height: inherit !important;
}

#s5 .nectar-milestone {
    text-align: left;
    margin-bottom: 5px;
}

#s5 .nectar-milestone .subject {
    font-weight: 700;
}

div#s6 {
    padding-block: 70px !important;
}

#s6 .t1 h2, #s10 .t1 h2 {
    font-size: 53px;
    line-height: 63px;
}

#s6 div#in1 .vc_col-sm-6 .vc_column-inner {
    border: 1px solid var(--c);
    padding: 30px;
    margin-block: 9px;
}

#s6 .t2 h3 {
    color: var(--c);
}

#s7 .cell {
    padding: 0;
}
div#s8 {
    padding-block: 70px !important;
}

div#s8 .t1 {
    text-align: center;
}

#s8 ul.wpb_tabs_nav {
    margin-inline: auto;
    display: flex;
    margin-block: 40px 60px;
    justify-content: center;
    gap: 10px;
}

#s8 .t2 ul {
    display: flex;
    margin-left: 0;
    gap: 20px;
}

#s8 .t2 ul li {
    list-style: none;
}

#s8 .t2 ul li::before {
    content: '\f00c';
    font-family: 'FontAwesome';
    color: var(--c);
    margin-right: 8px;
}

#s8 .hover-wrap {
    margin-bottom: 0;
}

#s8 a#b1 {
    margin-bottom: 30px;
}

#s8 ul.wpb_tabs_nav a {
    font-family: 'Montserrat';
    padding-inline: 30px;
    font-weight: 600;
    border: unset;
}

div#s9 {
    padding-block: 150px !important;
    text-align: center;
}

div#s9 #b1 {
    margin-inline: 10px;
}



#s10 .team-member h4 {
    position: absolute;
    bottom: 65px;
    left: 20px;
    color: white;
}

#s10 .team-member .position {
    position: absolute;
    left: 20px;
    bottom: 40px;
    color: white;
}

#s10 .vc_col-sm-3:has(.t2) {
    text-align: center;
}

div#s10 {
    padding-block: 70px !important;
}

div#s11 {
    padding-block: 70px !important;
}

div#s11 .t1 {
    text-align: center;
}

div#s11 .t3 {
    text-align: center;
}
#s11 .c1 {
    margin-bottom: 50px;
}

#s11 .c2 .vc_column-inner, #s11 .c3 .vc_column-inner {
    border: 1px solid #00000010;
    padding: 30px;
}

#s11 i.fa.fa-plus-circle::before {
    display: none;
}

#s11 i.fa.fa-plus-circle::after {
    content: '\2b';
    font-family: 'FontAwesome';
}

#s11 .c2 i {
    font-weight: 800;
    right: 20px;
    left: unset;
    font-size: 20px;
    color: black;
}

#s11 a.toggle-heading {
    padding-inline: 20px 50px;
    background: transparent;
    border: 1px solid var(--c);
    color: black;
}

#s11 i.fa.fa-minus-circle::before {
    display: none;
}

#s11 i.fa.fa-minus-circle::after {
    content: '\2b';
    font-family: 'FontAwesome';
}

#s11  .toggle>div {
    box-shadow: unset;
}

#s11 .c3 input, #s11 .c3 textarea,#s11 .c3 select {
    padding-inline: 20px;
    background: transparent;
    border-radius: 0;
    border: 1px solid var(--c);
}

#s11 .c3 textarea {
    height: 150px;
}

#s11 .c3  input.wpcf7-form-control.wpcf7-submit {
    background: var(--c);
    padding: 10px 32px !important;
    font-weight: 600;
}

div#s12 {
    padding-block: 70px !important;
}

#s12 a#b1:nth-child(2) {
    margin-left: 10px;
}

#s12 .c2 .wpb_wrapper {
    display: flex;
    justify-content: end;
}

div#media_image-3 {
    width: 140px;
    margin-bottom: 10px !important;
}

div#nav_menu-3 li {
    display: inline-block;
    margin: 0 3px;
}

div#nav_menu-3 i {
    top: 0;
--s: 40px;
    width: var(--s);
    height: var(--s);
    line-height: var(--s);
    border-radius: var(--s);
    background: white;
    color: black;
    transition: 0.5s;
}

div#nav_menu-3 a {
    opacity: 1 !important;
}

div#nav_menu-3 a:hover i {
    background: var(--c);
    color: white;
}

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

div#text-3 {
    margin-right: -60px;
}



div#nav_menu-5 i {color: var(--c);width: 30px;}

div#nav_menu-5  span {
    display: block;
    margin-left: 33px;
}

div#newsletterwidgetminimal-3 input.tnp-email {
    background: transparent;
    border-radius: 0;
    color: white;
    border: unset;
    border-bottom: 1px solid white;
}

div#newsletterwidgetminimal-3 input.tnp-submit {
    position: absolute;
    bottom: 3px;
    right: 0;
    width: 40px;
    aspect-ratio: 1;
    opacity: 0 !important;
}

div#newsletterwidgetminimal-3 form.tnp-form {
    position: relative;
}

div#newsletterwidgetminimal-3 form.tnp-form::before {
    content: "\e909";
    position: absolute;
    font-family: 'icomoon';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

div#copyright {
    padding: 20px 0px !important;
}

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

div#text-5 {
    float: right;
}

div#text-6 {
    float: left;
}
#footer-widgets .row {
    border-bottom: 1px solid #ffffff29;
}
#top .hb1 span.menu-title-text::after {
    display: none !important;
}

#top .hb1 a {
    background: var(--c);
    padding: 7px 7px !important;
    border-radius: 7px;
}

#top .hb1 a span {
    color: black;
    font-weight: 600;
}

#top .hb1 a i {
    background: var(--c1);
    color: white;
    padding: 10px;
    border-radius: 8px;
    margin-left: 20px;
}
#s1 .t1 p {
    width: 50%;
    margin-left: auto;
}
div#a3 {
    padding-block: 90px !important;
}
#a3 .owl-stage-outer {
    width: 150%;
}

#a3 .carousel-item {
    margin-right: 30px;
}

#a3 #in1 {
    aspect-ratio: 1.5/1;
    display: flex;
    align-items: end;
    margin-bottom: 29px !important;
}

#a3 #in1>.col {
    padding: 30px;
}

#a3 .t2 {
    margin-bottom: 0;
}

.b1 span.link_wrap {
    border-radius: 50px !important;
    padding-block: 10px 20px;
    padding-inline: 8px 0px;
}

#a3 .b1 {
    position: absolute;
    bottom: 30px;
    right: 0;
}

#a3 .t2 {
    padding-right: 40px;
}

#a3 a#b1 {
    margin-top: 10px;
}

#a3 div#in1 .row-bg {
    background: black;
    opacity: 0.75;
}

#a3 .t1 {
    margin-bottom: 20px;
    text-align: center;
}
div#a5 {
    padding-block: 90px !important;
}

#a5 .iwt-text h4 {
    font-family: font2 !important;
}
#a5 .iwt-text h5 {
    margin-bottom: 0;
    color: white;
}

#a5 .iwt-icon img {
    margin-bottom: 0;
    width: 60px;
}

#a5 .iwt-text {padding-left: 0;padding-top: 0;}

#a5 .iwt-text h4 {
    position: absolute;
    top: 14px;
    right: 30px;
}

#a5 .carousel-item {
    margin-inline: 10px;
    height: 100%;
}

#a5 div#in1 {
    border: 1px solid #00000030;
    padding: 30px;
    background: var(--c1);
    transition: 0.5s;
    height: 100%;
}

#a5 div#in1 p {
    font-size: 13px;
    line-height: 23px;
    color: white;
    opacity: 70%;
}

#a5 div#in1:hover {
    border-color: var(--c);
    background: var(--c);
    transform: translateY(20px);
}
#a5 .owl-nav {
    display: block;
}

#a5 .owl-nav button {
    position: absolute;
    top: 34%;
    border-radius: 50px !important;
    background: var(--c);
    border: transparent;
    color: white;
    font-size: 25px;
    padding: 10px 13px;
    --p: -90px;
}

#a5 .owl-nav button span {
    position: relative;
    bottom: 3px;
}

#a5 .owl-nav button.owl-prev {
    left: var(--p);
}

#a5 .owl-nav button.owl-next {
    right: var(--p);
}
.owl-nav button.owl-next{
     animation: bounce-left 2s infinite linear;
}
@keyframes bounce-left{
    0%,30%,50%,70%,100%{
        transform:translateX(0);
    }
    40%,60%{
        transform:translateX(5px) 
    }
}
.owl-nav button.owl-prev{
     animation: bounce-right 2s infinite linear;
}
@keyframes bounce-right{
    0%,30%,50%,70%,100%{
        transform:translateX(0) ;
    }
    40%,60%{
        transform:translateX(-5px)  ;
    }
}

#a5 .owl-nav button::before {
    font-family: 'FontAwesome';
}

#a5 .owl-nav button.owl-prev::before {
    content: '\f177';
}

#a5 .owl-nav button.owl-next::before {
    content: '\f178';
}

#a5 .owl-nav button span {
    display: none;
}
#a5 .owl-stage {
    padding-top: 0;
    display: flex;
}

div#a5 .t1 {
    text-align: center;
}

#a5 .iwt-text h6 {
    color: white;
    font-family: font2 !important;
}

#a5 #in1:hover .iwt-text h4 {
    filter: brightness(0) invert(8%) sepia(14%) saturate(1525%) hue-rotate(158deg) brightness(98%) contrast(93%);
}

#a5 #in1 h3 {
    color: white;
}

#a5 #in1 .iwithtext {
    margin-bottom: 10px;
}
div#a6 {
    padding-block: 90px !important;
    z-index: 11;
}

#a6 .owl-stage {
    padding: 0;
}
a#b2 span {
    display: none;
}

a#b2 i {
    position: relative;
    transform: unset;
    right: 0;
    left: 0;
    background: transparent;
    font-size: 25px;
}

a#b2 {
    padding: 0;
    background: transparent !important;
}

a#b2 i::after {
    display: none !important;
}

#a6 a#b2 {
    margin-bottom: -30px !important;
    margin-left: auto;
    display: table;
    color: black;
}

#a6 .carousel-item {
    margin-inline: 10px;
}

#a6 .t2 p {
    padding-right: 50px;
}

.wpb_text_column p {
    opacity: 0.88;
}

#a6 a#b1 {
    position: absolute;
    top: 50px;
    right: 0px;
}

#a6 .owl-dots {
    margin-top: 40px;
    display: table;
    margin-inline: auto;
    z-index: 111111;
    position: relative;
}

#a6 .owl-dots span {
    transform: unset;
    width: 12px;
    aspect-ratio: 1/1;
    height: unset;
}

#a6 .owl-nav {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
}

#a6 .owl-nav button.owl-prev {
    float: left;
}

#a6 .owl-nav button.owl-next {
    float: right;
}

#a6 .owl-nav button {
    background: transparent;
    border: unset;
    font-family: fontawesome !important;
    font-size: 26px;
}

#a6 .owl-nav button.owl-prev::before {
    content: '\f060';
}

#a6 .owl-nav button.owl-next::before {
    content: '\f061';
}

#a6 .owl-nav button span {
    display: none;
}

#a6 .row-bg.viewport-desktop.using-image {
    background-size: 100% 100%;
}


div#a6 .t1 {
    text-align: center;
    max-width: 940px;
    margin-inline: auto;
    margin-bottom: 20px;
}

#a6 div#in1 {
    background: var(--c);
    padding: 30px;
    margin-bottom: 30px !important;
    /* height: 100%; */
}

#a6 div#in1 * {
    color: black;
}

#a6 div#in1 .t2::before {
    content: '';
    background: var(--c1);
    aspect-ratio: 1;
    width: 15px;
    border-radius: 20px;
    position: absolute;
    top: 0px;
    right: 0;
}

#a6 div#in1 .t2 {
    display: flex;
    align-items: start;
}
div#a6>.col {
    justify-content: center;
}
div#banner .t1 p {
    max-width: 800px;
}
#footer-outer ul.sub-menu {
    display: none;
}
div#a6>.col {
    align-items: start;
}

#a6 .vc_col-sm-4 {
    height: 100%;
}
div#s11 a#b1 {
    display: table;
    margin-inline: auto;
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1920px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1600px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1440px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1366px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1340px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1320px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1280px) {
	html body p, #footer-outer p, #footer-outer a,html body .wpb_text_column li,html body .nectar-split-heading li,html body .nectar-fancy-ul li{
		font-size:14px;
		line-height:24px;
	}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 840px) {
	#s1 .t1 p {
    width: 100%;
}
	#s5 .t2 p {
    font-size: 25px;
    line-height: 35px;
}

#s6 .t1 h2, #s10 .t1 h2 {
    font-size: 43px;
    line-height: 53px;
}

div#s1 {
    padding-block: 140px 40px !important;
}

#s1 div#in1 {
    position: relative;
    right: 0;
    bottom: 0;
    width: 400px;
}

#s1 a#b1 {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 20px;
}

#s3 .img-with-aniamtion-wrap {
    display: none;
}

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

#s3 .t2 {
    width: 100%;
    padding: 0;
    text-align: center;
    margin-top: 0;
}

#s3 div#in1 {
    width: 100%;
    text-align: center;
}

#s3 div#in1 .wpb_wrapper {
    justify-content: center;
}

#s3 a#b1 {
    margin-bottom: 0;
}

div#s4 {
    padding-block: 40px !important;
    text-align: center;
}

#s4 div#in1 .wpb_wrapper {
    justify-content: center;
}

#s4 .t1 p {
    width: auto;
}

#s4 .column-image-bg-wrap {
    width: 100%;
}

#s4 .c2 #in2 .vc_col-sm-6 {
    width: 50%;
    margin-bottom: 0;
    padding-block: 8px;
}

#s4 .c2 #in2 .vc_col-sm-6 .vc_column-inner {
    margin: 0 !important;
}

#s4 .c2>.vc_column-inner #in2 {
    right: 0;
    padding: 20px;
}


#s4 a#b1 {
    margin-bottom: 30px;
}

div#s5 {
    padding-block: 40px !important;
    text-align: center;
}

#s5 .t2 p strong {
    left: unset;
}

#s5 div#in2 .vc_col-sm-6 {
    width: 100%;
}

#s5 div#in2 .vc_col-sm-2 {
    width: 33.33%;
    text-align: left;
}

div#s6 {
    padding-block: 40px !important;
    text-align: center;
}

#s6 .t2 h6 {
    display: table;
    margin-inline: auto;
}

#s6 #in1 .vc_col-sm-6 {
    width: 50%;
    margin-bottom: 0;
}

div#s8 {
    padding-block: 40px !important;
    text-align: center;
}
	#s8 ul.wpb_tabs_nav {
    flex-direction: column;
    text-align: center;
}

#s8 .t2 ul {
    justify-content: center;
}

div#s9 {
    padding-block: 40px !important;
}

div#s10 {
    padding-block: 40px !important;
    text-align: center;
}

#s10 .team-member img {
    margin-bottom: 0;
}

#s10 .vc_col-sm-3 {
    margin-bottom: 0px;
}

div#s11 {
    padding-block: 40px !important;
}

#s11 .c1 {
    margin-bottom: 30px;
}

div#s12 {
    padding-block: 40px !important;
    text-align: center;
}

#s12 .c2 .wpb_wrapper {
    justify-content: center;
}

div#text-3 {
    margin-inline: 0;
}

div#nav_menu-4 {
    margin: 0;
}
	#a3 #in1 {
    margin-bottom: 0 !important;
}

div#a5 {
    padding-block: 40px !important;
}

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

#a6 div#in1 {
    margin-bottom: 0 !important;
}

div#a6 {
    padding-block: 40px !important;
}

div#a3 {
    padding-block: 40px !important;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 525px) {
	div#s1 {
    padding-block: 80px 40px !important;
}

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

#s1 .t1 h1 em {
    display: unset;
    text-align: left;
}

#s1 .t1 h1 br {
    display: none;
}

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

#s3 div#in1 .wpb_wrapper {
    flex-direction: column;
    text-align: left;
}

a#b1 {
    width: 100%;
    text-align: left;
}

#s4 .c2 #in2 .vc_col-sm-6 {
    width: 100%;
}

#s5 div#in2 .vc_col-sm-2 {
    width: 100%;
    text-align: center;
}

#s5 .nectar-milestone {
    text-align: center;
}

#s6 #in1 .vc_col-sm-6 {
    width: 100%;
}

#s8 ul.wpb_tabs_nav {
    margin-bottom: 20px;
}

div#s9 #b1 {
    margin-inline: 0;
}

#s10 .vc_col-sm-3:has(.t2) {
    padding-block: 30px;
}

#s11 .c2 .vc_column-inner, #s11 .c3 .vc_column-inner {
    padding: 10px;
}

#s12 .c2 .wpb_wrapper {
    flex-direction: column;
}

#s12 a#b1:nth-child(2) {
    margin-inline: 0;
}

div#text-6,div#text-5 {
    float: unset;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 430px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 375px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 360px) {}