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

/****************************** Typography ***************************************************/
 #menu-main-menu:after {
    content: "";
    background-color: #fff;
    position: absolute;
    height: 41px;
    width: 1px;
    top: -135px !important;
    left: 159% !important;
	 display: none;
}
#sec-5-img-1 {
    display: none;
}
/****************************** Secondary Header ***************************************************/
 
header#top {
    display: none;
}
.header-logo {
    width: 30% !important;
}
div#search-outer {
    display: none;
}
body[data-header-color=dark] #header-space {
    display: none;
} 
.menu-main-menu-container ul li {
    position: relative;
    top: 30px;
}
#menu-main-menu:before {
    content: "";
    background-color: #fff;
    position: absolute;
    height: 41px;
    width: 1px;
    top: -89px !important;
    left: 108% !important;
}
.main ul li {
    margin-right: 250px;
    margin: 0px;
    position: relative;
    top: 12px;
    text-align: center;
    left: -60px;
}
ul#menu-main-menu li {
    display: inline;
    left: 70% !important;
    top: -4px;
}
#main-header img.img-with-animation.header-logo.skip-lazy {
    width: 27%;
    left: -30px;
    margin: 0px auto;
    display: block;
    top: 20px;
}
ul#menu-main-menu li a {
    font-size: 20px;
    color: #fff !important;
}
ul#menu-right-menu li a {
    font-size: 20px;
    color: #fff !important;
}
/* #main-header .header-col3 {
    background: #d70006;
}
#main-header .header-col2 {
    background: #d70006;
}
#main-header .header-col1 {
    background: #d70006;
} */
#main-header .header-col2 {
    padding-bottom: 0px;
}
#btn-header {
    position: absolute;
    top: 85px;
    padding: 13px 60px 13px 20px;
    font-size: 17px;
    font-weight: 100;
    right: 110px;
    background: #d70006 !important;
    color: #ffffff;
}
#header-outer {
    background: #d70006 !important;
}











#footer .ft-col {
    top: -94px;
}

#footer .footer-logo {
    width: 60%;
}
#main-header .main {
    text-align: center;
}

#menu-main-menu:after {
    content: "";
    background-color: #fff;
    position: absolute;
    height: 41px;
    width: 1px;
    top: -135px !important;
    left: 159% !important;
}
#main-header {
    padding-left: 0%;
}
#main-header .row-bg.viewport-desktop.using-image {
    background-size: 100% 100% !important;
}
.menu-main-menu-container ul li {
    margin-left: 60px;
    position: relative;
    left: 30px;
}
/*#btn-header {*/
/*    position: absolute;*/
/*    top: 91px;*/
/*    padding: 12px 60px 13px 20px;*/
/*    font-size: 17px;*/
/*    font-weight: 100;*/
/*    right: 120px;*/
/*}*/
.main img {
    position: relative;
    top: 3px;
}
ul#menu-main-menu li a {
    color: #fff;
    font-size: 20px;
}
ul#menu-main-menu {
    margin: 0px 0px 0px -50px;
    position: relative;
    top: 40px;
    left: -570px;
}
ul#menu-right-menu {
    margin: 0px 0px 0px -50px;
    position: relative;
    top: 10px;
}
ul#menu-main-menu li a {
    margin-right: 10px !important;
}
ul#menu-right-menu li a {
    margin-right: 30px;
}
ul#menu-main-menu li {
    display: inline;
}
ul#menu-right-menu li {
    display: inline;
}
#btn-header:after {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Group-1597883704.png);
    position: absolute;
    right: 0;
    top: 0px;
}
.header-col2 ul.lft {
    margin: 0px;
}
ul.lft li {
    display: inline;
    margin-right: 50px;
}
ul.lft li a {
    color: #fff;
    padding-left: 10px;
	font-size: 22px;
}
.header-col3 .vc_column-inner {
    padding: 16% 30% 0px;
}
.header-col2:before {
    content: "";
    background-color: #fff;
    height: 41px;
    width: 1px;
    position: absolute;
    left: -360px;
    right: 0;
    margin: auto;
    top: 8px;
}
.header-col1 {
    transform: scale(1.0);
    top: 50px;
}


/****************************** Menu ***************************************************/
 
 
 
/****************************** Slider ***************************************************/
 
 
/******* Animation ************/
 
 
/****************************** Sec-1 ***************************************************/
 
#sec-1 {
    padding-top: 300px !important;
    padding-bottom: 250px !important;
}
.sec-1-para-txt p {
    color: #fff;
   margin-top: 10px;
} 
#sec-1-btn {
    padding: 12px 65px 13px 30px;
    border-radius: 0px !important;
    font-size: 17px;
    font-weight: 100;
    position: relative;
}
#sec-1-btn:after {
    content: URL(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Group-1597883704.png);
    position: absolute;
    right: 0;
    top: 0;
}
.sec-1-keys {
    top: 50px;
}

 
#sec-1 .sec-1-img {
    top: 403px;
}
#sec-1 .row-bg.viewport-desktop.using-image {
    background-size: 100% 100%;
}
/* #sec-1 .sec-1-img {
    top: 363px;
    left: -50px;
    width: 120%;
} */
#sec-1 .sec-1-img {
    top: -133px;
    right: 0;
    width: 40%;
    position: absolute;
}
#sec-1:before {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/image-5-1.png);
    position: absolute;
    left: 0;
    top: 350px;
    z-index: 11;
}

#sec-img img.img-with-animation.skip-lazy {
    top: -150px;
    right: 80px;
}
/* #sec-img img.img-with-animation.skip-lazy {
    top: 0px;
    right: 180px;
    padding-bottom: 50px;
} */
#sec-1:after {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/image-6-1.png);
    position: absolute;
    right: 0;
    bottom: -30px;
    z-index: 11;
}


/******* Animation ************/


#sec-1:before {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
#sec-1:before{
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}


.sec-1-keys {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.sec-1-keys {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
 

#sec-1:after {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
#sec-1:after {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}



 
/****************************** sec-2 ***************************************************/
 
.sec-2-h-txt h2 {
    color: #000;
    font-size: 50px;
    line-height: 60px;
}
.sec-2-h-txt p {
    color: #000;
    padding-bottom: 10px;
}
#sec-2 .iwithtext .iwt-text {
    font-size: 20px;
    color: #000;
    font-family: basic;
    margin-bottom: 30px;
    padding-left: 50px;
    padding-top: 1px;
}
#sec-2 .iwt-icon img {
    width: 100%;
}
#sec-2-btn {
    padding: 13px 65px 13px 30px;
    border-radius: 0px !important;
    font-size: 17px;
    font-weight: 100;
    position: relative;
}
#sec-2-btn:after {
    content: URL(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Group-1597883706.png);
    position: absolute;
    right: 0;
    top: 0;
}
 .sec-2-col-2:before {
    content: "";
    background-color: #D70006;
    position: absolute;
    left: 0px;
    top: 40px;
    height: 635px;
    width: 2px;
}
#sec-2:after {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/8-Ton-Engine-Stand.H03.2k-2.png);
    position: absolute;
    right: 0;
    top: -50px;
}



/******* Animation ************/


#sec-2:after {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
#sec-2:after {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}






 
/****************************** sec-3 ***************************************************/
 

#sec-3:before {
    content: "";
    background-color: #fff;
    width: 1910px;
    height: 5px;
    position: absolute;
    left: -330px;
    z-index: 11;
    top: 30px;
}
#sec-3:after {
    content: "";
    background-color: #fff;
    width: 1910px;
    height: 5px;
    position: absolute;
    left: -330px;
    z-index: 11;
    bottom: 30px;
}
#sec-3 span.custom {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Nuts.H03.2k-3-1-e1738709593769.png);
}


 
/******* Animation ************/
 
 
/****************************** sec-4 ***************************************************/
 
.sec-4-h-txt h2 {
    color: #000;
    font-size: 45px;
    line-height: 55px;
}
.sec-4-para-txt p {
    color: #000;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px !important;
}
.sec-4-col .vc_column-inner {
    border: 2px solid #D70006;
    padding: 30px 0px;
    background-color: #fff;
}
#sec-4 .sec-4-btn {
    top: 15px;
    font-size: 17px;
    width: 94%;
    border-radius: 0px !important;
    padding: 14px 20px;
    font-weight: 100;
}
.sec-4-col-2:before {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Group-1597883709.png);
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
    z-index: 1;
}
.sec-4-col-3:before {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Group-1597883707.png);
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
    z-index: 1;
}
.sec-4-col-4:before {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Group-1597883708.png);
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
    z-index: 1;
}
#sec-4-btn {
    padding: 13px 65px 13px 30px;
    border-radius: 0px !important;
    font-size: 17px;
    font-weight: 100;
    position: relative;
    top: 20px;
}
.sec-4-col .vc_column-inner:hover .sec-4-btn {
    background-color: #141414 !important;
}
#sec-4-btn:after {
    content: URL(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Group-1597883706.png);
    position: absolute;
    right: 0;
    top: 0;
}
#sec-4:before {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/pngwing.com-2025-01-30T232940.698-1.png);
    position: absolute;
    left: 0;
    top: 0;
}
#sec-4:after {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Nuts.H03.2k-5.png);
    position: absolute;
    right: 0;
    bottom: 10px;
}

 
/******* Animation ************/
 
 
/****************************** sec-5 ***************************************************/
 
.sec-5-h-txt h2 {
    font-size: 60px;
    line-height: 70px;
    color: #000;
}
.sec-5-para-txt h3 {
    color: #fff;
    padding-top: 10px;
	font-size: 19px;
}
.sec-5-col-1 .vc_column-inner {
    background-color: #000;
	padding: 98px 20px;
}
.sec-5-col-1 .vc_column-inner {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.sec-5-col-2 .vc_column-inner {
    background-color: #000;
	padding: 70px 40px 70px 20px;
	
}
.sec-5-col-2 {
    border-right: 1px solid #fff;
}
.sec-5-col-3 .vc_column-inner {
    background-color: #000;
    padding: 70px 40px 95px 20px;
}
.sec-5-col-4 .vc_column-inner {
    background-color: #000;
	padding: 70px 40px 70px 20px;
}
.sec-5-para-txt p {
    color: #fff;
}
.sec-5-col-1 .vc_column-inner:hover {
    background-color: #D70006;
    transition: .5s;
}
.sec-5-col-2 .vc_column-inner:hover {
    background-color: #D70006;
    transition: .5s;
}
.sec-5-col-3 .vc_column-inner:hover {
    background-color: #D70006;
    transition: .5s;
}
.sec-5-col-4 .vc_column-inner:hover {
    background-color: #D70006;
    transition: .5s;
}
.sec-5-col-1 .vc_column-inner:hover .sec-5-icon {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Vector-9-1.png) !important;
}
.sec-5-col-2 .vc_column-inner:hover .sec-5-icon {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Vector-9-1.png) !important;
}
.sec-5-col-3 .vc_column-inner:hover .sec-5-icon {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Vector-9-1.png) !important;
}
.sec-5-col-4 .vc_column-inner:hover .sec-5-icon {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Vector-9-1.png) !important;
}


.vc_col-sm-7.sec-5-col-main {
    width: 50%;
}
.vc_col-sm-7.sec-5-col-main {
    width: 50%;
}
.vc_col-sm-5.sec-5-main.col-2 {
    width: 50%;
}
 
/******* Animation ************/
 
 
/****************************** sec-6 ***************************************************/
 
.sec-6-h-txt h2 {
    font-size: 55px;
    color: #000;
    line-height: 65px;
}
.sec-6-col .vc_column-inner {
    border: 2px solid #000;
    box-shadow: 0 0 0 12px #000;
    outline: 10px solid #ffffffe3;
    padding: 40px 20px;
    background-color: #141414;
}
.sec-6-para-txt p {
    color: #fff;
}
.sec-6-para-txt {
    margin-bottom: 14px !important;
}
.sec-6-para-txt h3 {
    color: #fff;
}
#sec-6-btn {
    padding: 13px 65px 13px 30px;
    border-radius: 0px !important;
    font-size: 17px;
    font-weight: 100;
    position: relative;
    top: 60px;
    margin: auto;
    display: block;
    text-align: center;
    width: 18%;
}
#sec-6-btn:after {
    content: URL(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Group-1597883706.png);
    position: absolute;
    right: 0;
    top: 0;
}
.sec-6-col .vc_column-inner:before {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Group-1597883680-2.png);
    position: absolute;
    left: -20px;
    top: -30px;
}
.sec-6-col .vc_column-inner:after {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Group-1597883681-2.png);
    position: absolute;
    right: -25px;
    bottom: -30px;
}
#sec-6 .sec-6-img {
    left: 70px;
}





/****************************** sec-7 ***************************************************/

.sec-7-h-txt h2 {
    font-size: 55px;
    color: #000;
}
.sec-7-para-txt h4 {
    font-size: 28px;
    line-height: 40px;
    color: #D70006;
    font-weight: 100;
    padding-top: 20px;
    padding-left: 50px;
    padding-right: 120px;
}
.sec-7-col .vc_column-inner {
    border: 1px solid #545454;
}
#sec-7 .sec-7-last-txt h5 span {
    float: right;
    position: relative;
    right: 130px;
    font-weight: 100;
    color: #fff !important;
}
#sec-7 .sec-7-last-txt h5 span:before {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Group.png);
    position: absolute;
    left: -30px;
    top: 3px;
}
#sec-7 .sec-7-last-txt h5 span:after {
    content: "";
    background-color: #CBCBCB;
    height: 67px;
    width: 1px;
    position: absolute;
    right: -35px;
    top: -20px;
}
.sec-7-last-txt h5 {
    font-size: 17px;
    font-weight: 100;
    padding-left: 50px;
    color: #fff;
    padding-top: 20px;
}
.sec-7-last-txt {
    background-color: #222222;
    padding-bottom: 20px;
}
.sec-7-col .vc_column-inner:after {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Vector-8.png);
    position: absolute;
    right: 25px;
    bottom: 10px;
}
.sec-7-last-txt:before {
    content: "";
    background-color: #CBCBCB;
    height: 66px;
    width: 1px;
    position: absolute;
    right: 265px;
    bottom: 0px;
    z-index: 11;
}
button.owl-dot.active span {
    border-radius: 0px !important;
    height: 8px !important;
    width: 8px !important;
    box-shadow: 0px 0px 0px 3px #CBCBCB;
}
button.owl-dot span {
    margin-left: 10px !important;
    margin-right: 10px !important;
    background-color: #D70006 !important;
    border-radius: 0px !important;
    height: 10px !important;
    width: 10px !important;
}




/****************************** sec-8 ***************************************************/
.sec-8-h-txt h2 {
    font-size: 40px;
    color: #000;
    padding-top: 20px;
}
.sec-8-h-txt p {
    color: #000;
    padding-right: 190px;
}
h2.gform_title {
    display: none;
}
.sec-8-form h2 {
    font-size: 45px;
    color: #000;
    padding-bottom: 30px;
}
.sec-8-form input#input_1_1_3 {
    padding: 25px 30px;
    border-color: #D70006;
	    font-size: 18px;
    font-weight: 100;
    color: #4E4E4E;
}

.sec-8-form input#input_1_3 {
    padding: 25px 30px;
    border-color: #D70006;
	    font-size: 18px;
    font-weight: 100;
    color: #4E4E4E;
}

.sec-8-form input#input_1_4 {
    padding: 25px 30px;
    border-color: #D70006;
	    font-size: 18px;
    font-weight: 100;
    color: #4E4E4E;
}

.sec-8-form textarea#input_1_5 {
    padding: 25px 30px;
    border-color: #D70006;
	    font-size: 18px;
    font-weight: 100;
    color: #4E4E4E;
}
#sec-8 .sec-8-car {
    width: 69%;
    left: 100px;
}
.gform-theme--foundation .gfield textarea.large {
    min-block-size: 15rem;
}
input#gform_submit_button_1 {
    background: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Group-4.png);
    background-size: 100% 100%;
    padding: 16px 80px 16px 41px !important;
    font-size: 20px;
    border-radius: 0 !important;
}

 




/****************************** inner-pages ***************************************************/

#inner-sec-img {
    margin-top: -240px;
    margin-left: -130px;
}
#inner-sec:before {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/image-5-1.png);
    position: absolute;
    left: 0;
    top: 130px;
    z-index: 11;
}
#inner-sec .row-bg.viewport-desktop.using-image {
    background-size: 100% 100%;
}








/******* Animation ************/
 
 
/****************************** Footer ***************************************************/



.footer-txt p {
    color: #fff;
    padding-top: 20px;
}
.socliy ul li {
    display: inline-block;
    margin-right: 10px;
    background-color: #DC0101;
    border-radius: 10px;
    height: 40px;
    width: 49px;
    text-align: center;
    line-height: 40px;
}
#footer:before {
    content: "";
    background-color: #fff;
    position: absolute;
    width: 1951px;
    height: 2px;
    left: 0px;
    bottom: 80px;
    z-index: 11;
}
.socliy ul li a {
    color: #fff;
    font-size: 19px;
}
.socliy ul {
    margin-left: 0;
}
.footer-heading {
    margin-bottom: 0px !important;
    padding-bottom: 10px;
}
.footer-heading h3 {
    color: #fff;
    font-size: 22px;
    padding-top: 15px;
}
.menu-footer-container ul li {
    list-style: none;
    color: #fff;
    font-size: 20px;
    line-height: 45px;
}
.menu-footer-container ul {
    margin-left: 0;
}
.footer-icon {
    margin-top: 100px;
}

.menu-useful-links-container ul li {
	 list-style: none;
    color: #fff;
    font-size: 20px;
    line-height: 45px;
}
.menu-useful-links-container ul {
	margin-left: 0;
}
.footer-heading p span {
    font-size: 21px;
}
.footer-heading p {
    padding-bottom: 10px;
}
.footer-heading h4 {
    color: #fff;
    font-weight: 100;
    font-family: Bai Jamjuree;
    font-size: 22px;
}
 .last-txt p {
    padding-top: 80px;
    color: #fff;
    font-size: 20px;
}
.email_div {
    border: 1px solid;
    background-color: #4E4E4E;
}
.btn_sub button {
    background-color: #D70006;
    padding: 12px 65px 11px 20px;
    border: 0;
    border-radius: 0 !important;
    position: relative;
    top: 17px;
    color: #fff;
    font-family: 'Basic';
    font-size: 17px;
	-webkit-border-radius: 0px !important;
}
.email_div input#email {
    color: #fff !important;
    font-size: 17px;
    opacity: 1;
}
.btn_sub button:after {
    content: url(https://demo26.mystagingserver.site/semir/wp-content/uploads/2025/02/Group-1597883706.png);
    position: absolute;
    right: 0;
    top: -1px;
}
 
 
/****************************** Responsive ***************************************************/
 
/****************** 1680 ****************************/
@media (max-width: 1680px) {}
 
/****************** 1600 ****************************/
@media (max-width: 1600px) {

	
	
	#main-header img.img-with-animation.header-logo.skip-lazy {
    width: 34% !important;
}
	.sec-5-col-3 .vc_column-inner {
    background-color: #000;
    padding: 70px 40px 96px 20px;
}
	.sec-5-col-1 .vc_column-inner {
    background-color: #000;
    padding: 113px 20px;
}
	    #sec-1 .sec-1-img {
        top: -80px;
    }
      #menu-main-menu:before {
        top: -106px !important;
        left: 112% !important;
        height: 30px;
    }
	.menu-main-menu-container ul li {
    top: 0px;
}
	.sec-2-heading {
    width: 70%;
}
	.sec-2-h-txt p {
    padding-right: 110px;
}
	.sec-4-col-2:before {
    top: 180px;
}
	.sec-4-col-3:before {

    top: 180px;
}
	.sec-4-col-4:before {
    top: 180px;
}
	#sec-6 .sec-6-img {
    left: 30px;
    top: 40px;
}
	#sec-6-btn {
    width: 20%;
}
	.sec-7-para-txt h4 {
    padding-right: 40px;
}
	.socliy ul li {
    height: 38px;
    width: 51px;
    line-height: 37px;
}
	
	
	
	
#btn-header {
        top: 48% !important;
        padding: 13px 30px 13px 20px;
        font-size: 17px;
        right: 30px !important;
        width: 67% !important;
    }
    ul#menu-main-menu li {
    display: inline;
    top: -28px;
    left: 67% !important;
}
	
    .header-col1 .vc_column-inner:before {
    left: -50%;
    top: -6px;
}
    .main ul li {
        margin-right: 0;
        margin-left: 20px !important;
        position: relative;
        top: 12px;
        left: -110px !important;
    }
#menu-main-menu:after {
    top: -165px !important;
	
    left: 159% !important;
}

       ul#menu-main-menu {
        margin: 0px 0px 0px -50px;
        top: 63px;
        left: -65%;
    }
.header-col2:before {
        height: 41px;
        width: 1px;
        left: -50px;
        right: 0;
        top: 2px;
    }
#main-header img.img-with-animation.header-logo.skip-lazy {
    width: 28%;
}	
}
 
/****************** 1440 ****************************/
@media (max-width: 1440px) {
	.socliy ul li {
    margin-right: 5px;
}
	#sec-2:after {
    top: -170px;
}
	#sec-2 .iwithtext .iwt-text br {
    display: none;
}
/* 	    #sec-img img.img-with-animation.skip-lazy {
        top: 0px;
        right: -26px;
        padding-bottom: 50px;
    } */
	    #inner-sec {
    padding-bottom: 330px !important;
}
	#inner-sec-img {
    margin-left: -40px;
}

	.sec-8-h-txt p {
    padding-right: 10px;
}
	.gform-theme--foundation .gfield textarea.large {
    min-block-size: 10rem;
}
    ul.lft li a {
        font-size: 20px;
    }
	.sec-5-para-txt p {
    font-size: 16px;
    line-height: 25px;
}
	.footer-heading h3 {
    font-size: 20px;
    padding-top: 10px;
}
	.menu-footer-container ul li {
    font-size: 18px;
    line-height: 40px;
}
	.menu-useful-links-container ul li {
    font-size: 18px;
    line-height: 40px;
}
#sec-8 .sec-8-car {
    left: 70px;
}
	.sec-8-form h2 {
    font-size: 35px;
    padding-bottom: 20px;
}
	.sec-8-h-txt h2 {
    font-size: 30px;
    padding-top: 20px;
}
	.sec-7-para-txt h4 {
    font-size: 21px;
    line-height: 30px;
}
	    #sec-6 .sec-6-img {
        left: 0px;
        top: 50px;
    }
	    #sec-6-btn {
        width: 22%;
    }
	.sec-6-para-txt p {
    font-size: 15px;
    line-height: 25px;
}
	.sec-5-col-1 .vc_column-inner {
    padding: 127px 20px;
}
    .sec-5-para-txt h3 {
        font-size: 17px;
        line-height: 25px;
    }
	.sec-5-col-2 .vc_column-inner {
    background-color: #000;
    padding: 70px 20px 70px 20px;
}
		.sec-5-col-4 .vc_column-inner {
    background-color: #000;
    padding: 70px 20px 70px 20px;
}
	    .sec-5-col-3 .vc_column-inner {
        padding: 100px 20px 103px 20px;
    }
	    .sec-2-h-txt p {
        padding-right: 90px;
    }
/* 	    #sec-1 .sec-1-img {
        top: 397px;
    } */
	    #sec-1 .sec-1-img {
        top: -50px;
    }
	
	
	
	
	
	
	
	    #main-header img.img-with-animation.header-logo.skip-lazy {
        width: 26%;
    }
	     ul#menu-main-menu {
        top: 55px;
    }
 #main-header {
    padding-left: 0%;
}
/*.main ul li {*/
/*        margin-right: 0;*/
/*        margin-left: 50px !important;*/
/*        position: relative;*/
/*        top: 12px;*/
/*        left: -60px !important;*/
/*    }*/
    #btn-header {
        top: 97px;
        padding: 13px 50px 13px 20px !important;
        font-size: 17px;
        right: 110px;
        width: 85%;
    }
ul#menu-main-menu li a {
    margin-right: 0px;
}
    .header-col2:before {
        height: 31px;
        width: 1px;
        left: -65px;
        right: 0;
        top: 4px;
    }
#menu-main-menu:before {
        top: -102px !important;
        left: 111% !important;
        height: 31px;
    }
        #menu-main-menu:after {
        top: -160px !important;
        left: 87% !important;
    }
	ul#menu-main-menu li a {
    margin-left: 0px;
}
	    .main ul li {
        top: 7px;
    }
}
 
/****************** 1366 ****************************/
 
@media (max-width: 1366px) {
/* 	    #sec-1 .sec-1-img {
        top: 400px;
    } */
	#main-header {
    padding-bottom: 10px !important;
}
	    .sec-5-col-3 .vc_column-inner {
        padding: 100px 20px 98px 20px;
    }
	.sec-5-col-1 .vc_column-inner {
        padding: 129px 20px;
    }
	ul#menu-main-menu {
        top: 30px;
    }
    #sec-1 {
        padding-top: 250px !important;
    }
	    #inner-sec {
    padding-bottom: 310px !important;
    padding-top: 50px !important;
}
	    #sec-1 .sec-1-img {
        top: -38px;
    }
	#inner-sec-img {
    margin-top: -210px;
}
    #menu-main-menu:before {
        height: 31px;
        left: 111% !important;
        top: -82px !important;
    }

/* 	#sec-img img.img-with-animation.skip-lazy {
    right: 0px;
    width: 80%;
} */
	
	#sec-2:after {
    right: -20px;
    animation: none !important;
    transform: scale(0.9);
}
	    .sec-2-h-txt p {
        padding-right: 61px;
        font-size: 16px;
        line-height: 25px;
    }
	.sec-2-col-2:before {
    height: 545px;
}
	.sec-5-para-txt p {
    font-size: 16px;
    line-height: 30px;
}
	.footer-txt p {
    line-height: 25px;
    font-size: 16px;
}
	img.img-with-animation.sec-img-2.skip-lazy {
    width: 100% !important;
}
	
	
	
	
	#main-header img.img-with-animation.header-logo.skip-lazy {
        width: 28% !important;
    }
        #btn-header {
        top: 91px;
        padding: 13px 70px 13px 20px;
        font-size: 17px;
        right: 110px;
        width: 85%;
    }
    .header-col2:before {
        height: 31px;
        width: 1px;
        left: -68px;
        right: 0;
        top: 4px;
    }
    #btn-header {
        width: 77% !important;
        top: 52px !important;
    }
	ul#menu-main-menu li a {
        margin-left: -20px;
    }
}
 
 
/****************** 1326 ****************************/
/*@media (max-width: 1326px) {*/
/*        #btn-header {*/
/*        top: 91px;*/
/*        padding: 11px 60px 13px 20px;*/
/*        font-size: 17px;*/
/*        right: 110px;*/
/*        width: 85%;*/
/*    }*/
/*        .header-col2:before {*/
/*        height: 41px;*/
/*        width: 1px;*/
/*        left: 172px;*/
/*        right: 0;*/
/*        top: -3px;*/
/*    }*/
/*        .main ul li {*/
/*        margin-right: 50px !important;*/
/*        top: 5px;*/
/*    }*/
/*}*/
/****************** 1280 ****************************/
 
@media (max-width: 1280px) {
	

    .last-txt p {
        padding-top: 0px;
        font-size: 18px;
        padding-bottom: 20px !important;
    }
	    ul.lft li a {
        font-size: 20px;
    }
	        #inner-sec {
        padding-top: 80px !important;
    }
	    #menu-main-menu:before {
        height: 36px;
		left: 42%;
    }
	    .socliy ul li {
        height: 36px;
        width: 44px;
    }
	.sec-8-h-txt p {
    padding-right: 10px;
}
	    #sec-6-btn {
        width: 25%;
    }
	#sec-6 {
    padding-bottom: 120px !important;
}
	#ajax-content-wrap #sec-6.vc_row.right_padding_5pct .row_col_wrap_12, .nectar-global-section .vc_row.right_padding_5pct .row_col_wrap_12 {
    padding-right: 3%;
}
	#ajax-content-wrap #sec-6.vc_row.left_padding_8pct .row_col_wrap_12, .nectar-global-section .vc_row.left_padding_8pct .row_col_wrap_12 {
    padding-left: 3%;
}
	.sec-6-h-txt h2 {
    font-size: 45px;
    line-height: 55px;
}
	#sec-5 {
    padding-bottom: 30px !important;
}
      .sec-5-col-3 .vc_column-inner {
        padding: 100px 40px 98px 20px;
    }
	#ajax-content-wrap #sec-2.vc_row.left_padding_8pct .row_col_wrap_12, .nectar-global-section .vc_row.left_padding_8pct .row_col_wrap_12 {
    padding-left: 4%;
}
       #sec-1 {
        padding-top: 10px !important;
        padding-bottom: 230px !important;
    }
	#sec-1:before {
    top: 310px;
}

/* 	    #sec-1 .sec-1-img {
        top: 304px;
    } */
    #sec-1 .sec-1-img {
        top: -44px;
    }
	#sec-8 .sec-8-car {
    width: 80%;
}
	    .sec-4-col-2:before {
        top: 140px;
    }
    .sec-4-col-3:before {
        top: 140px;
    }
    .sec-4-col-4:before {
        top: 140px;
    }
	#sec-7 {
    padding-bottom: 60px !important;
}
    #inner-sec {
        padding-bottom: 270px !important;
    }
	#btn-header {
    left: -20px;
}	
       #sec-1 .sec-1-h {
        padding-top: 280px;
    }
    .header-col2:before {
        height: 36px;
        width: 1px;
        left: 52px;
        right: 0;
        top: 7px;
    }
     #main-header img.img-with-animation.header-logo.skip-lazy {
        width: 37% !important;
        padding-bottom: 20px;
    }
    #btn-header {
        width: 76% !important;
        left: 13%;
        top: 90px !important;
    }
	    ul#menu-main-menu li {
        left: 61% !important;
    }
    #menu-main-menu:before {
        top: -117px !important;
        left: 101% !important;
    }
	    #menu-main-menu:after {
        top: -165px !important;
        left: 162% !important;
    }
	ul#menu-main-menu {
        left: -45%;
        top: 70px !important;
    }
	.main ul li {
        top: 7px;
        left: -50px !important;
    }
	#footer .footer-logo {
    width: 80% !important;
}
	#footer {
    padding-bottom: 20px !important;
}

}
 
 
/****************** 1024 ****************************/
 
@media (max-width: 1024px) {
	
	
#inner-sec .about-imgg {
    width: 25%;
}	
#inner-sec .row-bg.viewport-desktop.using-image {
    background-image: url(https://themobileautocarellc.com/wp-content/uploads/2025/03/image.png) !important;
}
    body #inner-sec {
        padding-top: 300px !important;
        padding-bottom: 100px !important;
    }
	#inner-sec:before {
    top: 290px;
}
slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before  {
    background-color: #fff;
}
.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after {
    background-color: #fff;
}
.slide-out-widget-area-toggle.mobile-icon .lines-button:after {
    background-color: #fff;
}

.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before  {
    background-color: #fff;
}
.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after {
    background-color: #fff;
}
.slide-out-widget-area-toggle.mobile-icon .lines-button:after {
    background-color: #fff;
}
 .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before {
    background-color: #fff;
}
.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after {
    background-color: #fff;
}
.slide-out-widget-area-toggle.mobile-icon .lines-button:after {
    background-color: #fff;
}	
body[data-slide-out-widget-area-style="slide-out-from-right"]:not([data-header-color="custom"]).material .slide_out_area_close:before {
    background-color: #000000;
}	
	header#top {
    background: #000;
	background-image: none;	
}
	
	#main-header {
    display: none;
}
	header#top {
    display: block;
}
	.off-canvas-menu-container {
    display: none !important;
}
	header#top img {
    width: 130px !important;
    height: 130px !important;
}
	#sec-1 .sec-1-img {
        top: 16px;
    }
	    #sec-2:after {
        opacity: 0.5;
    }
	.sec-2-col-2:before {
        height: 573px;
    }
	    .sec-4-col-2:before {
        top: 170px;
    }
	    .sec-4-col-3:before {
        top: 170px;
    }
	.sec-4-col-4:before {
        top: 170px;
    }
	
    .sec-5-col-1 .vc_column-inner {
        padding: 144px 20px;
    }
	#sec-5 .sec-5-col-main {
    width: 100%;
}	
#sec-5 .sec-5-main.col-2 {
    width: 100%;
}
#sec-5-img-1 {
    display: unset !important;
}
	    .sec-5-col-1 .vc_column-inner {
        padding: 129px 20px;
    }
	#footer .ft-col-1 {	
    width: 33%;
}
	#footer .ft-col {
    width: 33%;
}
	
	#footer .ft-col-4 {
    width: 50%;
}
	
	#footer .ft-co-5 {
    width: 50%;
}
	#footer {
        padding-bottom: 0px !important;
    }
	#footer .ft-col-3 {
    left: 70px;
}
#footer .ft-col-2 {
    left: 70px;
}
}
 
 
/****************** 800 ****************************/
 
@media (max-width: 800px) {
	
#header-outer {
    background: #000000 !important;
}
	.off-canvas-menu-container.mobile-only {
    display: none !important;
}
	.off-canvas-menu-container {
    left: -40px;
}
	    body #inner-sec {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
	#inner-sec:before {
        top: 90px;
    }
	body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 134px !important;
    }	
		.off-canvas-menu-container {
    display: block !important;
}
    #sec-1 .sec-1-img {
        top: -114px;
    }	
#sec-1 .row-bg.viewport-desktop.using-image {
    background-size: 100% 100%;
    background-image: url(https://themobileautocarellc.com/wp-content/uploads/2025/03/image-5-e1741908422194.png) !important;
}
	    #sec-1 .sec-1-h {
        padding-top: 50px;
    }
	    #sec-1 {
        padding-top: 10px !important;
        padding-bottom: 70px !important;
    }
	#sec-1 .sec-1-keys {
    width: 24% !important;
}
	    #sec-1 .sec-1-h {
        padding-top: 50px;
        width: 70%;
    }
	    #sec-2:after {
        display: none;
    }
.sec-4-col-2:before {
        top: 120px;
    }
	    .sec-4-col-3:before {
        top: 120px;
    }
	    .sec-4-col-4:before {
        top: 120px;
    }
	#sec-4 .sec-4-img {
    width: 94%;
}
	.sec-5-col-1 .vc_column-inner {
        padding: 20px 20px;
        margin-bottom: -25px;
/* 		width: 45% !important; */
    }
	    .sec-5-col-2 .vc_column-inner {
        padding: 20px 40px 20px 20px;
		margin-bottom: -24px;
/* 		width: 45% !important;		 */
    }
	    .sec-5-col-3 .vc_column-inner {
        padding: 20px 40px 20px 20px;
        margin-bottom: 1px;
/* 			width: 45% !important; */
    }
	    .sec-5-col-4 .vc_column-inner {
        padding: 20px 40px 20px 20px;
		width: 45% !important;		
    }
	#sec-5 {
        padding-bottom: 0px !important;
    }
	    #sec-6 {
        padding-bottom: 20px !important;
    }
	#sec-6 .sec-6-col-2 {
    padding-top: 70px;
}
	    #sec-8 .sec-8-car {
        width: 100%;
        margin: 0px;
        left: 0px;
    }
#sec-8 {
    padding-top: 20px !important;
}
    #footer .ft-col-2 {
        left: 40px;
    }	
	#footer-outer {
    display: none;
}
	
	
}
 
/****************** 768 ****************************/
 
@media (max-width: 768px) {}
 
/****************** 760 ****************************/
 
@media (max-width: 760px) {}
 
/****************** 640 ****************************/
 
@media (max-width: 640px) {}
 
/****************** 600 ****************************/
 
@media (max-width: 600px) {}
 
 
/****************** 480 ****************************/
 
@media (max-width: 480px) {
	
	
	 #inner-sec .about-imgg {
        width: 40%;
    }   
body #inner-sec {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
.sec-1-para-txt p {
    font-size: 15px;
}	
	    #sec-1 .sec-1-keys {
        width: 31% !important;
    }	
	    #sec-1 .sec-1-img {
        top: -54px;
        width: 60%;
    }
	#sec-3 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
	.sec-4-col-2:before {
        top: 140px;
    }
	    .sec-4-col-3:before {
        top: 140px;
    }
	    .sec-4-col-4:before {
        top: 140px;
    }
	#sec-6 {
        padding-top: 0px !important;
    }
	    #footer .footer-logo {
        width: 40% !important;
    }
	#footer .ft-col-1 {
        width: 100%;
    }
	#footer .ft-col {
    width: 100%;
}
	#footer .ft-col-2 {
        left: -30px;
		top: -100px;
    }
	.footer-heading h3 {
        font-size: 20px;
        padding-top: 20px;
        font-size: 27px !important;
    }
	    #footer .ft-col-3 {
        left: 0px;
        top: -220px;
    }
	#footer .ft-col-4 {
    top: -340px;
}
	#footer .ft-col-5 {
    top: -440px;
}
	#ft {
    margin-bottom: -390px;
}
	.last-txt p {
        font-size: 16px;
    }
	.sec-6-h-txt h2 {
        font-size: 35px;
        line-height: 55px;
    }
	    #sec-1 .sec-1-keys {
        display: none;
    }
	    #sec-1 .sec-1-img {
       display: none;
    }
	    #sec-1:before {
        left: -10px;
		top: 140px;
    }
	#sec-1 {
        padding-top: 10px !important;
        padding-bottom: 0px !important;
    }
	    .sec-1-para-txt p {
        line-height: 23px;
    }
	    #sec-1 .sec-1-h {
        padding-top: 10px;
    }
}
 
 
/****************** 515 ****************************/
 
@media (max-width: 515px) {}
 
 
/****************** 414 ****************************/
 
@media (max-width: 414px) {
	
	#sec-6 .ti-widget.ti-goog .ti-controls-line {
    display: none !important;
}
    #sec-1 .sec-1-h {
        padding-top: 10px;
        width: 90%;
    }	
	.sec-1-para-txt p br {
    display: none;
}
	    #sec-1:before {
        top: 120px;
        left: -19px;
    }
	#sec-2 .sec-2-heading {
    width: 90%;
}
	    .sec-2-h-txt p {
        padding-right: 0px;
    }
	.ti-widget.ti-goog .ti-controls-line {
        display: none;
    }
	    .sec-8-h-txt h2 {
        font-size: 25px;
        padding-top: 20px;
    }
	    .sec-8-form h2 {
        font-size: 28px;
        padding-bottom: 20px;
    }
	.last-txt p {
        font-size: 14px;
    }
	#sec-2 .iwithtext .iwt-text {
    font-size: 17px;
}
	
}
 
 
/****************** 390 ****************************/
 
@media (max-width: 390px) {
	
    .last-txt p {
        font-size: 13px;
    }	
	
}
 
 
/****************** 375 ****************************/
 
@media (max-width: 375px) {
	
.sec-6-h-txt h2 {
        font-size: 30px;
        line-height: 55px;
    }	
	.sec-8-form h2 {
        font-size: 24px;
        padding-bottom: 20px;
    }
	    .sec-8-h-txt h2 {
        font-size: 21px;
        padding-top: 20px;
    }
	
	
}
 
 
/****************** 360 ****************************/
 
@media (max-width: 360px) {
	
.last-txt p {
        font-size: 12px;
    }	
	
}