body{
    margin: 0px;
    font-family: 'Gordita' !important;
}

@font-face {
    font-family: 'Gordita';
    src: url('../fonts/Gordita-Bold.eot');
    src: url('../fonts/Gordita-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gordita-Bold.woff2') format('woff2'),
        url('../fonts/Gordita-Bold.woff') format('woff'),
        url('../fonts/Gordita-Bold.ttf') format('truetype'),
        url('../fonts/Gordita-Bold.svg#Gordita-Bold') format('svg');
    font-weight: bold;
    margin: 0px;
    font-family: 'Gordita' !important;
}

@font-face {
    font-family: 'Gordita';
    src: url('../fonts/Gordita-Bold.eot');
    src: url('../fonts/Gordita-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gordita-Bold.woff2') format('woff2'),
        url('../fonts/Gordita-Bold.woff') format('woff'),
        url('../fonts/Gordita-Bold.ttf') format('truetype'),
        url('../fonts/Gordita-Bold.svg#Gordita-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gordita';
    src: url('../fonts/Gordita-Medium.eot');
    src: url('../fonts/Gordita-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gordita-Medium.woff2') format('woff2'),
        url('../fonts/Gordita-Medium.woff') format('woff'),
        url('../fonts/Gordita-Medium.ttf') format('truetype'),
        url('../fonts/Gordita-Medium.svg#Gordita-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gordita';
    src: url('../fonts/Gordita-Regular.eot');
    src: url('../fonts/Gordita-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gordita-Regular.woff2') format('woff2'),
        url('../fonts/Gordita-Regular.woff') format('woff'),
        url('../fonts/Gordita-Regular.ttf') format('truetype'),
        url('../fonts/Gordita-Regular.svg#Gordita-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/**********header***********/

a{
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


/* width */
::-webkit-scrollbar {
 width:4px;
}

/* Track */
::-webkit-scrollbar-track {
 box-shadow: inset 0 0 0px #11abb1; 
 border-radius:0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
 background:#11abb1;
 border-radius:0px;
}

.no-promotions{
        font-size: 24px;
    color: #000000;    margin-bottom: 50px;
    text-align: center;
    font-weight: 400;
}

.ban-loop{
    float:left;
    width:100%;
}


.ban-loop .owl-nav {
    float: left;
    position: relative;
    text-align:
    left;
    margin-top: -115px;
}

.ban-loop .owl-prev img{
    transition:all ease-in-out .5s;
    -webkit-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s;
    margin-right: 10px;

}
.ban-loop .owl-next img{
    transition:all ease-in-out .5s;
    -webkit-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s;
   
}
.ban-loop .owl-next:hover img{
    filter: invert(1);
}.ban-loop .owl-prev:hover img{
    filter: invert(1);
}






.service-loop{
    float:left;
    width:100%;
}


.service-loop .owl-nav {
    float: left;
    position: relative;
    text-align:
    left;
    margin-top: -75px;
    left: -100px;
}

.service-loop .owl-prev img{
    transition:all ease-in-out .5s;
    -webkit-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s;
    margin-right: 10px;

}
.service-loop .owl-next img{
    transition:all ease-in-out .5s;
    -webkit-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s;
   
}
.service-loop .owl-next:hover img{
    filter: invert(1);
}.service-loop .owl-prev:hover img{
    filter: invert(1);
}

.menu-rotate {
     margin-top: -2px;
     margin-right: 16px;
     transition: 0.70s;
     -webkit-transition: 0.70s;
     -moz-transition: 0.70s;
     -ms-transition: 0.70s;
     -o-transition: 0.70s;
}


.menu-rotate:hover{
     transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}


.header_block {
    width: 100%;
    height: 115px;
    float: left;
    /* position: absolute; */
    left: 0;
    top: 0;
    padding: 0 1% 0 1%;
    z-index: 2;
    background: #063e58;
    clear: both;
}

.main_header_block {
    width: 100%;
    float: left;
}

.header_block {
    width: 100%;
    height: 115px;
    float: left;
    /* position: absolute; */
    left: 0;
    top: 0;
    padding: 0 1% 0 1%;
    z-index: 2;
    background: #ffffff;
    clear: both;
}

.header_logo {
    float: left;

}

.logo {
    float: left;
}

.header_logo img {
    float: left;
    height: 95px;
    margin-top: 10px;
}
.dropbtn {
   
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
  z-index: 9999!important;
}

.dropdown-content {
  display: none;
  top: 68px;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
    text-align: left;
  color: black!important;
  padding: 12px 16px!important;
  text-decoration: none;
  display: block;
  /* margin-top: 68px; */
}

.dropdown-content a:hover {
    background-color: #153585;
    color: #ffffff!important;}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: transparent;
}


.header_menu_area {
    /* width: 100%; */
    float: right;
    position: relative;
    text-align: center;
    margin-top: 32px;
    /* height: 101px; */
}

.header_menu_area {
    /* width: 100%; */
    float: right;
    position: relative;
    text-align: center;
    margin-top: 37px;
    /* height: 101px; */
}

.header_menu_area > ul {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    padding-left: 0px;
    height: auto;
    padding-right: 0px;
    float: right;
    /* border-right: 1px solid #eeeeee; */
    margin-top: 10px;
}

.menu li:first-child {
    margin-left: 0;
}

.header_menu_area > ul > li {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
}

.header_menu_area > ul > li > a {
    width: auto;
    float: left;
    /* margin: 0 14px; */
    position: relative;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    /* text-transform: uppercase; */
    letter-spacing: 0px !important;
    padding: 8px 25px 0px;
    z-index: 1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    /* text-transform: uppercase; */
    text-decoration: none;
    font-weight:normal;
}

.header_menu_area > ul > li > a:hover{
    color: #366e05;
}

.active-class{
    color: #366e05!important;
}


.menu li a {
    text-decoration: none;
    padding: 35px 18px;
    display: block;
    color: #fff;
    transition: all .2s ease-in-out 0s;
    font-size: 13px;
    font-weight: 500;
}

@media (min-width: 1201px) and (max-width: 1307px){
  .header_menu_area > ul > li > a {
    /* padding-left: 9px; */
    /* padding-right: 9px; */
}
}

.h-button {
    float: right;
}


.h-button a {
    float: right;
    margin-right: 30px;
    margin-top: 0px;
    background: #C90000;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    /* text-transform: uppercase; */
    padding: 10px 0px;
    width: 127px;
    text-align: center;
    border-radius: 3px;
    margin-left: 10px;
}


@media (max-width: 1024px){

    .header_menu_area > ul > li > a {
        padding: 15px 25px 15px;
    }
  .header_menu_area {
    position: inherit;
    height: auto;
    }

    .header_menu_area > .mob_nav {
    display: block;
    float: right;
    width: 28px;
    height: 28px;
    margin: 4px 10px;
    cursor: pointer;
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.header_menu_area > .mob_nav > div:nth-child(1) {
    top: 3px;
}

.header_menu_area > .mob_nav > div {
    background: #153585;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    width: 100%;
}

.header_menu_area > .mob_nav > div:nth-child(2), .header_menu_area > .mob_nav > div:nth-child(3) {
    top: 13px;
}

.header_menu_area > .mob_nav > div:nth-child(3) {
    top: 13px;
}

.header_menu_area > .mob_nav > div:nth-child(4) {
    top: 23px;
}

.header_menu_area > ul {
    width: 0%;
    position: absolute;
    top: 100px;
    left: 0;
    padding-bottom: 45px;
    min-height: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.header_menu_area > ul > li {
    width: 100%;
}

.header_menu_area ul.view {
    visibility: visible !important;
    opacity: 1;
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #fdf1f159;
    z-index: 100;
    display: block !important;
}

.header_menu_area ul.view {
    visibility: visible;
    opacity: 1;
    z-index: 100;
    z-index: 1111 !important;
}

.mob_nav.open > div:nth-child(3) {
    background: #153585;
    -webkit-transform: rotate(-45deg);
    /* transform: rotate(-45deg); */
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.mob_nav.open > div:nth-child(2) {
    background: #153585;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.mob_nav.open > div:nth-child(1), .mob_nav.open > div:nth-child(4) {
    /* left: 50%; */
    top: 18px;
    width: 0%;
}

.mob_nav.open > div:nth-child(4) {
    /* left: 50%; */
    top: 18px;
    width: 0%;
}


}



.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 111;
  top: 0;
  left: 0;
  background-color: #000;
  background-color: #000;
  overflow-y: hidden;
  transition: 0.5s;
  overflow-y: scroll;
}

.overlay-content {
    margin-top:85px !important;
  width: 100%;
  text-align: center;
  margin-top:0px;
}

.overlay a {
  /* padding: 8px; */
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 22px;
  right: 15px;
  font-size: 39px;
  background: #033343;
  color: white;
  border-radius: 100%;
  height: 50px;
  width: 50px;
  /* line-height: 31px; */
}

.overlay .closebtn:hover{
    background-color:#033343;
    text-decoration:none;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}


.drop-department{
    float: left;
    width: 100%;
}

.drop-department img{
    float: left;
    width: 100%;
    height: 320px;
    object-fit: cover;
}

.drop1{
    float: left;
    width: 100%;
    padding: 20px 20px 00px 20px;
    background-color: #033343;
    margin-bottom: 30px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.drop1:hover{
    background-color: #133b68;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


.drop1 h5{
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
}

.drop1 p{
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 10px;
}

.drop1 a{
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 20px;
}

.drop1 a:hover{
    color: #eaed02;
    text-decoration: none;
}

/**********header************/


/**********banner*********/

.banner{
    float: left;
    width: 100%;
}

.banner-bg{
    float: left;
    width: 92%;
    padding: 40px 30px 40px 80px;
    background-image: url(../images/slider-bg.png);
    background-size: cover;
    height: 550px;
}

.banner-content{
    float: left;
    width: 50%;
    
}


.banner-content h3{
    float: left;
    width: 100%;
    color: #000000;
    font-weight: 500;
    font-size: 45px;
    margin-top: 60px;
    margin-bottom: 12px;
    line-height: 58px;
}

.banner-content p{
    float: left;
    width: 100%;
    color: #000000;
    font-weight: normal;
    font-size: 14px;
    line-height: 29px;
    margin-bottom: 18px;
    padding-right: 90px;
}

.banner-content a{
    float: left;
    text-align: center;
    /* width: 150px; */
    color: #000000;
    padding: 18px 30px;
    background-color: transparent;
    border: 1px solid #000000;
    font-size: 14px;
    font-weight: 500;
}

.banner-content a:hover{
    color: #ffffff;
    text-decoration: none;
    background-color: #033343;
    border: 1px solid #033343;
}

.banner-image{
    float: left;
    width: 50%;
}
.banner-image img{
    float: right;
    height: 470px;
    width: auto!important;
}

.banner-icons{
    float: left;
    width: 8%;
    padding-top: 140px;
    text-align: center;
}

.banner-icons img{
   
padding: 0px;
   
width: 30px;
   
margin-bottom: 45px;
}

.abt-btn-align{
    float:left;
    width: 100%;
}

.banner-icons h5 {
    float: left;
    width: 132%;
    font-weight: normal;
    margin-left: -20px;
    margin-top: 40px;
    color: rgb(0 0 0 / 42%);
    transform: rotate(-90deg);
    font-size: 17px;
    margin-top: 52px;
    letter-spacing: 3px;
    left: 0px;
    position: relative;
}









/**********banner*********/

/**********about*********/

.about{
    float: left;
    width: 100%;
    z-index: 0;
    background-color: #004961;
    padding: 80px 0px;
    position: relative;
}

.pattern1{
    float: right;
    position: absolute;
    right: 0px;
    z-index: -1;
    bottom: 0px;
}

.about-image{
    float: left;
    width: 100%;
}

.about-image img{
    float: left;
    width: 100%;
}

.about-content{
    padding-left: 30px;
}

.about-content h4{
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 45px;
    color: #ffffff;
    font-weight: 500;
    line-height: 63px;
}

.about-content p{
    float: left;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    line-height: 31px;
    margin-bottom: 30px;
}

.ab-button1{
    float: left;
}

.ab-button1 a{
    width: auto;
    text-align: center;
    float: left;
    padding: 16px 40px;
    background-color: #033343;
    border: 1px solid #033343;
    color: #ffffff;
    font-weight: normal;
    font-size: 13px;
}

.ab-button2{
    float: left;
    margin-left: 20px;
}

.ab-button2 a{
    width: auto;
    text-align: center;
    float: left;
    padding: 16px 60px;
    background-color: transparent;
    border: 1px solid #64c7e7;
    color: #64c7e7;
    font-weight: normal;
    font-size: 13px;
}
.ab-button1 a:hover{
    color: #64c7e7;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #64c7e7;
}

.ab-button2 a:hover{
    color: #ffffff;
    text-decoration: none;
    background-color: #033343;
    border: 1px solid #033343;
}

/**********about*********/


/**********why-choose-us*********/

.why-us{
    float: left;
    width: 100%;
    padding: 80px 0px;
    background-color: #feebcf;
    position: relative;
    padding-bottom: 95px;
}

.pattern-why{
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}

.why-us-1{
    float: left;
    width: 100%;
}

.why-us-1 h1{
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    color: #416773;
    margin-bottom: 15px;
    margin-top: 100px;
}

.why-us-1 h2{
    float: left;
    width: 100%;
    font-size: 45px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 20px;
    line-height: 57px;
}



.why-us-1 p{
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    line-height: 29px;
}

.why{
    float: left;
    width: 100%;

    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.why-us-2{
    float: left;
    width: 87%;
    padding-right: 15px;
        padding: 28px 0px 27px 0px;
}

.why-button{
    float: left;
    width: 10%;
    height: 120px;
}

.why-button a{
    float: left;
    background-image: url("../images/arr1.png");
    width:70px;
    height: 149px;
    background-repeat: no-repeat;
}

.why-button a:hover{
    float: left;
    background-image: url("../images/hover-clr.png");
    height: 50px;  
        width:70px;
    height: 149px;
    background-repeat: no-repeat;
    transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    -ms-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -webkit-transition: all ease-in-out 0.1s;
}

.why-us-2 img{
    float: left;
    height: 70px;
    margin-top: 10px;
}

.why-us-2 h3{
    float: none;
    width: 100%;
    padding-left: 90px;
    color: #000000;
    font-size: 25px;
    font-weight: 500;
}

.why-us-2 p{
    float: none;
    width: 100%;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    padding-left: 90px;
    line-height: 28px;
    margin-bottom: 0px;
}

.why-us-3{
    float: left;
    width: 87%;
    padding-right: 15px;
        padding: 30px 0px;
}

.why-us-3 img{
    float: left;
    height: 70px;
    margin-top: 10px;
}

.why-us-3 h3{
    float: none;
    width: 100%;
    padding-left: 90px;
    color: #000000;
    font-size: 25px;
    font-weight: 500;
}

.why-us-3 p{
    float: none;
    width: 100%;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    padding-left: 90px;
    line-height: 25px;
    margin-bottom: 0px;
}

.ar-img{
    width: 30px;
}


/**********why-choose-us*********/



.call-action {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 0px !important;
    background-image: url(../images/scrool-bg.png);
    background-size: cover;
    text-align: center;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed !important;
}


.call-bg {
    background-color: rgba(0, 0, 0, 0.0);
    height: auto;
    padding-top: 65px;
    padding-bottom: 70px;
}


.call-bg h1{
    font-size: 45px;
    margin-bottom: 30px;
    line-height: 56px;
    color: #e7e7db;
    font-weight: 500;
    padding: 0px 350px;
}

.call-bg p{
    font-size: 14px;
    line-height: 27px;
    color: #ffffff;
    font-weight: normal;
    padding: 0px 420px;
}


/*******promotions********/


.promotions{
    float: left;
    width: 100%;
    background: linear-gradient(90deg, rgba(208,86,8,1) 0%, rgba(244,115,33,1) 100%);
    /*background-color: #d05608;*/
    padding: 80px 0px;
}

.promotion-sub h1{
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 57px;
    font-size: 45px;
    color: #ffffff;
    font-weight: 500;
}

.promotion-sub p{
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
}
.view-promo{
    float: left;
    width: 100%;
    margin-top: 20px;
}




.view-promo a {
    float: left;
    text-align: center;
    padding: 18px 40px;
    background-color: #a7490e;
    border: 1px solid #a7490e;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0px;
}


.view-promo a:hover{
    color: #ffffff;
    background-color: transparent;
    text-decoration: none;
    border: 1px solid #ffffff;
}


/*******promotions********/

/*******branches********/

.branches{
    float: left;
    width: 100%;
    padding: 80px 0px;
    background-color: #78be40;
    position: relative;
}

.pattern2{
    float: left;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.branch-head{
    float: left;
    width: 100%;
}

.branch-head h3{
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 45px;
    color: #000000;
    line-height: 69px;
    margin-bottom: 70px;
}
.branch-para{
    float: left;
    width: 100%;
    padding-left: 100px;
}
.branch-para p{
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
    margin-top: 25px;
    line-height: 28px;
}

.branch-image{
    float: left;
    width: 100%;
}

.branch-image img{
    float: left;
    width: 100%;
}


.margin-adjust{
    margin-top: 50px;
}

.padding-adjust{
    margin-top: 50px;
    padding-left: 10px;
}

.padding-adjust1{
    padding-right: 10px;
}

.img-details{
    float: left;
    width: 100%;
    padding: 25px 25px 30px 25px;
    background-color: #386813;
}

.img-details h5{
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 16px;
    color: #fffc00;
    margin-bottom: 10px;
}

.img-details p{
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 12px;
}

.img-details a{
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
    position: relative;
}

.img-details a:hover{
    color: #eaed02;
    text-decoration: none;
}
.img-details a:after{
    float: left;
    position: absolute;
    content: "";
    top: 20px;
    left: 0px;
    background-color: #ffffff;
    height: 1px;
    width: 100px;
}

.view-outlet{
    float: left;
    width: 100%;
    margin-top: 50px;
}

.view-outlet a{
    float: none;
    text-align: center;
    width: 200px;
    padding: 18px 20px;
    background-color: #386813;
    border: 1px solid #386813;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.view-outlet a:hover{
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #ffffff;
}

.img-details{
    position: relative;
}
.trade-mark{
    float: right!important;
    position: absolute;
    width: 112px!important;
    right: 0px;
    bottom: 0px;

}

/*******branches********/

/*******department********/

.department{
    float: left;
    width: 100%;
    padding: 80px 0px;
    background-color: #ffffcf;
    position: relative;
}

.pattern-d{
 float: left;
 position: absolute;
 left: 0px;
 bottom: 0px;
}
.dept-head{
    float: left;
    width: 100%;
}

.dept-head h1{
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #416773;
    margin-bottom: 20px;
    
}

.dept-head h2{
    float: left;
    width: 100%;
    font-size: 45px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 20px;
    line-height: 60px;
}

.dept-head p{
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    line-height: 29px;
}

.view-dept{
    float: left;
    width: 100%;
    margin-top: 20px;
}

.view-dept a{
    float: left;
    text-align: center;
    
    padding: 18px 20px;
    background-color: #ffffcf;
    border: 1px solid #000000;
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 60px;
}

.view-dept a:hover{
    color: #ffffff;
    background-color: #f47321;
    text-decoration: none;
    border: 1px solid #f47321;
}

    
.dept-image{
    float: left;
    width: 100%;
}

.dept-image img{
    float: left;
    margin-bottom: 25px;
}

.dept-image h4{
    float: left;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 0px;
}

.m-adjust1{
    margin-left: -20px;
}

.m-adjust2{
    margin-left: 15px;
}
.margin-up0{
    margin-top: 9px;
}
.margin-up{
    margin-top: 70px;
}

/*.margin-up2{
    margin-top: 78px;
}*/

.margin-up3 {
    margin-top: 134px;
}

.margin-up4{
    margin-top: 55px;
}

/*******department********/

/*******loyalty********/


.loyalty{
    float: left;
    width: 100%;
    padding: 70px 0px;
    background-color: #ffffcf;
    background-size: cover;
    background-image: url("../images/loyality-bg.png");
}
.loyalty-head{
    float: left;
    width: 100%;
}

.loyalty-head h1{
    float: left;
    width: 100%;
    font-size: 29px;
    font-weight: normal;
    color: #000000;
    margin-bottom: 20px;
}

.loyalty-head h2{
    float: left;
    width: 100%;
    font-size: 50px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 20px;
}

.loyalty-head p{
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    margin-bottom: 25px;
    line-height: 31px;
}


.view-loyalty{
    float: left;
    width: 100%;
}
.view-loyalty a{
    float: left;
    text-align: center;
    padding: 16px 40px;
    background-color: transparent;
    border: 1px solid #000000;
    color: #000000;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 0px;
}

.view-loyalty a:hover{
    color: #ffffff;
    background-color: #000000;
    text-decoration: none;
    border: 1px solid #000000;
}

/*******loyalty********/

/*******footer********/

.footer{
    float: left;
    width: 100%;
    /* padding:  0px 1% 0px 1%; */
    background-color: #1c1c1e;
}

.footer-1{
    float: left;
    width: 27%;
    padding: 48px 71px 60px 20px;
    border-right: 1px solid rgb(255 255 255 / 7%);
}

.footer-1 img{
    float: left;
    height: 86px;
    margin-bottom: 10px;
}

.footer-1 h2{
    width: 100%;
    float: left;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 13px;
}

.footer-1 h3{
    width: 100%;
    float: left;
    font-weight: normal;
    font-size: 13px;
    line-height: 25px;
    color: #d5d5d5;
    margin-bottom: 15px;
}

.footer-1 p {
    width: 100%;
    float: left;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 0px;
    line-height: 25px;
    color: #8c8c8d;
}

.footer-2{
    float: left;
    width: 73%;
}

.footer-2-sub{
    float: left;
    width: 33%;
    padding: 45px 40px 35px 45px;
}

.footer-2-sub h2{
    width: 100%;
    float: left;
    font-weight: 500;
    font-size: 20px;
    color: rgb(118 118 112 / 78%);
    margin-bottom: 38px;
}

.footer-2-sub a{
    width: 100%;
    float: left;
    font-weight: normal;
    font-size: 13px;
    color: #afafaf;
    margin-bottom: 12px;
}

.add-bg{
   /* height: 409px; */
   background: rgb(28,28,30);
   background: linear-gradient(358deg, rgba(28,28,30,1) 0%, rgba(22,22,24,1) 100%);
}

.final-footer{
    position: relative;
    min-height: 85px;
    /* border-left: 1px solid #272729; */
    float: left;
    width: 100%;
    background-color: transparent;
    margin-top: 5px;
    border-top: 1px solid rgb(255 255 255 / 7%);
}

.final-footer img {
    float: left;
    height: 65px;
    padding-left: 40px;
    margin-top: 3px;
    padding-top: 15px;
}


.final-footer p {
    float: right;
    padding-top: 32px;
    font-weight: normal;
    font-size: 14px;
    color: #4f4f4f;
    padding-right: 20px;
}
.footer-2-sub a:hover{
    color: #f47321;
    text-decoration: none;
}

/*******footer********/







/*******outlets********/

.outlets{
    float: left;
    width: 100%;
    padding: 80px 0px 30px 0px;
    background-color: #ffffff;
}



.outlet-image{
    float: left;
    width: 100%;
}

.outlet-image img{
    float: left;
    width: 100%;
}


.outlet-details{
    float: left;
    width: 100%;
    padding: 25px 25px 30px 25px;
    background-color: #386813;
    margin-bottom: 50px;
}

.outlet-details h5{
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 16px;
    color: #fffc00;
    margin-bottom: 10px;
}

.outlet-details p{
    float: left;
    z-index: 999999;
    width: 100%;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 12px;
    po: revert;
    position: relative;
}

.outlet-details a{
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
    position: relative;
}

.outlet-details a:hover{
    color: #eaed02;
    text-decoration: none;
}
.outlet-details a:after{
    float: left;
    position: absolute;
    content: "";
    top: 20px;
    left: 0px;
    background-color: #ffffff;
    height: 1px;
    width: 100px;
}



.outlet-details{
    position: relative;
}
.trade-mark-out{
    float: right!important;
    position: absolute;
    width: 112px!important;
    right: 0px;
    bottom: 0px;

}

/*******outlets********/


/*MEDIA*/
.why-button1 a{
    float: left;
    width: 100%;
    text-align: center;
    color: #000000;
}

.why-button1 a:hover{
    float: left;
    width: 100%;
    text-align: center;
    color: #000000;
}

@media (max-width: 575px){
    .loyalty-content{
        min-height: 265px !important;
        padding: 30px 15px !important;
    }
    .loyalty-content p{
        margin-top: 10px !important;
    }
    .loyalty-content h6{
    text-align: center !important;
    }
    .loy-adjust h6:after{
        display:none;
    }
    .loy-adjust1 h6:after{
        display:none;
    }
    .loy h6:after{
        display:none;
    }
    
    .loyalty-content p {
    text-align: center !important;
}
    .loyalty-head1 h5 {
    font-size: 30px !important;
    line-height: 50px !important;
}
    .loyalty-head1 p {
    padding: 0px 0px !important;
}
    .trade-mark-out {
        width: 75px!important;
    }
     .contact-details h1 {
    text-align: center !important;
    margin-top: 30px !important;
}
    .contact-details {
    
    padding-left: 0px!important;
}
.cnt-detail1 img {
    float: none!important;
    
    margin-right: auto!important;
    margin-left: auto!important;
    display: block!important;
}
.cnt-detail1 p {
    text-align: center!important;
    }
.cnt-detail1 h6 {
    float: left!important;
    width: 100%!important;
    margin-top: 10px;
    text-align: center!important;
    }
.contact-form h1 {
    width: 100%!important;
    font-size: 30px!important;
    text-align: center !important;
    
}
.contact-form p{
    text-align: center!important;
}
.contact-pg-para h6{
    margin-bottom: 30px;
    text-align: center!important;
}
    .career-form h1 {
        font-size: 30px !important;
        line-height: 45px !important;
    }

   .career-form h1 br{
        display: none !important;
    }


    .about-page {
    padding: 60px 0px !important;
    }
    .abt-head h5 br{
        display: none !important;
    } 
    .abt-head p {
    padding: 0px 0px !important;
    }
    .abt-head h5 {
    font-size: 30px !important;
    line-height: 45px;
    }
    .about-info img{
        width: 100% !important;
        padding-left: 0px !important;
        padding-bottom: 20px !important;
    }
    .about-info p{
        text-align: center !important;
    }
    .mission-content p {
        text-align: center !important;
        margin-bottom: 50px;
}
.mission {
    float: left;
    width: 100%;
    padding: 80px 0px 40px 0px !important;
}

    .mission-content img {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}
.mission-content h6 {
    text-align: center;
    }
    
    .banner-bg-promo {
        width: 100% !important;
        padding: 50px 20px 40px 20px !important;
        height: auto !important;
    }
    .banner-bg-promo p br{
        display:none;
    }
    .pro-detail img{
        width: 100% !important;
        margin-right: 0px !important;
    }
    .pro-detail h3{
        text-align: center;
    }

.pro-detail h6{
    float: none;
    text-align: center;
}

.pro-detail p{
    text-align: center;
}
.pro-detail a{
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
 .pro-head h1 {
        text-align: center;
    }

    .banner-content p br{
        display: none;
    }
    .why-us-1 p br{
        display:none;
    }
    
    .why-us-2 p br{
        display:none;
    }
    .why-us-3 p br{
        display:none;
    }
    .dept-head p br{
        display:none;
    }
    .footer-2-sub h2{
        
    }
    .dis-none{
        display: none;
    }

    .view-loyalty a {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 210px;
    margin-bottom: 0px;
}
    .view-promo a {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 210px;
    margin-bottom: 30px;
}
.ban-loop .owl-nav {
    float: none;
    text-align: center;
    margin-top: 35px;
}
.banner-icons {
    display: none;
}


.banner-bg {
    float: left;
    width: 100%;
    height: auto;
    padding: 20px 20px 50px 20px;
}

.banner-content {
    float: left;
    width: 100%;
    text-align: center;
}
.banner-image {
    float: left;
    width: 100%;
}
.banner-content h3 {
    margin-top: 25px;
    margin-bottom: 5px;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
}
.banner-content p {
    text-align: center;
    margin-bottom: 31px;
}

.banner-content a {
    float: none;
    margin-right: auto;
    margin-top: 0px;
    margin-left: auto;
}

.banner-image img {
    float: right;
    height: auto;
    margin-top: 40px;
    width: 100%!important;
}

.about-content {
    padding-left: 0px;
}

.about-content h4 {
    text-align: center;
    line-height: 50px;
    font-size: 30px;
}
.about-content p {
    text-align: center;
}
.ab-button1 a {
    width: 100%;
} 

.ab-button2 a {
    width: 100%;
    margin-top: 10px;
}

.why-us-1 h1 {
    text-align: center;
    margin-top: 0px;
}

.why-us-1 h2 {
    font-size: 30px;
    margin-bottom: 5px;
    text-align: center;
    line-height: 50px;
}

.why-us-1 p {
    margin-bottom: 30px;
    text-align: center;
    padding-left: 0px;
}
.why-us-2 h3 {
    text-align: center;
    padding-left: 0px;
}

.why-us-2 p {
    text-align: center;
    padding-left: 0px;
}
.why-us-3 h3 {
    text-align: center;
    padding-left: 0px;
}
.why-us-3 p {
    text-align: center;
    padding-left: 0px;
}

.why-us-2 img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
    margin-top: 0px;
}

.why-us-3 img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
    margin-top: 10px;
}

.why-us-2 {
    float: left;
    width: 100%;
}
.why-us-3 {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.ab-button1 {
    float: left;
    width: 100%;
}
.ab-button2 {
    float: left;
    width: 100%;
    margin-left: 0px;
}
.call-bg h1 {
    font-size: 35px;
    padding: 0px 20px;
    line-height: 50px;
}
.call-bg p {
    padding: 0px 20px;
}

.call-action {
    height: auto;
} 
.call-bg{
    height: auto;
}

.promotion-sub h1 {
    text-align: center;
    margin-top: 0px;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 40px;
}
.promotion-sub p {
    text-align: center;
}
.branch-head h3 {
    text-align: center;
    font-size: 30px;
    line-height: 50px;
    margin-bottom: 0px;
}
.branch-para {
    padding-left: 0px;
}
.branch-para p {
    margin-bottom: 25px;
    margin-top: 10px;
    text-align: center;
}    
.padding-adjust1 {
    padding-right: 0px;
}

.padding-adjust {
    padding-left: 0px;
}
.pattern2 {
    display: none;
}
.view-outlet {
    margin-top: 0px;
}
.branch-image {
    margin-bottom: 30px;
} 
.margin-adjust {
    margin-top: 0px;
} 
.dept-head h1 {
    text-align: center;
    margin-bottom: 7px;
}  
.dept-head h2 {
    line-height: 50px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 30px;
}
.dept-head p {
    text-align: center;
}    
.dept-head {
    text-align: center;
}

.view-dept a {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 235px;
}
.dept-image img {
    margin-bottom: 0px;
    width: 100%;
}
.margin-up3 {
     margin-top: 0px; 
}
.m-adjust1 {
     margin-left: 0px; 
}

.m-adjust2 {
    margin-left: 0px;
}
.margin-up4 {
    margin-top: 0px;
}

.dept-image {
    margin-bottom: 30px;
}
.loyalty-head h1 {
    margin-bottom: 10px;
    text-align: center;
}

.loyalty-head h2 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 30px;
}
.loyalty-head p {
    text-align: center;
}

.footer-1 {
    width: 100%;
    text-align: center;
    padding: 50px 20px 30px 20px;
}
.footer-2 {
    width: 100%;
}
.footer-2-sub {
    width: 100%;
    text-align: center;
    padding: 20px 30px;
    background-color: #1c1c1e;
}
.add-bg {
    height: auto;
    background: #1c1c1e;
}
.final-footer {
    padding: 20px;
    margin-top: 0px;
    text-align: center;
}
.final-footer img {
    float: none;
}
.img-details {
    text-align: center;
}
.img-details a:after{
    display: none;
}
.trade-mark {
    width: 50px!important;
}
.footer-1 img {
    float: none;
}
.final-footer p {
    padding-right: 0px;
    text-align: center;
    width: 100%;
}
.final-footer img {
    padding-left: 0px;
}
.career-form p {
        padding: 0px 0px !important;
    }
    .career-pg {
        padding: 60px 0px !important;
    }
    .loy-adjust {
    margin-top: 0px !important;
}
    .loy-adjust1 {
    margin-top: 0px !important;
}
.loyalty-content {
    margin-bottom: 20px !important;
}
.loyalty-head p {
    padding: 0px 20px !important;
    }
    
    .loyalty-info p {
    float: left !important;
    text-align: center !important;
}
.loyalty-info img {
    float: left;
    width: 100% !important;
    padding-left: 0px !important;
}
}


@media (min-width: 575px) and (max-width: 767px){
    .loyalty-head1 p {
   
    margin-top: 20px !important;
    padding: 0px 0px !important;
}
.loyalty-content {
    margin-bottom:30px !important;
}
.loy-adjust {
    margin-top: 0px !important;
}

    .loy-adjust1 {
    margin-top: 0px !important;
}
.loyalty-content {
    margin-bottom: 20px !important;
}
   
    .career-form h1 {
        font-size: 30px !important;
        line-height: 40px !important;
    }
    .career-form p {
        padding: 0px 0px !important;
    }
    .career-form h1 br{
        display: none !important;
    }
    .abt-head h5 br{
        display: none !important;
    }
    .abt-head p {
        padding: 0px 0px !important;
    }
    .about-info img {
        width: 270px !important;
    }
    .banner-bg-promo {
        width: 100% !important;
        padding: 100px 30px 40px 30px !important;
    }
    .ban-loop .owl-nav {
        margin-top: -45px;
    }
    .about {
        padding: 45px 0px!important;
    }
    
    .footer-1 p {
    padding: 0px 100px;
}
.about-image img {
    margin-top: 40px;
}
 .about .container {
    max-width: 670px!important;
}
    .ban-loop .owl-nav {
    float: none;
    text-align: center;
    margin-top: 30px;
}

    .service-loop .owl-nav {
    float: none;
    text-align: center;
    margin-top: 35px;
     left: 0px; 
}

.banner-icons {
    display: none;
}

.final-footer img {
    padding-left: 0px;
}

.final-footer p {
    padding-right: 13px;
}

.banner-bg {
    float: left;
    width: 100%;
    height: auto;
    padding: 20px 30px 50px 30px;
}



.about-content {
    padding-left: 0px;
}

.about-content h4 {
    font-size: 30px;
    line-height: 45px;
}

.ab-button1 a {
    width: auto;
} 

.ab-button2 a {
    width: auto;
}

.why-us-1 h1 {
    text-align: center;
    margin-top: 0px;
}

.why-us-1 h2 {
    font-size: 30px;
    line-height: 45px;
    text-align: center;
}

.why-us-1 p {
    text-align: center;
    padding-left: 0px;
}
.why-us-2 h3 {
    text-align: center;
    padding-left: 0px;
}

.why-us-2 p {
    text-align: center;
    padding-left: 0px;
}
.why-us-3 h3 {
    text-align: center;
    padding-left: 0px;
}
.why-us-3 p {
    text-align: center;
    padding-left: 0px;
}

.why-us-2 img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
    margin-top: 10px;
}

.why-us-3 img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
    margin-top: 10px;
}

.why-us-2 {
    float: left;
    width: 100%;
}
.why-us-3 {
    float: left;
    width: 100%;
}

.call-bg h1 {
    font-size: 35px;
    padding: 0px 20px;
    line-height: 50px;
}
.call-bg p {
    padding: 0px 100px;
}

.call-action {
    height: auto;
} 
.call-bg{
    height: auto;
}

.promotion-sub h1 {
    text-align: center;
    margin-top: 0px;
    font-size: 30px;
    line-height: 45px;
}
.promotion-sub p {
    text-align: center;
}
.branch-head h3 {
    text-align: left;
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 30px;
}
.branch-para {
    padding-left: 0px;
}
.branch-para p {
    text-align: left;
}    
.padding-adjust1 {
    padding-right: 0px;
}

.padding-adjust {
    padding-left: 0px;
}
.pattern2 {
    display: none;
}
.view-outlet {
    margin-top: 0px;
}
.branch-image {
    margin-bottom: 30px;
} 
.margin-adjust {
    margin-top: 0px;
} 
.dept-head h1 {
    text-align: center;
}  
.dept-head h2 {
    text-align: center;
    font-size: 30px;
    line-height: 45px;
}
.dept-head p {
    text-align: center;
}    
.dept-head {
    text-align: center;
}

.view-dept a {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 235px;
}
.dept-image img {
    margin-bottom: 0px;
    width: 100%;
}
.margin-up3 {
     margin-top: 0px; 
}
.m-adjust1 {
     margin-left: 0px; 
}

.m-adjust2 {
    margin-left: 0px;
}
.margin-up4 {
    margin-top: 0px;
}

.dept-image {
    margin-bottom: 30px;
}
.loyalty-head h1 {
    text-align: center;
    margin-bottom: 10px;
}

.loyalty-head h2 {
    text-align: center;
    font-size: 30px;
}
.loyalty-head p {
    text-align: center;
    margin-bottom: 35px;
}
.view-loyalty a {
    float: none;
    }

    .view-loyalty {
    text-align: center;
}

.view-promo {
    float: left;
    text-align: center;
}
.footer-1 {
    width: 100%;
    padding: 50px 20px 30px 20px;
    text-align: center;
}

.view-promo a {
    float: none;
    width: 200px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}

.footer-2 {
    width: 100%;
}
.footer-2-sub {
    width: 100%;
    text-align: center;
    padding: 20px 30px;
}
.add-bg {
    height: auto;
}
.final-footer {
    padding: 20px;
    margin-top: 0px;
    text-align: center;
}
.final-footer img {
    float: none;
}
.img-details {
    text-align: center;
}
.img-details a:after{
    display: none;
}
.trade-mark {
    width: 50px!important;
}

.img-details p {
    font-size: 14px;
}
.img-details h5 {
    font-size: 14px;
}
.img-details {
    padding: 25px 10px 30px 10px;
}
.footer-1 img {
    float: none;
}
.final-footer img {
    padding-left: 0px;
}
.contact-form p{
    text-align: center !important;
}
.contact-form h1 {
    text-align: center !important;
}
.contact-details {
    padding-left: 0px !important;
}
.contact-pg-para h6 {
    margin-bottom: 30px !important;
}
.contact-details h1 {
    margin-top: 40px !important;
}
.menu-rotate {
    display: none;
}
.loyalty-head p {
    padding: 0px 50px !important;
    }
    .loy-adjust h6:after{
    display:none;
}
}

@media (min-width: 767px) and (max-width: 991px){
     .loyalty-head1 p {
   
    margin-top: 20px !important;
    padding: 0px 0px !important;
}
.loyalty-content {
    margin-bottom:30px !important;
}
.loy-adjust {
    margin-top: 0px !important;
}
.loy-adjust1 {
    margin-top: 0px !important;
}
.loy-adjust h6:after{
    display:none;
}
.loy-adjust1 h6:after{
    display:none;
}
.loy h6:after{
    display:none;
}
    
    .loyalty-head p {
    padding: 0px 50px !important;
    }
    .menu-rotate {
        display: none;
    }
    .banner-bg-promo {
    padding: 100px 30px 40px 30px !important;
    }
    .cnt-detail1 h6 {
    font-size: 16px !important;
    }
    .contact-pg-para h6 br{
        display:none !important;
    }
    .career-form h1 br{
        display: none !important;
    }
    .abt-head h5 br{
        display: none !important;
    }

    .abt-head p {
        padding: 0px 50px !important;
    }
    .about-info img {
        width: 350px !important;
    }
    .branch-para p {
    
        margin-top: 15px;
    }
    .ban-loop .owl-nav {
        margin-top: -45px!important;
    }

    .banner-image img {
        float: right;
        height: auto;
        width: 100%!important;
        margin-top: 50px;
    }

    .banner-content h3 {
        float: left;
        margin-top: 0px;
    }
    .banner-bg {
        float: left;
        width: 92%;
        padding: 50px 30px 50px 30px;
    }

    .about-content h4 {
        margin-top: 0px;
        font-size: 35px;
    }
    .ab-button2 a {
        width: auto;
    }

.ab-button1 a {
    width: auto;
}

.call-bg h1 {
    padding: 0px 50px;
}
.call-bg p {
    padding: 0px 50px;
}

.call-bg {
    height: auto;
}
.call-action {
    height: auto;

}

.branch-para {
    padding-left: 0px;
}

.branch-head h3 {
    font-size: 35px;
}

.dept-image img {
    width: 100%;
    margin-bottom: 30px;
}

.final-footer img{
    padding-left: 10px;
}

.final-footer p{
    padding-right: 10px;
}

}

@media (min-width: 991px) and (max-width: 1024px){
    .footer-2-sub{
        padding: 45px 25px 35px 25px;
    }
    
    .loyalty-content {
        min-height: 320px !important;
        padding: 30px 15px !important;
    }
    .loyalty-content h6 {
        font-size: 22px !important;
    }
    .menu-rotate {
        display: none;
    }
    .career-form h1 br{
        display: none !important;
    }
.dept-image img {
    width: 100%;
}
.service-loop .owl-nav {
    margin-top: 109px;
}
.branch-para {
    padding-left: 0px;
}
.call-bg h1 {
    padding: 0px 50px;
}
.call-bg p {
    padding: 0px 50px;
}

.call-bg {
    height: auto;
}
.call-action {
    height: auto;

}
.why-us-1 h1 {
    margin-top: 80px;
}

.banner-image img {
    height: auto;
    width: 100%!important;
}

.banner-content h3 {
     margin-top: 0px; 
}
.footer-1 {
    padding: 48px 20px 60px 20px;
}
}

@media (min-width: 1024px) and (max-width: 1200px){
.dept-image img {
    width: 100%;
}
.service-loop .owl-nav {
    margin-top: 109px;
}
.footer-2-sub{
        padding: 45px 25px 35px 25px;
    }
    .footer-1 {
    padding: 48px 20px 60px 20px;
}
}



@media only screen and (max-width:766px) {
.why-button{display:none;}
.why-us-2{padding-bottom:10px;}
}


.mb-view-btn{
       font-weight: 500;
    color: #16576b !important;
    font-size: 13px !important;
    padding-bottom: 23px;
}


@media (min-width:767px) and (max-width:1999px) {
.mb-view-btn{display:none !important;}
}

@media (min-width: 1323px) and (max-width: 1401px){
.banner-icons h5{font-size:13px;}
}

@media (min-width: 230px) and (max-width: 1322px){
.banner-icons h5{font-size: 14px; width: 190px; left: -40px;}
}

@media (min-width: 230px) and (max-width: 991px){
.service-loop .owl-nav{margin-top:40px; width:100%; left: 0px; text-align: center;}
}

@media (min-width: 230px) and (max-width: 766px){
.final-footer p{float:left; width:100%; text-align:center; font-size: 14px;}
    
}

@media (min-width: 230px) and (max-width: 500px){
.banner-content h3{font-size:24px; line-height: 30px; margin-top: 15px;}
.banner-content p{padding-left:0px !important; padding-right:0px !important; font-size: 13px; line-height: 24px;}
.banner-content a{font-size:13px !important; padding:13px 30px;}
.hide-bnr{display:none !important;}
.banner-image img{margin-top:10px !important;padding: 0px 30px;  float:none;}
.banner-content{padding-bottom:20px;}
.ban-loop .owl-nav{margin-top:15px;}
.banner-bg{padding-bottom: 20px;}
.footer-2-sub h2{margin-bottom: 15px;}
.footer-2-sub{padding-bottom: 0px;}
}

@media (min-width:501px) and (max-width:1999px) {
.hide-bnr2{display:none !important;}
}
 






/*MEDIA*/
.why-button1 a{
    float: left;
    width: 100%;
    text-align: center;
    color: #000000;
}

.why-button1 a:hover{
    float: left;
    width: 100%;
    text-align: center;
    color: #000000;
}

@media (max-width: 575px){
    .banner-bg-promo h5 {
    
    font-size: 30px!important;
   
}

.mb-view-btn {
    padding-bottom: 25px!important;
}

    .banner-content p br{
        display: none;
    }
    .why-us-1 p br{
        display:none;
    }
    
    .why-us-2 p br{
        display:none;
    }
    .why-us-3 p br{
        display:none;
    }
    .dept-head p br{
        display:none;
    }
    .footer-2-sub h2{
        
    }
    .dis-none{
        display: none;
    }

    .view-loyalty a {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 210px;
    margin-bottom: 0px;
}
    .view-promo a {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 210px;
    margin-bottom: 30px;
}
.ban-loop .owl-nav {
    float: none;
    text-align: center;
    margin-top: 35px;
}
.banner-icons {
    display: none;
}


.banner-bg {
    float: left;
    width: 100%;
    height: auto;
    padding: 20px 20px 50px 20px;
}

.banner-content {
    float: left;
    width: 100%;
    text-align: center;
}
.banner-image {
    float: left;
    width: 100%;
}
.banner-content h3 {
    margin-top: 25px;
    margin-bottom: 5px;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
}
.banner-content p {
    text-align: center;
    margin-bottom: 31px;
}

.banner-content a {
    float: none;
    margin-right: auto;
    margin-top: 0px;
    margin-left: auto;
}

.banner-image img {
    float: right;
    height: auto;
    margin-top: 40px;
    width: 100%!important;
}

.about-content {
    padding-left: 0px;
}

.about-content h4 {
    text-align: center;
    line-height: 50px;
    font-size: 30px;
}
.about-content p {
    text-align: center;
}
.ab-button1 a {
    width: 100%;
} 

.ab-button2 a {
    width: 100%;
    margin-top: 10px;
}

.why-us-1 h1 {
    text-align: center;
    margin-top: 0px;
}

.why-us-1 h2 {
    font-size: 30px;
    margin-bottom: 5px;
    text-align: center;
    line-height: 50px;
}

.why-us-1 p {
    margin-bottom: 30px;
    text-align: center;
    padding-left: 0px;
}
.why-us-2 h3 {
    text-align: center;
    padding-left: 0px;
}

.why-us-2 p {
    text-align: center;
    padding-left: 0px;
}
.why-us-3 h3 {
    text-align: center;
    padding-left: 0px;
}
.why-us-3 p {
    text-align: center;
    padding-left: 0px;
}

.why-us-2 img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
    margin-top: 0px;
}

.why-us-3 img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
    margin-top: 0px;
}

.why-us-2 {
    float: left;
    width: 100%;
}
.why-us-3 {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.ab-button1 {
    float: left;
    width: 100%;
}
.ab-button2 {
    float: left;
    width: 100%;
    margin-left: 0px;
}
.call-bg h1 {
    font-size: 35px;
    padding: 0px 20px;
    line-height: 50px;
}
.call-bg p {
    padding: 0px 20px;
}

.call-action {
    height: auto;
} 
.call-bg{
    height: auto;
}

.promotion-sub h1 {
    text-align: center;
    margin-top: 0px;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 40px;
}
.promotion-sub p {
    text-align: center;
}
.branch-head h3 {
    text-align: center;
    font-size: 30px;
    line-height: 50px;
    margin-bottom: 0px;
}
.branch-para {
    padding-left: 0px;
}
.branch-para p {
    margin-bottom: 25px;
    margin-top: 10px;
    text-align: center;
}    
.padding-adjust1 {
    padding-right: 0px;
}

.padding-adjust {
    padding-left: 0px;
}
.pattern2 {
    display: none;
}
.view-outlet {
    margin-top: 0px;
}
.branch-image {
    margin-bottom: 30px;
} 
.margin-adjust {
    margin-top: 0px;
} 
.dept-head h1 {
    text-align: center;
    margin-bottom: 7px;
}  
.dept-head h2 {
    line-height: 50px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 30px;
}
.dept-head p {
    text-align: center;
}    
.dept-head {
    text-align: center;
}

.view-dept a {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 235px;
}
.dept-image img {
    margin-bottom: 0px;
    width: 100%;
}
.margin-up3 {
     margin-top: 0px; 
}
.m-adjust1 {
     margin-left: 0px; 
}

.m-adjust2 {
    margin-left: 0px;
}
.margin-up4 {
    margin-top: 0px;
}

.dept-image {
    margin-bottom: 30px;
}
.loyalty-head h1 {
    margin-bottom: 10px;
    text-align: center;
}

.loyalty-head h2 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 30px;
}
.loyalty-head p {
    text-align: center;
}

.footer-1 {
    width: 100%;
    text-align: center;
    padding: 50px 20px 30px 20px;
}
.footer-2 {
    width: 100%;
}
.footer-2-sub {
    width: 100%;
    text-align: center;
    padding: 20px 30px;
    background-color: #1c1c1e;
}
.add-bg {
    height: auto;
    background: #1c1c1e;
}
.final-footer {
    padding: 20px;
    margin-top: 20px;
    text-align: center;
}
.final-footer img {
    float: none;
}
.img-details {
    text-align: center;
}
.img-details a:after{
    display: none;
}
.trade-mark {
    width: 50px!important;
}
.footer-1 img {
    float: none;
}
.final-footer p {
    padding-right: 0px;
    text-align: center;
    width: 100%;
}
.final-footer img {
    padding-left: 0px;
}
}


@media (min-width: 575px) and (max-width: 767px){
    .footer-1 p {
    padding: 0px 100px;
}
    .ab-button1 {
    float: left;
    /* width: 100%; */
}
.ab-button2 {
    float: left;
    /* width: 100%; */
    /* margin-left: 0px; */
}
.ab-button1 a {
    width: auto;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* display: block; */
    float: left;
    padding: 16px 20px;
    margin-bottom: 30px;
} 

.ab-button2 a {
    width: auto;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* display: block; */
    float: left;
    padding: 16px 20px;
}
    .ban-loop .owl-nav {
    float: none;
    text-align: center;
    margin-top: 30px;
}

    .service-loop .owl-nav {
    float: none;
    text-align: center;
    margin-top: 35px;
     left: 0px; 
}

.banner-icons {
    display: none;
}

.final-footer img {
    padding-left: 0px;
}

.final-footer p {
    padding-right: 13px;
}

.banner-bg {
    float: left;
    width: 100%;
    height: auto;
    padding: 20px 30px 50px 30px;
}



.about-content {
    padding-left: 0px;
}

.about-content h4 {
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 5px;
    margin-top: 0px;
}
.about-content p {
    line-height: 25px;
    font-size: 12px;
}
.ab-button1 a {
    width: 130px;
} 

.ab-button2 a {
    width: 130px;
}

.why-us-1 h1 {
    text-align: center;
    margin-top: 0px;
}

.why-us-1 h2 {
    font-size: 30px;
    line-height: 45px;
    text-align: center;
}

.why-us-1 p {
    text-align: center;
    padding-left: 0px;
}
.why-us-2 h3 {
    text-align: center;
    padding-left: 0px;
}

.why-us-2 p {
    text-align: center;
    padding-left: 0px;
}
.why-us-3 h3 {
    text-align: center;
    padding-left: 0px;
}
.why-us-3 p {
    text-align: center;
    padding-left: 0px;
}

.why-us-2 img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
    margin-top: 10px;
}

.why-us-3 img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
    margin-top: 10px;
}

.why-us-2 {
    float: left;
    width: 100%;
}
.why-us-3 {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.mb-view-btn {
    padding-bottom: 40px!important;
}
.call-bg h1 {
    font-size: 35px;
    padding: 0px 87px;
    line-height: 50px;
}
.call-bg p {
    padding: 0px 100px;
    margin-bottom: 0px;
}

.call-action {
    height: auto;
} 
.call-bg{
    height: auto;
}

.promotion-sub h1 {
    text-align: center;
    margin-top: 0px;
    font-size: 30px;
    line-height: 45px;
}
.promotion-sub p {
    text-align: center;
}
.branch-head h3 {
    text-align: left;
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 30px;
}
.branch-para {
    padding-left: 0px;
}
.branch-para p {
    text-align: left;
    margin-top: 0px;
}    
.padding-adjust1 {
    padding-right: 0px;
}

.padding-adjust {
    padding-left: 0px;
}
.pattern2 {
    display: none;
}
.view-outlet {
    margin-top: 0px;
}
.branch-image {
    margin-bottom: 30px;
} 
.margin-adjust {
    margin-top: 0px;
} 
.dept-head h1 {
    text-align: center;
}  
.dept-head h2 {
    text-align: center;
    font-size: 30px;
    line-height: 45px;
}
.dept-head p {
    text-align: center;
}    
.dept-head {
    text-align: center;
}

.view-dept a {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 235px;
}
.dept-image img {
    margin-bottom: 0px;
    width: 100%;
}
.margin-up3 {
     margin-top: 0px; 
}
.m-adjust1 {
     margin-left: 0px; 
}

.m-adjust2 {
    margin-left: 0px;
}
.margin-up4 {
    margin-top: 0px;
}

.dept-image {
    margin-bottom: 30px;
}
.loyalty-head h1 {
    text-align: center;
    margin-bottom: 10px;
}

.loyalty-head h2 {
    text-align: center;
    font-size: 30px;
}
.loyalty-head p {
    text-align: center;
    margin-bottom: 35px;
}
.view-loyalty a {
    float: none;
    }

    .view-loyalty {
    text-align: center;
}

.view-promo {
    float: left;
    text-align: center;
}
.footer-1 {
    width: 100%;
    padding: 50px 20px 30px 20px;
    text-align: center;
}

.view-promo a {
    float: none;
    width: 200px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}

.footer-2 {
    width: 100%;
}
.footer-2-sub {
    width: 100%;
    text-align: center;
    padding: 20px 30px;
}
.add-bg {
    height: auto;
}
.final-footer {
    padding: 20px;
    margin-top: 0px;
    text-align: center;
}
.final-footer img {
    float: none;
}
.img-details {
    text-align: center;
}
.img-details a:after{
    display: none;
}
.trade-mark {
    width: 50px!important;
}

.img-details p {
    font-size: 14px;
}
.img-details h5 {
    font-size: 14px;
}
.img-details {
    padding: 25px 10px 30px 10px;
}
.footer-1 img {
    float: none;
}
.final-footer img {
    padding-left: 0px;
}
.trade-mark-out {
    
    width: 70px!important;
}
.outlet-details p {
    font-size: 16px!important;
}
.outlet-details {
    height: 190px;
}
.out-height {
    height: 230px!important;
}
}

@media (min-width: 767px) and (max-width: 991px){
    .out-height {
    height: 230px!important;
}

.banner-image img {
    float: right;
    height: auto;
    width: 100%!important;
    margin-top: 50px;
}

.banner-content h3 {
    float: left;
    margin-top: 0px;
}
.banner-bg {
    float: left;
    width: 92%;
    padding: 50px 30px 50px 30px;
}

.about-content h4 {
    margin-top: 0px;
    font-size: 35px;
}
.ab-button2 a {
    width: 150px;
    padding: 16px 21px;
}

.ab-button1 a {
    width: 150px;
    padding: 16px 25px;
}
.view-promo a {
    margin-bottom: 40px;
}

.call-bg h1 {
    padding: 0px 50px;
}
.call-bg p {
    padding: 0px 50px;
    margin-bottom: 0px;
}

.call-bg {
    height: auto;
}
.call-action {
    height: auto;

}

.branch-para {
    padding-left: 0px;
}

.branch-head h3 {
    font-size: 35px;
}

.dept-image img {
    width: 100%;
    margin-bottom: 30px;
}


.final-footer p {
    padding-right: 20px;
    width: 70%;
}
.footer-2-sub {
    padding: 45px 20px 35px 20px;
}
.footer-1 {
    padding: 50px 20px 45px 20px;
}
.final-footer {
    
    margin-top: 55px;
}
.trade-mark-out {
    
    width: 70px!important;
}
.outlet-details p {
    font-size: 16px!important;
}
.outlet-details {
    height: 190px;
}

}

@media (min-width: 991px) and (max-width: 1024px){
    .outlet-details {
    height: 190px;
    }
    .outlet-details p {
    font-size: 16px!important;
}
   .trade-mark-out {
    
    width: 70px!important;
}
.dept-image img {
    width: 100%;
}
.service-loop .owl-nav {
    margin-top: 109px;
}
.branch-para {
    padding-left: 0px;
}
.call-bg h1 {
    padding: 0px 50px;
}
.call-bg p {
    padding: 0px 50px;
}

.call-bg {
    height: auto;
}
.call-action {
    height: auto;

}
.why-us-1 h1 {
    margin-top: 80px;
}

.banner-image img {
    height: auto;
    width: 100%!important;
}

.banner-content h3 {
     margin-top: 0px; 
}
}

@media (min-width: 1024px) and (max-width: 1200px){
.dept-image img {
    width: 100%;
}
.service-loop .owl-nav {
    margin-top: 109px;
}
}



@media only screen and (max-width:766px) {
.why-button{display:none;}
.why-us-2{padding-bottom:10px;}
}


.mb-view-btn{
       font-weight: 500;
    color: #16576b !important;
    font-size: 13px !important;
    padding-bottom: 23px;
}


@media (min-width:767px) and (max-width:1999px) {
.mb-view-btn{display:none !important;}
}

@media (min-width: 1323px) and (max-width: 1401px){
.banner-icons h5{font-size:13px;}
}

@media (min-width: 230px) and (max-width: 1322px){
.banner-icons h5{font-size: 14px; width: 190px; left: -40px;}
}

@media (min-width: 230px) and (max-width: 991px){
.service-loop .owl-nav{margin-top:40px; width:100%; left: 0px; text-align: center;}
}

@media (min-width: 230px) and (max-width: 766px){
.final-footer p{float:left; width:100%; text-align:center; font-size: 14px;}
    
}

@media (min-width: 230px) and (max-width: 500px){
.banner-content h3{font-size:24px; line-height: 30px; margin-top: 15px;}
.banner-content p{padding-left:0px !important; padding-right:0px !important; font-size: 13px; line-height: 24px;}
.banner-content a{font-size:13px !important; padding:13px 30px;}
.hide-bnr{display:none !important;}
.banner-image img{margin-top:10px !important;padding: 0px 30px;margin-bottom: 10px; float:none;}
.banner-content{padding-bottom:20px;}
.ban-loop .owl-nav{margin-top:15px;}
.banner-bg{padding-bottom: 20px;}
.footer-2-sub h2{margin-bottom: 15px;}
.footer-2-sub{padding-bottom: 0px;}
}

@media (min-width: 230px) and (max-width: 575px){
.banner-content h3{font-size:24px; line-height: 30px; margin-top: 15px;}
.banner-content p{padding-left:0px !important; padding-right:0px !important; font-size: 13px; line-height: 24px;}
.banner-content a{font-size:13px !important; padding:13px 30px;}
.hide-bnr{display:none !important;}
.banner-image img{margin-top:10px !important;padding: 0px 30px;margin-bottom: 10px; float:none;}
.banner-content{padding-bottom:20px;}
.ban-loop .owl-nav{margin-top:15px;}
}

@media (min-width: 575px) and (max-width: 700px){
.ban-loop .owl-nav{margin-top: -25px !important;}
.banner-content p{margin-bottom:13px;}    
}

@media (min-width: 575px) and (max-width: 660px){
.ban-loop .owl-nav{text-align:center !important; margin-top:30px !important;}   
}

@media (min-width: 767px) and (max-width: 1000px){
.banner-content h3{
    margin-top: 30px;
    text-align: left;
    font-size: 25px;
    line-height: 33px;
    
}
    
.banner-content p{
    text-align: left;
    padding-right: 0px;
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 25px;
}    
    
.banner-content a{
     float: left;
    margin-right: auto;
    margin-left: auto;
    font-size: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
}    

.ban-loop .owl-nav{
    margin-top:0px;
}
    
}

@media (min-width: 575px) and (max-width: 767px){
    
.final-footer p{
    float:left;
    width:100%;
}    
    
.banner-content {
    float: left;
    width: 50%;
    text-align: center;
}
.banner-image {
    float: left;
    width: 50%;
}
.banner-content h3 {
    margin-top: 30px;
    text-align: left;
    font-size:25px;
    line-height:33px;
    
}
.banner-content p {
    text-align: left;
    padding-right: 0px;
    font-size: 13px;
    line-height: 25px;
    margin-bottom:25px;
}

.banner-content a {
   float: left;
    margin-right: auto;
    margin-left: auto;
    font-size: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
}

.banner-image img {
    float: right;
    height: auto;
    margin-top: 30px;
    width: 100%!important;
}

.ban-loop .owl-nav{
     float: none;
    text-align: left;
    margin-top: -60px;
}

}

@media (min-width:575px) and (max-width:1999px) {
.hide-bnr2{display:none !important;}
}






@media (max-width: 575px){
   
    
   
}


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


.about-page{
    float: left;
    width: 100%;
    padding: 80px 0px;
}

.abt-head h5{
    float: left;
    width: 100%;
    font-size: 45px;
    font-weight: 500;
    color: #000000;
    line-height: 60px;
    text-align: center;
    margin-bottom: 30px;
}

.abt-head p{
    float: left;
    width: 100%;
    padding: 0px 180px;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    color: #000000;
    text-align: center;
}

.about-info{
    float: left;
    width: 100%;
    margin-top: 30px;
}

.about-info img{
    float: right;
    width: 450px;
    height: auto;
    padding-left: 30px;
    padding-bottom: 30px;
}

.about-info p{
    float: none;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    color: #000000;
    text-align: left;
}

.mission{
    float: left;
    width: 100%;
    padding: 80px 0px 80px 0px;
    background-color: #004761;
}

.mission-content{
    float: left;
    width: 100%;
    padding: 0px 20px;
}

.mission-content img{
    float: left;
    width: 70px;
    margin-bottom: 20px;
}

.mission-content h6{
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 10px;
}

.mission-content p{
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    color: #ffffff;
    text-align: left;
}

/**********promotions-page**********/

.banner-promo{
    float: left;
    width: 100%;
}

.banner-bg-promo{
    float: left;
    width: 92%;
    padding: 100px 30px 40px 80px;
    background-image: url(../images/slider-bg.png);
    background-size: cover;
    height: 350px;
}

.banner-bg-promo h5{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 45px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 20px;

}

.banner-bg-promo p{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #000000;
    line-height: 30px;
    font-weight: normal;

}

.promotion-page{
    float: left;
    width: 100%;
    padding: 80px 0px 40px 0px;
}

.promo-box{
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.promo-box img{
    float: left;
    width: 100%;
}

.promo-link{
    float: left;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    background-color: #004961;
    border: 1px solid #004961;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
}
.promo-link:hover{
    background-color: #F47321;
    color: #ffffff;
    border: 1px solid #F47321;
    text-decoration: none;
}

.page-one{
    float: left;
    width: 100%;
    text-align: center;
}
/*.pagination {*/
/*    float: none;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    display: inline-block!important;*/
/*}*/

/*.pagination a {*/
/*  color: black;*/
/*  font-size: 14px;*/
/*  font-weight: normal;*/
/*  float: left;*/
/*  padding: 8px 16px;*/
/*  text-decoration: none;*/
/*}*/

/*.pagination a.active {*/
/*  background-color: #004961;*/
/*  color: white;*/
/*  text-decoration: none;*/
/*}*/

/*.pagination a:hover:not(.active) {*/
/*    background-color: #ddd;*/
/*    text-decoration: none;*/
/*}*/


/**********promotion-detail**********/


.promotion-detail{
    float: left;
    width: 100%;
    padding: 80px 0px;
}

.pro-detail{
    float: left;
    width: 100%;
}

.pro-detail img{
    float: left;
    width: 270px;
    height: auto;
    margin-right: 30px;
    margin-bottom: 20px;
}

.pro-detail h3{
    float: none;
    margin-bottom: 15px;
    color: #000000;
    font-weight: 500;
    font-size: 24px;
}

.pro-detail h6{
    float: none;
    margin-bottom: 15px;
    color: #004961;
    font-weight: 500;
    font-size: 16px;
}

.pro-detail p{
    float: none;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 35px;
}
.pro-detail a{
    float: none;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
    padding: 16px 20px;
    background-color: #004961;
    text-decoration: none;
    color: #ffffff;
}

.pro-detail a:hover{
    background-color: #F47321;
    color: #ffffff;
    text-decoration: none;
}

.pro-head{
    float: left;
    width: 100%;
}

.pro-head h1{
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
}



.promotion-detail-2{
    float: left;
    width: 100%;
    padding: 0px 0px 80px 0px;
}


.promotion-loop{
    float:left;
    width:100%;
}


.promotion-loop .owl-nav {
    float: none;
    position: relative;
    text-align:center;
    margin-top: 0px;
    left: 0px;
}

.promotion-loop .owl-prev img{
    transition:all ease-in-out .5s;
    -webkit-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s;
    margin-right: 8px;
    height: 36px;

}
.promotion-loop .owl-next img{
    transition:all ease-in-out .5s;
    -webkit-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s;
    margin-left: 8px;
    height: 36px;
   
}
.promotion-loop .owl-next:hover img{
    filter: invert(1);
}
.promotion-loop .owl-prev:hover img{
    filter: invert(1);
}


/************Career*************/

.career-pg{
    float: left;
    width: 100%;
    padding: 80px 0px;
}

.career-form{
    float: left;
    width: 100%;
}
.career-form h1{
    float: left;
    width: 100%;
    font-size: 45px;
    font-weight: 500;
    color: #000000;
    line-height: 60px;
    text-align: center;
    margin-bottom: 30px;
}

.career-form p{
    float: left;
    width: 100%;
    /* padding: 0px 50px; */
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    color: #000000;
    text-align: center;
    margin-bottom: 30px;
}
.career-input{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.career-select{
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    padding: 15px 10px;
    float: left;
    width: 100%;
    color: #000000;
}
.career-input label{
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
}

.career-input input{
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    padding: 15px 10px;
    float: left;
    width: 100%;
    color: #000000;
}

.career-button{
    float: left;
    width: 100%;
}

.career-button input{
    margin-top: 30px;
    float: left;
    width: 100%;
    text-align: center;
    padding: 15px;
    background: #004761;
    color: #ffffff;
    border: 1px solid #004761;
    border-radius: 3px;
}

.career-button input:hover{
    
    background: #ffffff;
    color: #004761;
    border: 1px solid #004761;
   
}




/************Contact*************/

.contact-pg{
    float: left;
    width: 100%;
    padding: 80px 0px;
}

.contact-form{
    float: left;
    width: 100%;
}
.contact-form h1{
    float: left;
    width: 100%;
    font-size: 40px;
    font-weight: 500;
    color: #000000;
    line-height: 60px;
    text-align: left;
    margin-bottom: 30px;
}

.contact-form p{
    float: left;
    width: 100%;
    /* padding: 0px 50px; */
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    color: #000000;
    text-align: left;
    margin-bottom: 30px;
}
.contact-input{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}


.contact-input label{
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
}

.contact-input input{
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    padding: 15px 10px;
    float: left;
    width: 100%;
    color: #000000;
}



.contact-button input{
        float: left;
    width: 100%;
    text-align: center;
    padding: 15px;
    background: #004761;
    color: #ffffff;
    border: 1px solid #004761;
    border-radius: 3px;
}

.contact-button input:hover{
    
    background: #ffffff;
    color: #004761;
    border: 1px solid #004761;
   
}

.contact-pg-para{
    float: left;
    width: 100%;
}

.contact-pg-para h6{
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    line-height: 30px;

}
.contact-input textarea{
    float: left;
    width: 100%;
    height: 150px;
    border: 1px solid #c1c1c1;
    border-radius: 3px;

}
.contact-details{
    float: left;
    width: 100%;
    padding-left: 30px;

}
.contact-details h1{
    float: none;
    width: 100%;
   font-size: 30px;
   color: #000000;
   font-weight: 500;
   padding-bottom: 40px;
   margin-top: 20px;
   border-bottom: 1px solid #c3c3c3;
}

.contact-details h1 span{

   color: #004761;
   
}
.cnt-detail1{
    float: left;
    width: 100%;
    padding: 40px 0px 40px 0px;
    border-bottom: 1px solid #c3c3c3;
}
.cnt-detail1 img{
    float: left;
    width: 30px;
    margin-top: -2px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.cnt-detail1 h6{
    float: none;
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 15px;
}
.cnt-detail1 p{
    font-size: 14px;
    float: left;
    width: 100%;
    color: #000000;
    line-height: 25px;
    margin-bottom: 0px;
}







/************loyalty-page***********/


.loyalty-page{
    float: left;
    width: 100%;
    padding: 80px 0px;
}

.loyalty-head1 h5{
    float: left;
    width: 100%;
    font-size: 45px;
    font-weight: 500;
    color: #000000;
    line-height: 60px;
    text-align: center;
    margin-top: 30px;
}

.loyalty-head1 p{
    float: left;
    width: 100%;
    padding: 0px 180px;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    color: #000000;
    text-align: center;
}

.about-info{
    float: left;
    width: 100%;
    margin-top: 30px;
}

.loyalty-info img{
    float: right;
    width: 450px;
    margin-top: -15px;
    height: auto;
    padding-left: 30px;
    padding-bottom: 30px;
}

.loyalty-info p{
    float: none;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    color: #000000;
    text-align: left;
}

.loyalty-sub{
    float: left;
    width: 100%;
    padding: 0px 0px 80px 0px;
    background-color: #ffffff;
}

.loyalty-content{
    float: left;
    width: 100%;
    min-height: 300px;
    padding: 30px 30px;
    border-radius: 5px;
    background-color: #FFF6E7;
}


.loy-adjust{
    background-color: #F2FFE8;
    margin-top: 30px;
}

.loy-adjust1{
    background-color: #EBFAFF;
    margin-top: 60px;
}

.loyalty-content img{
    float: left;
    width: 70px;
    margin-bottom: 20px;
}

.loyalty-content h6{
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 10px;
}


.loy h6{
    position: relative;
    
}
.loy h6:after{
    position: absolute;
    content: "";
    top: 35px;
    left: 0px;
    background-color: #FCBA53;
    height: 3px;
    width: 20px;
}


.loy-adjust h6{
    position: relative;
    
}
.loy-adjust h6:after{
    position: absolute;
    content: "";
    top: 35px;
    left: 0px;
    background-color: #7BC240;
    height: 3px;
    width: 20px;
}


.loy-adjust1 h6{
    position: relative;
    
}
.loy-adjust1 h6:after{
    position: absolute;
    content: "";
    top: 35px;
    left: 0px;
    background-color: #004761;
    height: 3px;
    width: 20px;
}

.loyalty-content p{
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0px;
    color: #000000;
    margin-top: 20px;
    text-align: left;
}


.out-height{
    height: 330px;
    object-fit: cover;
}

.promotion-page .page-link {
    color: #004961;
    font-size: 13px;
}
.promotion-page .page-link:hover {
    z-index: 2;
    color: #004961;
}
.promotion-page .page-item.active .page-link {
   color: #ffffff;
    background-color: #004961;
    border-color: #004961;
}
.ind-br-height{
    height: 480px;
    object-fit: cover;
}
.tnm-link{
    color: #4f4f4f;
    text-decoration: none; 
}

.tnm-link:hover{
    color: #f47321;
    text-decoration: none; 
}

.final-footer a{
    color: #4f4f4f;
    text-decoration: none; 
}

.final-footer a:hover{
    color: #f47321;
    text-decoration: none; 
}