/* */
body{
     -webkit-text-size-adjust: 100%;
}
.ban_btn{
    padding: .8rem 1rem !important;
    line-height: 16px !important;
}
.myimgs:after{content: url("../images/Icon_10.png");
    position: absolute;
   }
.logofont{
    font-family: logofont;
    background: linear-gradient(to bottom, #a53103 30%, #52241b 60%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-weight: 100 !important;
}
.carserv .carousel-item{
    height:600px !important;
}
.imgsizeredv{width:60px;}
.newline h1:after{
  position: absolute;
  width: 100%;
    left: 0%;
    top: 45%;content: url("../images/lines1.png") !important;
  }

/*
.bouncess {
  animation: bouncess 2s infinite;
}

@keyframes bouncess {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateX(-30px);
  }
  60% {
    transform: translateX(-15px);
  }
}


.bouncekk {
  animation: bouncekk 2s infinite;
}

@keyframes bouncekk {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateX(30px);
  }
  60% {
    transform: translateX(15px);
  }
}
*/


.pulse img:hover{ 
  animation: pulse 1s infinite;
  animation-timing-function: linear;   
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(2);
  100% { transform: scale(1); }
  }
}

.glow:hover{
  box-shadow: 0px 2px 37px -6px #ea4a09;
    border-radius: 50%;

}

.w5{
  width: 50px;
}

.newline2 h1:after{
position: absolute;
  width: 100%;
    left: 0%;
    top: 45%;
  content: url("../images/lines2.png") !important;

}

.hoveff{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hoveff:hover{    
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
@media(min-width:768px){
/*.adjrw{
    margin-left:32% !important;
}*/
.widadjs{
    width:115%;
}
.founder_img img{
    
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
}
}
@media(min-width:768px) and (max-width:1500px){
/*.lftspc{
    margin-left: -30px;
    width: 150px;}*/
.secndtxt{
    margin-left: 30px;
    width: 150px;}
.widadjs {
    width: 142%;
}
}
.founder_img img{  
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden; 
}
.colmid{ 
    display: flex;         
    flex-direction: column;   
    justify-content: center;   
    align-items: center;  
}
.footxtp{
    margin-top: -10px;
    font-size: 11.5px !important;
    font-weight: bold;
    text-transform: uppercase;
    color: #cd7b5a;
}
@media(min-width:1600px){
.secndtxt{
    margin-left: 60px;
    width: 150px;
}
.lftspc{ width: 150px;}
}
/* */
html {
  box-sizing: border-box;
}



@font-face {
    font-family: reg;
    src: url("../fonts/ProximaNovaSoft-Regular.otf");
   
}
@font-face {
    font-family: logofont;
    src: url("../fonts/annapolis.ttf");
   
}

.reg{
     font-family: reg;
}


@font-face {
    font-family: bolds;
    src: url("../fonts/proximanova-bold.otf");
   
}

.bol{
     font-family: bolds;
}


@font-face {
    font-family: light;
    src: url("../fonts/Proxima-Nova-Light.otf");
   
}

.light{
     font-family: light;
}



@font-face {
    font-family: semi;
    src: url("../fonts/proximanova-semibold.otf");
   
}

.ok h1::after{
  content: url("../images/lines.png");
    position: absolute;
   
    width: 100%;
    left: 0%;
    top: 65%;

}

.okk h1::after{
  content: url("../images/line2.png");
    position: absolute;
   
    width: 100%;
    left: 0%;
    top: 65%;

}


.oks h1::after{
  content: url("../images/line.png");
    position: absolute;
   
    width: 100%;
    left: 0%;
    top: 65%;

}
.ok1 h1::after{
  content: url("../images/line.png");
    position: absolute;
   
    width: 100%;
    left: 0%;
    top: 45%;

}
.ok2 h3::after{
  content: url("../images/fline.png");
    position: absolute;
   
    width: 100%;
    left: 0%;
    top: 18%;

}


.star{
  border-right: 1px solid rgba(152, 149, 149, 0.49019607843137253);
    border-bottom:  1px solid rgba(152, 149, 149, 0.49019607843137253);
    padding: 20px;
    min-height: 200px;
}
.star1{
 
    border-bottom:1px solid rgba(152, 149, 149, 0.49019607843137253);
    padding: 20px;
    min-height: 200px;
}
.star2{
 
    border-right:  1px solid rgba(152, 149, 149, 0.49019607843137253);
    padding: 20px;
    min-height: 200px;
}

.sta {
padding: 20px;
min-height: 200px;
}

/*.star:hover,.star1:hover,.star2:hover,.sta:hover{
  background-color: #3b1412;
  color:white;
}*/


.imgBox1
{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/heavy.png") no-repeat;
}


.box1:hover .imgBox1{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/heavy1.png") no-repeat;

}

.imgBox2
{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/spider.png") no-repeat;
}


.box2:hover .imgBox2{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/spider1.png") no-repeat;

}

.imgBox3
{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/sub.png") no-repeat;
}


.box3:hover .imgBox3{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/sub1.png") no-repeat;

}

.imgBox4
{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/stress.png") no-repeat;
}


.box4:hover .imgBox4{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/stress1.png") no-repeat;

}

.imgBox5
{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/short.png") no-repeat;
}


.box5:hover .imgBox5{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/short1.png") no-repeat;

}


.imgBox6
{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/machine.png") no-repeat;
}


.box6:hover .imgBox6{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/machine1.png") no-repeat;

}



.imgBox7
{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/transport_img.png") no-repeat;
}


.box7:hover .imgBox7{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/transport_wht.png"
) no-repeat;

}


.imgBox8
{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/quality.png") no-repeat;
}


.box8:hover .imgBox8{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/quality1.png") no-repeat;

}


.busi{
  border-right: 1px solid rgba(191, 68, 15, 0.3411764705882353);
}









.galle{
      position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}








.un{
 /* padding: 0.5rem 0.5rem;*/
  
    background-color: unset;
}


.filter-button:hover small{
  color:#31edef;
}


.un img {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease;    /* Firefox */
    -o-transition: all 0.5s ease;      /* IE 9 */
    -ms-transition: all 0.5s ease;     /* Opera */
    transition: all 0.5s ease;
}
.un:hover img {
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05);    /* Firefox */
    -ms-transform:scale(1.05);     /* IE 9 */
    -o-transform:scale(1.05);      /* Opera */
     transform:scale(1.05);
}



.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}

.read-more-trigger {
      cursor: pointer;
    padding: 5px;
    color: #666;
    display: block;
    margin: 0 auto;
    font-size: 1em;
    width: 32%;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: .25em;
}

.padlef{
  padding-left: 11rem;
}




.semi{
     font-family: semi;
}

.bb{
        margin-right: -25px;
}
.bb1{
        margin-right: -12px;
}
.bbf {
    margin-right: 30px;
}

.top{
	margin-top: 111px;
}
.top1{
    margin-top: 130px;
}

.nopad{
	     padding-right: 0px; 
    padding-left: 0px;
}
.search-box {
    position:absolute;
   top: 30%;
    left: 80%;
   
    background:#683427;
    height:40px;
    border-radius:40px;
    padding: 10px;
}

.search-box:hover> .search-txt {
    width:240px;

    padding:0 6px;
}
.search-box input::-webkit-input-placeholder {
color: white !important;
}
 
.search-box input:-moz-placeholder { /* Firefox 18- */
color: white !important;  
}
 
.search-box input::-moz-placeholder {  /* Firefox 19+ */
color: white !important;  
}
 
.search-box input:-ms-input-placeholder {  
color: white !important;  
}
.search-box:hover> .search-btn {
    background:#683427;
}
.search-box i:hover  {
    color:white;
}

.search-btn {
    color:white;
    float:left;
       width: 20px;
    font-size: 20px;
    height: 20px;
    border-radius: 20px;
    background:#683427;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:0.4s;
}

.search-txt {
    border:none;
    background:none;
    outline:none;
    float:right;
    color:white;
    font-size:16px;
    transition:0.4s;
    line-height:0px;
    width:0px;
}

.bor{
    border: 2px solid white;
    padding: 0px 10px 0px 10px;
}
.fa-play-circle-o:hover{
    color:#cd7b5a;
    transition: 0.5s ease;
}

.btn-outline-light:hover{
    background-color: white;
    border:1px solid white;
    color:#52241b !important;
    font-weight: bold;
}


.pro{
    border: 4px solid #cd7b5a;
    padding: 10px;
}

.brown{
    color:#39130e;

}

.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: transparent;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3b1412;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}




.background
{
  background: url("http://wallpapercave.com/wp/k7r6fly.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 1000px;
  width: 100%;
  position: relative;
  top: 60px;


}



#header
{
  height: 60px;
  width: 100%;
  background-color: #BDBDBD;
  font-family: 'Poiret one', cursive;
  font-size: 20px;
  position: fixed;
 z-index: 999;
  border-radius: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
 }
#header a
{
  text-decoration: none;
  color: black;
  float: right;
  margin-top: 15px;
  margin-left: 50px;
  margin-right: 30px;
  font-weight: bold;
}
#header img
{
  
  height:50px;
  width: 70px;
  float: left;
}
#header a:hover
{
  -webkit-transform: scale(1.4,1.4);
          transform: scale(1.4,1.4);
  text-decoration: overline;
  color: white;
}





.lightbox
{

  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
 
}

a div
{
 position: relative;
 margin: auto auto;
  text-align: center;
}
.lightbox:target
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}





.decor{
    text-decoration: underline;
    text-decoration-style: double;
    text-underline-position: under;
}

.more{
    border: 2px solid #39130e;
    font-size: 18px;

     background: linear-gradient(to right, #39130e 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}
.more1{
    border: 2px solid white;
    font-size: 18px;

     background: linear-gradient(to right, #39130e 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}
.more1:hover{
    border: 2px solid #39130e;
 background-color: transparent;
  background-position: left bottom;
  color:white !important;
}
.more:hover{
    border: 2px solid #39130e;
 background-color: transparent;
  background-position: left bottom;
  color:white !important;
}

.morep{

    border: 2px solid #c17253;
    font-size: 18px;
    color: #c17253;

}
.more2{
    border: 2px solid white;
    font-size: 18px;

     background: linear-gradient(to right, white 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}
.more2:hover{
    border: 2px solid white;
 background-color: transparent;
  background-position: left bottom;
  color:#39130e !important;

}

.btn-outline-dark:hover{
    background-color: #56271e;
    border:2px solid #56271e;
}

/*
.mg img:hover{
    transform: perspective(1000px) scale(1.2) ;
box-shadow: 0px 40px 60px rgba(68, 66, 66, 0.5);

}

.mg img{
    transform: perspective(100px) scale(1) ;
transition: .5s;
}*/

/*
heart beat animation icon code
.mg1 img{
     animation: 2.5s ease 0s normal none infinite running animateHeartBeat;
    overflow: inherit;
    position: relative; display:inline-block; max-width:100px;
}

@keyframes animateHeartBeat {
0% {
    transform: scale(1);
}
5% {
    transform: scale(1.4);
}
10% {
    transform: scale(1.3);
}
15% {
    transform: scale(1.8);
}
50% {
    transform: scale(1);
}
100% {
    transform: scale(1);
}
}

*/


.back{
    background: url("../images/back.jpg");
    height:650px;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover; 
}

.back1{
    background: url("../images/back.jpg");
    height:250px;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover; 
}


.rela{
    position: relative;
}

.abs{
    position: absolute;
    top:50%;
    left:50%;
    z-index: 10;
    transform: translate(-50%,-50%);
}
.tick{
    list-style-type: none;
     padding: 0;

}
.tick li{
 padding-bottom: 30px;

}
.tick li::before {
    content: url("../images/tick.png");
    vertical-align: sub;
}

.orange{
    color:#ed540f;
}

.bc{
    background-color: #3a130f;
    padding: 20px;
}

.grey img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.grey img:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.fie{
    background-color: transparent;
    border: 3px solid #d0663c;
    padding: 1.375rem 0.75rem;
}
.fie:focus {
    color: white;
    background-color: transparent;
  border-color: #d0663c;
    outline: 0;
    box-shadow: 0 5px 30px 0.2rem #3a130f;
}

*::placeholder {
    /* modern browser */
    color: grey !important;
}

.but{
    background-color: #cd7b5a;
    border:2px solid #cd7b5a;
}

.but:hover{
    background-color: transparent;
    border:2px solid #cd7b5a;
}

.but1 {
    background-color: #39130e;
    border: 2px solid #39130e;
}

.but1:hover{
    background-color: transparent;
    border:2px solid #39130e;
    color:#39130e;
}








.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

.black a{
    color:#212529;
}

.foot{
        background-color: #3a130f;
}

.com{
    font-size: 22px;
    color: #f4911e;
}

/*
.company img:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
*/

/*
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
*/

.shad{
    padding: 20px;
   border:1px solid #d0cfcf;
}


.shad:hover{
    padding: 20px;
    border:1px solid #f5f4f4;
     box-shadow: 0px 40px 60px 5px #e8e7e7;
}

.relat{
    position: relative;
    overflow: hidden;
}

.relat img{
    max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.relat:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.teamabs{
    position: absolute;
    bottom: 0;
    left:50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 100%;
    background-color: rgba(56, 24, 23, 0.81);

}


.full img{
    width:100%;
  
}

.serv{
    padding: 20px;
  box-shadow: 0px 0px 2px 0px #efecec;
    margin:5px;
    margin-bottom: 20px;
        min-height: 300px;
    
    
}
.serv:hover{
    padding: 20px;
    box-shadow: 0px 40px 60px 5px #e8e7e7;
}




.serv1{
    padding: 10px;
 /* box-shadow: 0px 0px 10px 0px #e0dbdb;*/
    
    margin-bottom: 20px;
  
}
.serv1:hover{
    padding: 10px;
    box-shadow: 0px 5px 60px 0px #c3c0c0;
}


.serv1 img{
    width:100%;
}

.bbt{
  border-bottom: 1px solid #bbb9b9;
}

/*logo slide*/
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



@media screen and (max-width: 1680px) {

.logofont{
  font-size: 24px;
}

}








@media screen and (max-width: 1600px) {
.padlef {
    padding-left: 3rem;
}
.logofont{
  font-size: 23px;
}
}





@media screen and (max-width: 1440px) {

.search-box {
    position: absolute;
    top: 30%;
    left: 85%;
}
.search-box:hover> .search-txt {
    width: 160px;
    padding: 0 6px;
}
.pl{
    padding:0px !important;
}
.bb {
    margin-right: -5px;
}
.carousel-caption h1{
font-size: 40px;

}
.logofont{
  font-size: 21px;
}


}


 @media screen and (max-width: 1366px) {
.padlef {
    padding-left: 2rem;
}

.logofont{
  font-size: 19px;
}


 }

  @media screen and (max-width: 1280px) {
.pro {
    border: 4px solid #cd7b5a;
     padding: 0px;
}

.logofont{
  font-size: 18px;
}





 }




 @media screen and (max-width: 1024px) {
.pl {
    padding-left: 3rem !important;
}
.tick li {
    padding-bottom: 15px;
}
.carousel-caption {
    position: absolute;
    top: 20%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
   
}

.carousel-caption h1{
font-size: 30px;

}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

.company h6{
    font-size: 14px;
}

.com {
    font-size: 20px;
    color: #f4911e;
}

.serv {
    padding: 20px;
    box-shadow: 0px 0px 10px 0px #e0dbdb;
    margin: 5px;
    min-height: 360px;
}

.search-box {
    position: absolute;
    top: 60%;
    left: 83%;
}
.search-box:hover> .search-txt {
    width: 130px;
    padding: 0 6px;
}

.padlef {
    padding-left: 1rem;
}

.counter h1{
  font-size: 30px;
}
.read-more-trigger {
   
    width: 50%;
   
}

.un img {
  width:200px;
}

.star,.star1,.star2,.sta{
  min-height: 150px;

}
.bbt h5{
  font-size: 1rem;
}
.logofont{
  font-size: 14px;
  background: linear-gradient(to bottom, #a53103 40%, #52241b 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.counter span{
  font-size: 30px;
}







 }


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

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 0rem;
}
.padlef {
    padding-left: 1rem;
}


.search-box {
    position: absolute;
    top: 60%;
    left: 80%;
    background: #683427;
    height: 40px;
    border-radius: 40px;
    padding: 10px;
}
.search-box:hover> .search-txt {
    width: 110px;
    padding: 0 6px;
}

.abs {
    position: absolute;
    top: 30%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%,-50%);
}



.cus{
    width:70px;
}


.serv1{
  padding: 10px;
  box-shadow: 0px 0px 10px 0px #e0dbdb;
    
    margin-bottom: 40px;
  
}
.bbf {
    margin-right: 0px;
}
.bb {
    margin-right: -15px;
}

.carousel-caption h1{
  font-size: 30px;
}

.un img {
    width: 150px;
}

.form-control{
  margin-bottom: 2rem;
}

.bbt h5{
  font-size: 0.8rem;
}




 }



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

.navbar img{
    width:200px;
    padding-left: 0px;
}

.search-box {
       position: relative;
    bottom: 0;
    left: 3%;
    background: #683427;
    height: 30px;
    border-radius: 40px;
    padding: 5px;
    margin-bottom: 20px;
    width: 200px;
}
.search-box:hover> .search-txt {
    width:150px;
  }


.read-more-trigger {
    cursor: pointer;
    padding: 3px;
  }


.top {
    margin-top: 75px;
}

.carousel-caption {
    position: absolute;
    top: 10%;
    left: 25%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    
}
.carousel-caption h1{
    font-size: 18px;
}

.carousel-caption a{
    font-size: 15px;
    padding: 5px;
}
.back1 {
    background: url("../images/back.jpg");
    height: 400px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.fie {
    
    margin-bottom: 20px;
}

.counter{
    margin-bottom: 50px;
}

.counter h1{
    font-size: 20px;
}

.pro {
    border: 4px solid #cd7b5a;
    padding: 15px;
    font-size: 23px;
}
.sim{
   font-size: 23px; 
}
.mg h6{
    font-size: 10px;
}

.com {
    font-size: 13px;
    color: #f4911e;
}
.company h6 {
    font-size: 12px;
}

.ar img{
    width:50px;
}


.cus{
    width:45px;
}

.shad {
    padding: 10px;
    border: 1px solid #d0cfcf;
    margin-bottom: 20px;
}
.top1{
    margin-top: 90px;
}

.relat {
    position: relative;
    margin-bottom: 30px;
}


.serv1{
    
  box-shadow: 0px 0px 10px 0px #e0dbdb;
  padding: 10px;

    margin-bottom: 50px;
  
}

.bbt h5{
  font-size: 15px;
  padding-top: 15px;
  
}
.bbt{
 
  border-bottom: 0px solid #bbb9b9;
}

.bul{
border-bottom: 1px solid #bbb9b9;
}


.founder{width: 200px;
    margin: 0 auto;
    display: block;}



.slick-slide {
    margin: 0px;
}

.form-group {
    margin-bottom: 1rem;
}

.form-control{
  margin-bottom: 1rem;
}


.ok h1::after {
    content: url("../images/line.png");
    position: absolute;
    width: 40%;
    left: 8%;
    top: 40%;
}

.sta {
    padding: 20px;
    border-top: 1px solid rgba(152, 149, 149, 0.49019607843137253);
}
.star2,.star1,.sta {
    border-right: 1px solid rgba(152, 149, 149, 0.49019607843137253);
    padding: 20px;
    border-top: 1px solid rgba(152, 149, 149, 0.49019607843137253);

    }

.serv {
    padding: 20px;
    box-shadow: 0px 0px 10px 0px #e0dbdb;
    margin: 5px;
    min-height:auto;
}
.okk h1::after {
    content: url("../images/mobw.png");
    position: absolute;
    width: 100%;
    left: 0%;
    top: 60%;
}
h1{
  font-size: 28px;
 }


.oks h1::after {
    content: url("../images/line.png");
    position: absolute;
    width: 100%;
    left: 0%;
    top: 60%;
}

.ok1 h1::after {
    content: url("../images/line.png");
    position: absolute;
    width: 100%;
    left: 0%;
    top: 20%;
}

.filter-button {
    color: white;
    margin: 0 auto;
    display: block;
}
.back {
    background: url("../images/back.jpg");
    height: 600px;
  }
.star,.star1,.star2,.sta{
  min-height: 100px;
}


.carousel-item img{
  height:250px;
  width:100%;
}



.busi{
  border-bottom: 1px solid rgba(191, 68, 15, 0.3411764705882353);
  border-right: none;
  margin-bottom: 30px;
}

.w5 {
    max-width: 30px;
}
.logofont {
  
    background: linear-gradient(to bottom, #a53103 25%, #52241b 0%);
     -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.bor {
    border: 2px solid white;
    padding: 0px 5px 0px 5px;
}
.carousel .fa-2x {
    font-size: 1em;
}


}

@media screen and (max-width: 414px) and (min-height: 736px){

.logofont {
  
    background: linear-gradient(to bottom, #a53103 23%, #52241b 36%);
     -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

}