body {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    color: #000
}

#wrapper #template-outline-left {
    position: fixed;
    top: 0px;
    left: calc((100% - 1180px) / 2);
    z-index: 1;
    display: block !important
}

#wrapper #template-outline-left line {
    stroke: #000;
    stroke-width: 1
}

#wrapper #template-outline-right {
    position: fixed;
    top: 0px;
    right: calc((100% - 1160px) / 2);
    z-index: 1;
    display: block !important
}

#wrapper #template-outline-right line {
    stroke: #000;
    stroke-width: 1
}

#template-outline-left {
    display: none;
}

#template-outline-right {
    display: none;
}



a:hover,
a:focus {
    text-decoration: none
}

.row {
    margin: 0px;
    padding: 0px;
}

/*------------------------------------------header----------------------------------------------------------------*/

ul#parent-menu > li > a {
    color: #fff;
    font-size: 18px;
    margin-right: 10px;
    letter-spacing: 1px;
    padding: 8px !important;
}

ul#parent-menu > li:last-child a {
    margin-right: 0px;
}


.lightHeader {
    background: #243333 !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 99;
    width: 100%;
    left: 0;
    right: 0;
}


header.header {
    background-color: #243333;
}


.header .social-icon-section {
    margin: 0;
    display: inline-block;
    right: 0;
    position: absolute;
    top: 38px;
}

.social-icon-section {
    display: flex;
    justify-content: center;
}

nav.navbar.navbar-default.navbar-trans.navbar-expand-lg {
    padding: 30px 0px;
    display: inline-flex;
}

a.navbar-brand {
    padding: 0px 30px;
}


.page-wrapper-top,
.page-wrapper-middle,
.page-wrapper-bottom {

    position: relative;
    max-width: 1349px;
    margin: 0 auto;
}

.page-wrapper {
    position: relative;
    max-width: 1349px;
    margin: 110px auto 0px;
}

#wrapper .page-wrapper {
    position: relative;
    max-width: 1349px;
    margin: 110px auto 0px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    background: #243333;
}

.navbar-expand-lg .navbar-nav .dropdown-menu a:hover {
    background: #243333;
    transition: .3s;
-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.3);
}

.navbar-expand-lg .navbar-nav .dropdown-menu a:last-child {
    margin: 0px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu a {
    margin-bottom: 10px;
}


/*------------------------------------slider-----------------------------------------------------*/

.image-slider,
.image-slider .carousel {
    height: 675px;
    overflow: hidden;
}

.image-slider .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.on-slider-text-bold {
    font-size: 54px;
}


.for-manage-caption {
    width: 1170px;
    left: calc((100% - 1170px) / 2);
    position: relative;
    bottom: 400px;

}


.social-icon-section {
    display: flex;
    justify-content: center;
}

.social-icon-section a i {
    font-size: 20px;
    color: #fff;
    letter-spacing: 14px;
}

.social-icon-section .add-icon {
    right: 10px;
    top: 30px;
    font-size: 12px;
    cursor: default !important;
    color: #fff;
    border-color: #fff;
    letter-spacing: 0px;
}

/*--------------------------------------------------------------------------------------------------------------*/

.page-wrapper-top {
    height: 1930px;
}

button.navbar-toggler {
    margin-right: 2%;
}

.image-and-text-wrapper {
    position: absolute;
    top: 0px;
}

.for-display-flex {
    display: flex;
    width: 100%;
}

.left-text-wrp {
    width: 50%;
    padding: 0px 60px;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.right-side-wrap {
    width: 50%;
}

.fle-image {
    width: 100%;
    height: 818px;
    object-fit: cover;
}

.welcome-text {
    font-size: 36px;
    color: #ad665b;
    font-weight: 600;
}

.bt-text {
    font-size: 36px;
    font-weight: 600;
}

.border-text-btom {
    width: 10%;
    height: 8px;
    background: #ad665b;
    margin: 4px 0px 20px;
}

.left-text-top {
    font-size: 20px;
    line-height: 42px;
}

a.explore-btn {
    display: inline-block;
    margin-top: 40px;
    font-size: 24px;
    color: #ad665b;
    text-decoration: underline;
    transition: .3s;
}

a.explore-btn:hover {
    text-shadow: 1px 1px 0 #ad665b, 1.5px 1.5px 0 #ad666b, 2px 2px 0 #ad675b;
    transform: translate(-2px, -2px);
}

.center-atr {
    background: #243333;
    color: #fff;
    text-align: center;
    padding: 30px 0px;
    font-size: 36px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    top: 820px;
}

.background-image-content {
    /*background-image: url(../img/backrt.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    width: 100%;
    position: absolute;
    top: 957px;
}

.background-main-image-content {
    width: 1170px;
    left: calc((100% - 1170px) / 2);
    position: relative;
    text-align: center;
    top: 250px;
}

.background-image-text {
    font-size: 40px;
    color: #fff;
}

.background-image-text-1 {
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}

a.back-trp {
    display: inline-block;
    color: #fff;
    font-size: 24px;
    text-decoration: underline;
    margin-top: 20px;
}


.client-slider {
    width: 1170px;
    left: calc((100% - 1170px) / 2);
    text-align: center;
    padding: 100px 0px;
    position: absolute;
    top: 1460px;
}

.client-upper-text {
    font-size: 20px;
    color: #ad665b;
}

.client-heading {
    font-size: 56px;
    font-weight: bold;
    letter-spacing: 4px;
    line-height: 56px;
    margin: 10px 0px;
}

.client-summary {
    font-size: 20px;
    margin: 20px 0px 30px;
}

.client-name {
    color: #ad665b;
    font-size: 20px;
}


/*------------------------------------------------------------------------------------------------------------*/
.subscribe-background-image {
    background: #243333;
    padding: 30px 0px;
}

.subscribe-section-design .form-group {
    width: 100%;
    max-width: 465px;
    margin: 0px auto;
    margin-top: 4px;
}

.subscribe-section-design input {
    border: solid 2px #b06f64;
    width: 100%;
    font-weight: 700;
    background: transparent;
    font-size: 18px;
    margin-left: 10px;
    border-radius: 10px;
    padding: 6px 0px 6px 10px;
    color: #fff;
}

.subscribe-section-design .subscribe-title {
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    font-size: 45px;
    font-weight: 500;
    line-height: 46px;
}

.subscribe-btn {
    color: #000;
    font-size: 22px;
    text-align: center;
    width: 100%;
    background: none;
    font-weight: 700;
    margin-top: 0px;
}

input:focus {

    outline: 0px;
}

/*-----------------------------------------------footer----------------------------------------------------*/

footer.footer {
    color: #263a31;
    position: relative;
}

.footer-image-logo {
    width: 1170px;
    left: calc((100% - 1170px) / 2);
    position: relative;
    text-align: center;
    margin: 80px 0px 30px;
}

.for-manage-address {
    width: 1170px;
    left: calc((100% - 1170px) / 2);
    position: relative;
    margin: 50px 0px;
}

.email-heading,
.fax-heading,
.bar-heading {
    font-size: 24px;
    color: #000;
    margin-bottom: 20px;
}

.removebale-links-1 {
    color: #000;
    font-size: 20px;
}

.border-line {
    height: 2px;
    background: #000;
    width: 1170px;
    left: calc((100% - 1170px) / 2);
}

.for-manage-address ul > li > a {
    color: #888;
    font-weight: 500;
    margin-bottom: 2px;
    display: inline-block;
}

.footer-email,
.footer-web,
.footer-number,
.footer-number-1,
.footer-address,
.footer-address-1 {
    font-size: 16px;
    letter-spacing: 1px;
    color: #263a31;
}

.removebale-links-1 > ul > li > a {
    color: #263a31;
}

.removebale-links-1 > ul > li > a:after {
    content: "|";
    font-size: 14px;
    margin: 0px 0px 0px 10px;
    color: #000;
    font-weight: bold;
}


.removebale-links-1 > ul > li:last-child a:after {

    content: "";
}

.footer-line-text {
    width: 1170px;
    left: calc((100% - 1170px) / 2);
    position: relative;
    text-align: center;
    color: #263a31;
    margin-top: 30px;
}

span.location-arrow,
.f-location-list .dropdown-toggle {

    color: #263a31;

}


.f-location-list {
    margin-top: 15px;
    text-align: center;
}

.footer-nav-link ul > li > a {
    color: #263a31;
}

.follow-us-on-footer {
    text-align: center;
    position: relative;
    font-size: 24px;
}

.social-icon-section-1 {
    bottom: 0px;
    margin: 10px 0px 0px;
}

.social-icon-section-1 a i {
    font-size: 24px;
    color: #000;
    letter-spacing: 0px;
}

.social-icon-section-1 .add-icon {
    right: -20px;
    top: 43px;
    font-size: 12px;
    cursor: default !important;
    color: #000;
    border-color: #000;
    letter-spacing: 0px;
}

.social-icon-section-1 .add-icon:before {
    color: #000;
}

.removebale-links {
    margin: 30px 0px;
}

.footer-line-text ul {
    list-style: none;
    padding: 0px;
}

.ft-width,
.ft-env,
.ft-gol {
    width: 30px;
    margin-right: 20px;
    height: 30px;
}

.footer-line-text ul li {

    display: flex;
    align-items: center;
    font-weight: bold;
    justify-content: center;
}

/*-------------------------------------------------register---------------------------------------------*/


.on-slider-text-bold {
    background: linear-gradient(to right, #ad665b 10%, #fff 50%, #243333 60%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 3.5s linear infinite;
    display: inline-block;
    position: absolute;
    width: 1170px;
    left: calc((100% - 1170px) / 2);
    top: 250px;
    text-align: center;
}

@keyframes textclip {
    to {
        background-position: 200% center
    }
}


.left-text-wrp:hover .bt-text {
    transition: 0.3s;
    text-shadow: 1px 1px 0 grey, 1px 2px 0 grey, 1px 3px 0 grey, 1px 4px 0 grey,
        1px 5px 0 grey, 1px 6px 0 grey, 1px 7px 0 grey, 1px 8px 0 grey,
        5px 13px 15px black;
}

/*.bt-text:hover {
  transition: 0.3s;
  text-shadow: 1px -1px 0 grey, 1px -2px 0 grey, 1px -3px 0 grey,
    1px -4px 0 grey, 1px -5px 0 grey, 1px -6px 0 grey, 1px -7px 0 grey,
    1px -8px 0 grey, 5px -13px 15px black, 5px -13px 25px #808080;
}*/



.on-slid-light-text {
    margin: 10px 0px;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: normal;
    line-height: 30px;
    display: inline-block;
    position: absolute;
    width: 1170px;
    left: calc((100% - 1170px) / 2);
    top: 350px;
    text-align: center;
    color: #fff;
}


.center-text {
    letter-spacing: 0;
    padding: .25em 0 .325em;
    display: block;
    margin: 0 auto;
    text-shadow: 0 0 80px rgba(255, 255, 255, .5);

    /* Clip Background Image */

    background: url(/website-builder/resources/Trucking-Company/animated_text_fill-1.png) repeat-y;
    -webkit-background-clip: text;
    background-clip: text;

    /* Animate Background Image */

    -webkit-text-fill-color: transparent;
    -webkit-animation: aitf 80s linear infinite;

    /* Activate hardware acceleration for smoother animations */

    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;

}

/* Animate Background Image */

@-webkit-keyframes aitf {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}



.client-slider:hover .client-heading {
    transition: 0.3s;
    text-shadow: 1px 1px 0 grey, 1px 2px 0 grey, 1px 3px 0 grey, 1px 4px 0 grey, 1px 5px 0 grey, 1px 6px 0 grey, 1px 7px 0 grey, 1px 8px 0 grey, 5px 13px 15px black;
}

/*
a.explore-btn:hover{
  -webkit-animation: neon1 1.5s ease-in-out infinite alternate;
  -moz-animation: neon1 1.5s ease-in-out infinite alternate;
  animation: neon1 1.5s ease-in-out infinite alternate; 
    color: #fff;
}

@-webkit-keyframes neon1 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #ad665b,
               0 0 70px  #ad665b,
               0 0 80px  #ad665b,
               0 0 100px #ad665b,
               0 0 150px #ad665b;
  }
  to {
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #ad665b,
               0 0 35px #ad665b,
               0 0 40px #ad665b,
               0 0 50px #ad665b,
               0 0 75px #ad665b;
  }
}*/

/*--------------------------------------------------about-us-----------------------------------*/

.noch-heading {
    width: 1170px;
    left: calc((100% - 1170px) / 2);
    text-align: center;
    position: relative;
    font-size: 60px;
    color: #fff;
}

.noch-text {

    width: 1170px;
    left: calc((100% - 1170px) / 2);
    text-align: center;
    position: relative;
    font-size: 20px;
    color: #fff;
}

.about-main-text {
    width: 1170px;
    left: calc((100% - 1170px) / 2);
    text-align: center;
    position: absolute;
    font-size: 20px;
    color: #000;
    top: 650px;

}

/*----------------------------------------------creat-account------------------------------------------------*/

.form-heading {
    width: 1170px;
    left: calc((100% - 1170px) / 2);
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    position: absolute;
    color: #243333;
    top: 100px;
}

.sign-in-wrapper {
    width: 400px;
    left: calc((100% - 400px) / 2);
    position: absolute;
    text-align: center;
    top: 200px;
}

.sign-in-wrapper input {
    width: 100%;
    border-top: 0px;
    border-bottom: 2px solid #243333;
    border-left: 0px;
    border-right: 0px;
    text-align: center;
    font-size: 20px;
    margin-bottom: 40px;
    line-height: 40px;
}

input#terms_condition {
    width: auto;
}

.term-condition-link {
    color: #243333;
}

button.btn.btn-black-border {
    background-color: #ad665b;
    border-radius: 0px;
    color: #fff;
    padding: 6px 30px;
}

.forgot.acouunct {
    font-size: 18px;
    color: #243333;
}

.forgot.acouunct .color1 {
    color: #243333;
    text-decoration: underline;
}

.social-link-wrapper .fb {
    background-color: rgb(70, 98, 158);
    color: rgb(255, 255, 255);
    padding: 10px 20px;
    border: 0px;
    display: inline-block;
}

.social-link-wrapper {
    top: 0px;
    position: relative;
    text-align: center;
    margin: 30px 0px;
}


.social-link-wrapper .fb:before {
    content: 'Login with Facebook';
    font-family: roboto;
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 6px;
    right: 20px;
}

.social-link-wrapper .fb i {
    margin-right: 7px;
}

a.link {
    color: #243333;
    text-decoration: underline;
}

.sign-in-wrapper textarea {

    border-left: 0px;
    border-radius: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 3px solid #243333;
    width: 100%;
    margin: 0px 0px 20px;
    text-align: center;
    font-size: 20px;
}

.acouunct-sign-in a {
    text-decoration: underline;
    margin-right: 10px;
    color: #243333;
}

/*-----------------------------------------terms and condition-----------------------------------*/


.for-manage-address-image img,
.for-manage-address-image-3 img {
    width: 100%;
}

.for-manage-address-image {
    display: flex;
    align-items: center;
}

.see-more-button {
    margin-bottom: 20px;
}



.for-manage-address-1 {
    position: absolute;
    width: 1170px;
    left: calc((100% - 1170px) / 2);
    text-align: center;
    margin-left: 0px;
    top: 240px;
}

.page-wrapper-bottom {
    height: 96px;
}

.for-manage-address-home {
    text-align: center;
    margin-left: 0px;
}


.adress-heading {
    font-size: 24px;
    letter-spacing: 4px;
}

.adress-name {
    font-size: 30px;
    margin: 20px 0px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    font-weight: bold;
    color: #243333;


}

.adress-street {
    color: #243333;
    margin: 20px 0px;
    font-size: 20px;
}

.adress-phone {
    color: #243333;
    margin: 20px 0px 10px;
    font-size: 20px;
}

.adress-mail {
    color: #243333;
    margin: 10px 0px 20px;
    font-size: 20px;
}

.adress-discription {
    font-size: 20px;
    margin: 30px 0px;
    color: #243333;
}

.see-more-button a {
    display: inline-block;
    color: #243333;
    text-decoration: underline;
    font-size: 18px;
}

.for-manage-detail-side-3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.for-manage-detail-side-3 {
    padding: 0px 40px 0px 20px;
}

.for-manage-address-image-3 {
    padding: 0px;
}

.store-gallary {
    position: absolute;
    width: 1170px;
    left: calc((100% - 1170px) / 2);
    top: 950px;
    padding: 10px;
}

.about_page_header {
    width: 1170px;
    left: calc((100% - 1170px) / 2);
    position: absolute;
}

.location {

    width: 1170px;
    left: calc((100% - 1170px) / 2);
    position: relative;
}


#wrapper .store-gallary {
    padding: 10px;
}

.trems-condition-text {

    width: 1170px;
    position: absolute;
    left: calc((100% - 1170px) / 2);
    top: 180px;
}


/*------------------------------------------learn more---------------------------------------------------------*/

.for-manage-address-1 {
    position: absolute;
    width: 1170px;
    left: calc((100% - 1170px) / 2);
    text-align: center;
    margin-left: 0px;
    top: 240px;
}


#wrapper .widget-wrapper-top {
    margin-top: 110px;
}

#wrapper .widget-wrapper-top {
    margin-top: 110px;
}

/*---------------------------------------------------------mediaquery------------------------------------------*/


@media screen and (max-width: 1280px) and (min-width: 1150px) {

    .on-slider-text-bold,
    .on-slid-light-text,
    .client-slider,
    .background-main-image-content,
    .footer-image-logo,
    .for-manage-address,
    .footer-line-text,
    .border-line,
    .noch-heading,
    .noch-text,
    .about-main-text,
    .form-heading,
    .trems-condition-text,
    .for-manage-address-1,
    .location,
    .about_page_header,
    .center-text {
        width: 1000px;
        left: calc((100% - 1000px) / 2);
    }

    .image-slider,
    .image-slider .carousel {
        height: 637px;
        overflow: hidden;
    }

    .center-atr {
        top: 689px;
    }

    .background-image-content {
        top: 826px;
    }

    .client-slider {
        top: 1328px;
    }

    .page-wrapper-top {
        height: 1800px;
    }

    .fle-image {
        width: 100%;
        height: 687px;
        object-fit: cover;
    }

    .store-gallary {
        top: 800px;
    }
}

@media screen and (max-width:1149px) and (min-width:1024px) {


    .on-slider-text-bold,
    .on-slid-light-text,
    .client-slider,
    .background-main-image-content,
    .footer-image-logo,
    .for-manage-address,
    .footer-line-text,
    .border-line,
    .noch-heading,
    .noch-text,
    .about-main-text,
    .form-heading,
    .trems-condition-text,
    .for-manage-address-1,
    .location,
    .about_page_header,
    .center-text {
        width: 900px;
        left: calc((100% - 900px) / 2);
    }

    .image-slider,
    .image-slider .carousel {
        height: 567px;
        overflow: hidden;
    }

    .center-atr {
        top: 613px;
    }

    .background-image-content {
        top: 750px;
    }

    .client-slider {
        top: 1250px;
    }

    .page-wrapper-top {
        height: 1724px;
    }

    .subscribe-section-design .form-group {
        width: 100%;
        max-width: 465px;
        margin: 0px;
        margin-top: 25px;
        vertical-align: middle;
        display: inline-block;
    }

    .fle-image {
        width: 100%;
        height: 611px;
        object-fit: cover;
    }

    .store-gallary {
        top: 800px;
    }
}

@media screen and (max-width:1023px) and (min-width:991px) {



    .on-slider-text-bold,
    .on-slid-light-text,
    .client-slider,
    .background-main-image-content,
    .footer-image-logo,
    .for-manage-address,
    .footer-line-text,
    .border-line,
    .noch-heading,
    .noch-text,
    .about-main-text,
    .form-heading,
    .trems-condition-text,
    .for-manage-address-1,
    .location,
    .about_page_header,
    .center-text {
        width: 900px;
        left: calc((100% - 900px) / 2);
    }

    .image-slider,
    .image-slider .carousel {
        height: 547px;
        overflow: hidden;
    }

    .center-atr {
        top: 593px;
    }

    .background-image-content {
        top: 730px;
    }

    .client-slider {
        top: 1230px;
    }

    .page-wrapper-top {
        height: 1706px;
    }


    div#navbarSupportedContent {
        text-align: center;
        margin-left: 0px;
        background: #243333;
        position: absolute;
        width: 100%;
        top: 100%;
    }

    nav.navbar.navbar-default.navbar-trans.navbar-expand-lg {
        /*padding: 40px 0px 10px;*/
        display: flex;
    }

    .header .social-icon-section {
        margin: 0 auto;
        display: inline-block;
        right: 0;
        position: absolute;
        top: 10px;
        left: 0;
        text-align: center;
    }

    .social-icon-section .add-icon {
        right: -80px;
        top: 0px;
        font-size: 12px;
        cursor: default !important;
        color: #fff;
        border-color: #fff;
        letter-spacing: 0px;
    }

    .social-icon-section-1 .add-icon {
        right: -100px;
        top: 0px;
        font-size: 12px;
        cursor: default !important;
        color: #243333;
        border-color: #243333;
        letter-spacing: 0px;
    }

    a.navbar-brand {
        padding: 0px 10px;
    }


    .subscribe-section-design .form-group {
        width: 100%;
        max-width: 465px;
        margin: 0px;
        margin-top: 25px;
        vertical-align: middle;
        display: inline-block;
    }

    .fle-image {
        width: 100%;
        height: 591px;
        object-fit: cover;
    }

}

@media screen and (max-width:990px) and (min-width:768px) {


    .on-slider-text-bold,
    .on-slid-light-text,
    .client-slider,
    .background-main-image-content,
    .footer-image-logo,
    .for-manage-address,
    .footer-line-text,
    .border-line,
    .noch-heading,
    .noch-text,
    .about-main-text,
    .form-heading,
    .trems-condition-text,
    .for-manage-address-1,
    .location,
    .about_page_header,
    .center-text {
        width: 700px;
        left: calc((100% - 700px) / 2);
    }

    .image-slider,
    .image-slider .carousel {
        height: 424px;
        overflow: hidden;
    }

    .on-slider-text-bold {
        font-size: 44px;
        top: 140px;
    }

    .on-slid-light-text {
        top: 210px;
    }

    .center-atr {
        top: 1282px;
    }

    .background-image-content {
        top: 1444px;
    }

    .client-slider {
        top: 1950px;
    }

    .page-wrapper-top {
        height: 2430px;
    }

    .for-display-flex {
        display: block;
    }

    .right-side-wrap {
        width: 100%;
        padding: 0px 40px;
        margin-top: 50px;
    }

    .left-text-wrp {
        width: 100%;
        padding: 0px 60px;
        display: block;
    }

    .subscribe-btn {
        margin-top: 25px;
        padding: 0px;
    }

    .subscribe-section-design input {
        margin-left: 0px;
        margin-top: 30px;
    }

    div#navbarSupportedContent {
        text-align: center;
        margin-left: 0px;
        background: #243333;
        position: absolute;
        width: 100%;
        top: 100%;
    }

    nav.navbar.navbar-default.navbar-trans.navbar-expand-lg {
        /*padding: 40px 0px 10px;*/
        display: flex;
    }

    .header .social-icon-section {
        margin: 0 auto;
        display: inline-block;
        right: 0;
        position: absolute;
        top: 10px;
        left: 0;
        text-align: center;
    }

    .social-icon-section .add-icon {
        right: -80px;
        top: 0px;
        font-size: 12px;
        cursor: default !important;
        color: #fff;
        border-color: #fff;
        letter-spacing: 0px;
    }

    a.navbar-brand {
        padding: 0px 10px;
    }

    .fle-image {
        width: 100%;
        height: 814px;
        object-fit: cover;
    }

    .store-gallary {
        top: 750px;
    }

}

@media screen and (max-width:767px) and (min-width:540px) {



    .on-slider-text-bold,
    .on-slid-light-text,
    .client-slider,
    .background-main-image-content,
    .footer-image-logo,
    .for-manage-address,
    .footer-line-text,
    .border-line,
    .noch-heading,
    .noch-text,
    .about-main-text,
    .form-heading,
    .sign-in-wrapper,
    .trems-condition-text,
    .for-manage-address-1,
    .location,
    .about_page_header,
    .center-text {
        width: 300px;
        left: calc((100% - 300px) / 2);
        display: table;
    }

    .image-slider,
    .image-slider .carousel {
        height: 424px;
        overflow: hidden;
    }

    .on-slider-text-bold {
        font-size: 26px;
        top: 140px;
        font-weight: bold;
    }


    .on-slid-light-text {
        top: 210px;
        font-size: 16px;
    }

    .center-atr {
        top: 1082px;
    }

    .background-image-content {
        top: 1304px;
    }

    .client-slider {
        top: 1804px;
    }

    .page-wrapper-top {
        height: 2460px;
    }

    .for-display-flex {
        display: block;
    }

    .right-side-wrap {
        width: 100%;
        padding: 0px 40px;
        margin-top: 50px;
    }

    .left-text-wrp {
        width: 100%;
        padding: 0px 60px;
        display: block;
    }

    .subscribe-btn {
        margin-top: 25px;
        padding: 0px;
    }

    .image-slider .carousel-item img {
        width: 100%;
        height: 424px;
        object-fit: cover;
    }

    .background-main-image-content {

        top: 150px;
    }

    .background-image-text {
        font-size: 22px;
    }

    .subscribe-section-design input {
        margin-left: 0px;
        margin-top: 30px;
    }

    .form-heading {
        font-size: 36px;
    }


    div#navbarSupportedContent {
        text-align: center;
        margin-left: 0px;
        background: #243333;
        position: absolute;
        width: 100%;
        top: 100%;
    }

    nav.navbar.navbar-default.navbar-trans.navbar-expand-lg {
        /*padding: 40px 0px 10px;*/
        display: flex;
    }

    .header .social-icon-section {
        margin: 0 auto;
        display: inline-block;
        right: 0;
        position: absolute;
        top: 10px;
        left: 0;
        text-align: center;
    }

    .social-icon-section .add-icon {
        right: -80px;
        top: 0px;
        font-size: 12px;
        cursor: default !important;
        color: #fff;
        border-color: #fff;
        letter-spacing: 0px;
    }

    a.navbar-brand {
        padding: 0px 10px;
    }

    .fle-image {
        width: 100%;
        height: 537px;
        object-fit: cover;
    }

    .about-main-text {
        top: 750px;
    }

    .store-gallary {
        top: 1100px;
    }

    .email-heading,
    .fax-heading,
    .bar-heading {
        margin-top: 20px;
    }

    .about_page_header a {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .store-gallary {
        top: 1150px;
    }

.for-manage-address-1 {
    top: 290px;
}



}

@media screen and (max-width:539px) and (min-width:320px) {



    .on-slider-text-bold,
    .on-slid-light-text,
    .client-slider,
    .background-main-image-content,
    .footer-image-logo,
    .for-manage-address,
    .footer-line-text,
    .border-line,
    .noch-heading,
    .noch-text,
    .about-main-text,
    .form-heading,
    .sign-in-wrapper,
    .trems-condition-text,
    .for-manage-address-1,
    .location,
    .about_page_header,
    .center-text {
        width: 300px;
        left: calc((100% - 300px) / 2);
        display: table;
    }

    .image-slider,
    .image-slider .carousel {
        height: 424px;
        overflow: hidden;
    }

    .on-slider-text-bold {
        font-size: 26px;
        top: 140px;
        font-weight: bold;
    }


    .on-slid-light-text {
        top: 210px;
        font-size: 16px;
    }

    .center-atr {
        top: 1022px;
    }

    .background-image-content {
        top: 1190px;
    }

    .client-slider {
        top: 1704px;
    }

    .page-wrapper-top {
        height: 2352px;
    }

    .for-display-flex {
        display: block;
    }

    .right-side-wrap {
        width: 100%;
        padding: 0px 10px;
        margin-top: 50px;
    }

    .left-text-wrp {
        width: 100%;
        padding: 0px 10px;
        display: block;
    }

    .subscribe-btn {
        margin-top: 25px;
        padding: 0px;
    }

    .image-slider .carousel-item img {
        width: 100%;
        height: 424px;
        object-fit: cover;
    }

    .background-main-image-content {

        top: 150px;
    }

    .background-image-text {
        font-size: 22px;
    }

    .center-atr {
        font-size: 24px;
    }

    .follow-us-on-footer {
        text-align: left;
        position: relative;
        font-size: 24px;
        margin-top: 30px;
        color: #000;
    }

    .social-icon-section {
        display: flex;
        justify-content: start;
    }

    .subscribe-section-design input {
        margin-left: 0px;
        margin-top: 30px;
    }

    .subscribe-section-design .subscribe-title,
    .form-heading {

        font-size: 36px;
    }

    div#navbarSupportedContent {
        text-align: center;
        margin-left: 0px;
        background: #243333;
        position: absolute;
        width: 100%;
        top: 100%;
    }

    nav.navbar.navbar-default.navbar-trans.navbar-expand-lg {
        /*padding: 40px 0px 10px;*/
        display: flex;
    }

    .header .social-icon-section {
        margin: 0 auto;
        display: inline-block;
        right: 0;
        position: absolute;
        top: 10px;
        left: 0;
        text-align: center;
    }

    .social-icon-section .add-icon {
        right: -80px;
        top: 0px;
        font-size: 12px;
        cursor: default !important;
        color: #fff;
        border-color: #fff;
        letter-spacing: 0px;
    }

    a.navbar-brand {
        padding: 0px 10px;
    }

    .fle-image {
        width: 100%;
        height: 343px;
        object-fit: cover;
    }

    .about-main-text {
        top: 750px;
    }

    .about_page_header a {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .store-gallary {
        top: 1150px;
    }

    .email-heading,
    .fax-heading,
    .bar-heading {
        margin-top: 20px;
    }

.for-manage-address-1 {
    top: 290px;
}
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: relative;
        top: 0;
        text-align: center;
    }
}


@media screen and (max-width: 767px) , screen and (max-height: 400px) {

    div#navbarSupportedContent {
        height: 70vh;
        overflow-y: auto;
    }

}