*{
  margin: 0px;
  padding: 0px;
}
body,html{
  margin: 0px;
  padding: 0px;
}
/*start here link customize*/
a{
  text-decoration: none;
  color: #337ab7;
  font-weight: 300;
  transition: 0.3s ease-in-out;
}
a:active,
a:hover {
  outline: 0;
  transition: 0.3s ease-in-out;
}
a:hover,a:focus,a .hover{
  text-decoration: none;
  transition: 0.3s ease-in-out;
}
/*close here  link customize*/

/* text color */
.text-red{
  color: #ff1700 !important;
}
.text-white{
  color: #fff !important;
}
.text-gray{
  color:#d0cece !important;
}
.text-black{
  color: #000 !important;
}
.text-blue{
  color: #4186d7 !important;
}
.text-green{
  color: #267d07 !important;
}
.text-lightgreen{
  color: #24c72f !important;
}
/*start here text decoration customize*/

/* background color start here */
.bg-white{
  background-color: #fff !important;
}
.bg-lightgreen{
  background-color: #24c72f !important;
}
/* background color close here */

/*close text decoration customize */

/*start here font size customize*/
.fs-5{
  font-size: 5px !important;
  transition: 0.3s ease-in-out;
}
.fs-8{
  font-size: 8px !important;
  transition: 0.3s ease-in-out;
}
.fs-9{
  font-size: 9px !important;
  transition: 0.3s ease-in-out;
}
.fs-10{
  font-size: 10px !important;
  transition: 0.3s ease-in-out;
}
.fs-11{
  font-size: 11px !important;
  transition: 0.3s ease-in-out;
}
.fs-12{
  font-size: 12px !important;
  transition: 0.3s ease-in-out;
}
.fs-13{
  font-size:13px !important;
  transition: 0.3s ease-in-out;
}
.fs-14{
  font-size:14px!important;
  transition: 0.3s ease-in-out;
}
.fs-15{
  font-size: 15px!important;
  transition: 0.3s ease-in-out;
}
.fs-16{
  font-size: 16px!important;
  transition: 0.3s ease-in-out;
}
.fs-17{
  font-size: 17px!important;
  transition: 0.3s ease-in-out;
}
.fs-18{
  font-size:18px!important;
  transition: 0.3s ease-in-out;
}
.fs-19{
  font-size:19px!important;
  transition: 0.3s ease-in-out;
}
.fs-20{
  font-size: 20px!important;
  transition: 0.3s ease-in-out;
}
.fs-21{
  font-size: 21px!important;
  transition: 0.3s ease-in-out;
}
.fs-22{
  font-size: 22px!important;
  transition: 0.3s ease-in-out;
}
.fs-23{
  font-size: 23px!important;
  transition: 0.3s ease-in-out;
}
.fs-24{
  font-size: 24px!important;
  transition: 0.3s ease-in-out;
}
.fs-25{
  font-size: 25px!important;
  transition: 0.3s ease-in-out;
}
.fs-26{
  font-size: 26px!important;
  transition: 0.3s ease-in-out;
}
.fs-27{
  font-size: 27px!important;
  transition: 0.3s ease-in-out;
}
.fs-28{
  font-size: 28px!important;
  transition: 0.3s ease-in-out;
}
.fs-29{
  font-size: 29px!important;
  transition: 0.3s ease-in-out;
}
.fs-30{
  font-size: 30px!important;
  transition: 0.3s ease-in-out;
}
.fs-31{
  font-size: 31px!important;
  transition: 0.3s ease-in-out;
}
.fs-32{
  font-size: 32px!important;
  transition: 0.3s ease-in-out;
}
.fs-33{
  font-size: 33px!important;
  transition: 0.3s ease-in-out;
}
.fs-34{
  font-size: 34px!important;
  transition: 0.3s ease-in-out;
}
.fs-35{
  font-size:35px!important;
  transition: 0.3s ease-in-out;
}
.fs-36{
  font-size: 36px!important;
  transition: 0.3s ease-in-out;
}
.fs-37{
  font-size: 37px!important;
  transition: 0.3s ease-in-out;
}
.fs-38{
  font-size: 38px!important;
  transition: 0.3s ease-in-out;
}
.fs-39{
  font-size: 39px!important;
  transition: 0.3s ease-in-out;
}
.fs-40{
  font-size:40px!important;
  transition: 0.3s ease-in-out;
}
.fs-42{
  font-size: 42px!important;
  transition: 0.3s ease-in-out;
}
.fs-45{
  font-size: 45px!important;
  transition: 0.3s ease-in-out;
}
.fs-48{
  font-size: 48px!important;
  transition: 0.3s ease-in-out;
}
.fs-50{
  font-size: 50px!important;
  transition: 0.3s ease-in-out;
}
.fs-55{
  font-size: 60px!important;
  transition: 0.3s ease-in-out;
}
.fs-65{
  font-size: 65px!important;
  transition: 0.3s ease-in-out;
}
.fs-70{
  font-size: 70px!important;
  transition: 0.3s ease-in-out;
}
.fs-75{
  font-size: 75px!important;
  transition: 0.3s ease-in-out;
}
.fs-80{
  font-size: 80px!important;
  transition: 0.3s ease-in-out;
}
.fs-85{
  font-size: 85px!important;
  transition: 0.3s ease-in-out;
}
.fs-90{
  font-size: 90px!important;
  transition: 0.3s ease-in-out;
}
.fs-95{
  font-size: 95px!important;
  transition: 0.3s ease-in-out;
}
.fs-100{
  font-size: 100px!important;
  transition: 0.3s ease-in-out;
}

/*start here @media query 767px*/
@media screen and (max-width:767px) {
.fs-xs-5{
  font-size: 5px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-8{
  font-size: 8px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-9{
  font-size: 9px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-10{
  font-size: 10px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-11{
  font-size: 11px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-12{
  font-size: 12px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-13{
  font-size:13px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-14{
  font-size:14px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-15{
  font-size: 15px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-16{
  font-size: 16px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-17{
  font-size: 17px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-18{
  font-size:18px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-19{
  font-size: 19px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-20{
  font-size: 20px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-21{
  font-size: 21px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-22{
  font-size: 22px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-23{
  font-size: 23px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-24{
  font-size: 24px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-25{
  font-size: 25px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-26{
  font-size: 26px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-27{
  font-size: 27px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-28{
  font-size: 28px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-29{
  font-size: 29px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-30{
  font-size: 30px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-31{
  font-size: 31px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-32{
  font-size: 32px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-33{
  font-size: 33px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-34{
  font-size: 34px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-35{
  font-size:35px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-36{
  font-size: 36px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-37{
  font-size: 37px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-38{
  font-size: 38px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-39{
  font-size: 39px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-40{
  font-size:40px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-42{
  font-size: 42px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-45{
  font-size: 45px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-48{
  font-size: 48px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-50{
  font-size: 50px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-55{
  font-size: 60px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-65{
  font-size: 65px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-70{
  font-size: 70px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-75{
  font-size: 75px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-80{
  font-size: 80px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-85{
  font-size: 85px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-90{
  font-size: 90px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-95{
  font-size: 95px !important;
  transition: 0.3s ease-in-out;
}
.fs-xs-100{
  font-size: 100px !important;
  transition: 0.3s ease-in-out;
}
}
/*start here @media query 992*/
@media screen and (min-width:768px) and (max-width:991px) {
  .fs-sm-5{
    font-size: 5px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-8{
    font-size: 8px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-9{
    font-size: 9px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-10{
    font-size: 10px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-11{
    font-size: 11px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-12{
    font-size: 12px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-13{
    font-size:13px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-14{
    font-size:14px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-15{
    font-size: 15px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-16{
    font-size: 16px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-17{
    font-size: 17px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-18{
    font-size:18px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-19{
    font-size: 19px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-20{
    font-size: 20px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-21{
    font-size: 21px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-22{
    font-size: 22px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-23{
    font-size: 23px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-24{
    font-size: 24px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-25{
    font-size: 25px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-26{
    font-size: 26px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-27{
    font-size: 27px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-28{
    font-size: 28px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-29{
    font-size: 29px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-30{
    font-size: 30px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-31{
    font-size: 31px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-32{
    font-size: 32px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-33{
    font-size: 33px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-34{
    font-size: 34px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-35{
    font-size:35px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-36{
    font-size: 36px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-37{
    font-size: 37px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-38{
    font-size: 38px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-39{
    font-size: 39px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-40{
    font-size:40px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-42{
    font-size: 42px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-45{
    font-size: 45px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-48{
    font-size: 48px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-50{
    font-size: 50px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-55{
    font-size: 60px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-65{
    font-size: 65px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-70{
    font-size: 70px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-75{
    font-size: 75px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-80{
    font-size: 80px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-85{
    font-size: 85px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-90{
    font-size: 90px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-95{
    font-size: 95px !important;
    transition: 0.3s ease-in-out;
  }
  .fs-sm-100{
    font-size: 100px !important;
    transition: 0.3s ease-in-out;
  }
}
/*start here @media query 1200*/
@media screen and (min-width:992px) and (max-width:1200px) {
  .fs-md-5{
  font-size: 5px !important;
  transition: 0.3s ease-in-out;


}
.fs-md-8{
  font-size: 8px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-9{
  font-size: 9px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-10{
  font-size: 10px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-11{
  font-size: 11px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-12{
  font-size: 12px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-13{
  font-size:13px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-14{
  font-size:14px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-15{
  font-size: 15px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-16{
  font-size: 16px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-17{
  font-size: 17px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-18{
  font-size:18px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-19{
  font-size: 19px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-20{
  font-size: 20px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-21{
  font-size: 21px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-22{
  font-size: 22px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-23{
  font-size: 23px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-24{
  font-size: 24px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-25{
  font-size: 25px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-26{
  font-size: 26px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-27{
  font-size: 27px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-28{
  font-size: 28px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-29{
  font-size: 29px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-30{
  font-size: 30px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-31{
  font-size: 31px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-32{
  font-size: 32px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-33{
  font-size: 33px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-34{
  font-size: 34px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-35{
  font-size:35px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-36{
  font-size: 36px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-37{
  font-size: 37px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-38{
  font-size: 38px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-39{
  font-size: 39px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-40{
  font-size:40px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-42{
  font-size: 42px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-45{
  font-size: 45px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-48{
  font-size: 48px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-50{
  font-size: 50px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-55{
  font-size: 60px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-65{
  font-size: 65px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-70{
  font-size: 70px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-75{
  font-size: 75px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-80{
  font-size: 80px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-85{
  font-size: 85px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-90{
  font-size: 90px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-95{
  font-size: 95px !important;
  transition: 0.3s ease-in-out;
}
.fs-md-100{
  font-size: 100px !important;
  transition: 0.3s ease-in-out;
}
}
/*close here @media query*/
/*close here font size customize*/

/*start here font weight customize*/
.fw-300{
  font-weight: 300 !important;
  transition: 0.3s ease-in-out;
}
.fw-400{
  font-weight: 400 !important;
  transition: 0.3s ease-in-out;
}
.fw-500{
  font-weight: 500 !important;
  transition: 0.3s ease-in-out;
}
.fw-600{
  font-weight: 600 !important;
  transition: 0.3s ease-in-out;
}
.fw-700{
  font-weight: 700 !important;
  transition: 0.3s ease-in-out;
}
.fw-800{
  font-weight: 800 !important;
  transition: 0.3s ease-in-out;
}
.fw-900{
  font-weight: 900 !important;
  transition: 0.3s ease-in-out;
}
.fw-bold{
  font-weight:bold !important;
  transition: 0.3s ease-in-out;
}
.fw-bolder{
  font-weight: bolder !important;
  transition: 0.3s ease-in-out;
}

/*start here font weight media query 767px*/
@media screen and (max-width:767px) {

  .fw-xs-300{
    font-weight: 300 !important;
    transition: 0.3s ease-in-out;
  }
  .fw-xs-400{
    font-weight: 400 !important;
    transition: 0.3s ease-in-out;
  }
  .fw-xs-500{
    font-weight: 500 !important;
    transition: 0.3s ease-in-out;
  }
  .fw-xs-600{
    font-weight: 600 !important;
    transition: 0.3s ease-in-out;
  }
  .fw-xs-700{
    font-weight: 700 !important;
    transition: 0.3s ease-in-out;
  }
  .fw-xs-800{
    font-weight: 800 !important;
    transition: 0.3s ease-in-out;
  }
  .fw-xs-900{
    font-weight: 900 !important;
    transition: 0.3s ease-in-out;
  }
  .fw-xs-bold{
    font-weight:bold !important;
    transition: 0.3s ease-in-out;
  }
  .fw-xs-bolder{
    font-weight: bolder !important;
    transition: 0.3s ease-in-out;
  }

}
@media screen and (min-width:768px) and (max-width:991px) {
  .fw-sm-300{
  font-weight: 300 !important;
  transition: 0.3s ease-in-out;
}
.fw-sm-400{
  font-weight: 400 !important;
  transition: 0.3s ease-in-out;
}
.fw-sm-500{
  font-weight: 500 !important;
  transition: 0.3s ease-in-out;
}
.fw-sm-600{
  font-weight: 600 !important;
  transition: 0.3s ease-in-out;
}
.fw-sm-700{
  font-weight: 700 !important;
  transition: 0.3s ease-in-out;
}
.fw-sm-800{
  font-weight: 800 !important;
  transition: 0.3s ease-in-out;
}
.fw-sm-900{
  font-weight: 900 !important;
  transition: 0.3s ease-in-out;
}
.fw-sm-bold{
  font-weight:bold !important;
  transition: 0.3s ease-in-out;
}
.fw-sm-bolder{
  font-weight: bolder !important;
  transition: 0.3s ease-in-out;
}
}
@media screen and (min-width:993px) {
  .fw-md-300{
  font-weight: 300 !important;
  transition: 0.3s ease-in-out;
}
.fw-md-400{
  font-weight: 400 !important;
  transition: 0.3s ease-in-out;
}
.fw-md-500{
  font-weight: 500 !important;
  transition: 0.3s ease-in-out;
}
.fw-md-600{
  font-weight: 600 !important;
  transition: 0.3s ease-in-out;
}
.fw-md-700{
  font-weight: 700 !important;
  transition: 0.3s ease-in-out;
}
.fw-md-800{
  font-weight: 800 !important;
  transition: 0.3s ease-in-out;
}
.fw-md-900{
  font-weight: 900 !important;
  transition: 0.3s ease-in-out;
}
.fw-md-bold{
  font-weight:bold !important;
  transition: 0.3s ease-in-out;
}
.fw-md-bolder{
  font-weight: bolder !important;
  transition: 0.3s ease-in-out;
}
}
/*close here font weight*/
/*close here font weight customize*/

/*start here margin all side*/
.mr-0{
  margin: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-2{
  margin: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-5{
  margin: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-7{
  margin: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-8{
  margin: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-10{
  margin: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-11{
  margin: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-12{
  margin:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-13{
  margin:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-14{
  margin:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-15{
  margin:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-16{
  margin:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-17{
  margin:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-18{
  margin:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-19{
  margin:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-20{
  margin:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-21{
  margin:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-22{
  margin:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-23{
  margin:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-24{
  margin:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-25{
  margin:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-26{
  margin:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-27{
  margin:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-28{
  margin:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-29{
  margin: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-30{
  margin:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-32{
  margin:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-35{
  margin: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-38{
  margin:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-40{
  margin:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-42{
  margin:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-43{
  margin:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-44{
  margin:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-45{
  margin:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-46{
  margin:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-47{
  margin:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-48{
  margin:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-50{
  margin:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-55{
  margin:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-58{
  margin:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-60{
  margin:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-65{
  margin:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-68{
  margin:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-70{
  margin:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-75{
  margin:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-80{
  margin:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-85{
  margin:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-90{
  margin:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-95{
  margin:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-100{
  margin:100px !important;
  transition: 0.3s ease-in-out;
}

/*start here margin top*/

.mr-top-0{
  margin-top: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-2{
  margin-top: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-5{
  margin-top: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-7{
  margin-top: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-8{
  margin-top: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-10{
  margin-top: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-11{
  margin-top: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-12{
  margin-top:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-13{
  margin-top:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-14{
  margin-top:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-15{
  margin-top:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-16{
  margin-top:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-17{
  margin-top:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-18{
  margin-top:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-19{
  margin-top:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-20{
  margin-top:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-21{
  margin-top:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-22{
  margin-top:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-23{
  margin-top:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-24{
  margin-top:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-25{
  margin-top:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-26{
  margin-top:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-27{
  margin-top:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-28{
  margin-top:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-29{
  margin-top: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-30{
  margin-top:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-32{
  margin-top:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-35{
  margin-top: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-38{
  margin-top:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-40{
  margin-top:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-42{
  margin-top:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-43{
  margin-top:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-44{
  margin-top:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-45{
  margin-top:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-46{
  margin-top:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-47{
  margin-top:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-48{
  margin-top:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-50{
  margin-top:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-55{
  margin-top:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-58{
  margin-top:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-60{
  margin-top:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-65{
  margin-top:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-68{
  margin-top:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-70{
  margin-top:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-75{
  margin-top:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-80{
  margin-top:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-85{
  margin-top:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-90{
  margin-top:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-95{
  margin-top:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-100{
  margin-top:100px !important;
  transition: 0.3s ease-in-out;
}


/* start here margin right */

.mr-right-0{
  margin-right: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-2{
  margin-right: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-5{
  margin-right: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-7{
  margin-right: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-8{
  margin-right: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-10{
  margin-right: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-11{
  margin-right: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-12{
  margin-right:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-13{
  margin-right:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-14{
  margin-right:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-15{
  margin-right:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-16{
  margin-right:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-17{
  margin-right:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-18{
  margin-right:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-19{
  margin-right:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-20{
  margin-right:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-21{
  margin-right:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-22{
  margin-right:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-23{
  margin-right:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-24{
  margin-right:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-25{
  margin-right:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-26{
  margin-right:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-27{
  margin-right:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-28{
  margin-right:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-29{
  margin-right: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-30{
  margin-right:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-32{
  margin-right:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-35{
  margin-right: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-38{
  margin-right:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-40{
  margin-right:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-42{
  margin-right:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-43{
  margin-right:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-44{
  margin-right:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-45{
  margin-right:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-46{
  margin-right:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-47{
  margin-right:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-48{
  margin-right:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-50{
  margin-right:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-55{
  margin-right:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-58{
  margin-right:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-60{
  margin-right:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-65{
  margin-right:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-68{
  margin-right:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-70{
  margin-right:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-75{
  margin-right:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-80{
  margin-right:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-85{
  margin-right:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-90{
  margin-right:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-95{
  margin-right:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-100{
  margin-right:100px !important;
  transition: 0.3s ease-in-out;
}

/* start here margin bottom */
.mr-bottom-0{
  margin-bottom: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-2{
  margin-bottom: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-5{
  margin-bottom: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-7{
  margin-bottom: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-8{
  margin-bottom: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-10{
  margin-bottom: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-11{
  margin-bottom: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-12{
  margin-bottom:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-13{
  margin-bottom:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-14{
  margin-bottom:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-15{
  margin-bottom:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-16{
  margin-bottom:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-17{
  margin-bottom:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-18{
  margin-bottom:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-19{
  margin-bottom:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-20{
  margin-bottom:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-21{
  margin-bottom:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-22{
  margin-bottom:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-23{
  margin-bottom:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-24{
  margin-bottom:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-25{
  margin-bottom:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-26{
  margin-bottom:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-27{
  margin-bottom:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-28{
  margin-bottom:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-29{
  margin-bottom: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-30{
  margin-bottom:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-32{
  margin-bottom:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-35{
  margin-bottom: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-38{
  margin-bottom:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-40{
  margin-bottom:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-42{
  margin-bottom:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-43{
  margin-bottom:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-44{
  margin-bottom:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-45{
  margin-bottom:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-46{
  margin-bottom:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-47{
  margin-bottom:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-48{
  margin-bottom:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-50{
  margin-bottom:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-55{
  margin-bottom:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-58{
  margin-bottom:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-60{
  margin-bottom:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-65{
  margin-bottom:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-68{
  margin-bottom:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-70{
  margin-bottom:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-75{
  margin-bottom:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-80{
  margin-bottom:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-85{
  margin-bottom:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-90{
  margin-bottom:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-95{
  margin-bottom:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-100{
  margin-bottom:100px !important;
  transition: 0.3s ease-in-out;
}

/* start here margin left */
.mr-left-0{
  margin-left: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-2{
  margin-left: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-5{
  margin-left: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-7{
  margin-left: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-8{
  margin-left: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-10{
  margin-left: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-11{
  margin-left: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-12{
  margin-left:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-13{
  margin-left:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-14{
  margin-left:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-15{
  margin-left:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-16{
  margin-left:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-17{
  margin-left:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-18{
  margin-left:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-19{
  margin-left:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-20{
  margin-left:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-21{
  margin-left:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-22{
  margin-left:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-23{
  margin-left:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-24{
  margin-left:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-25{
  margin-left:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-26{
  margin-left:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-27{
  margin-left:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-28{
  margin-left:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-29{
  margin-left: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-30{
  margin-left:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-32{
  margin-left:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-35{
  margin-left: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-38{
  margin-left:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-40{
  margin-left:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-42{
  margin-left:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-43{
  margin-left:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-44{
  margin-left:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-45{
  margin-left:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-46{
  margin-left:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-47{
  margin-left:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-48{
  margin-left:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-50{
  margin-left:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-55{
  margin-left:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-58{
  margin-left:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-60{
  margin-left:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-65{
  margin-left:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-68{
  margin-left:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-70{
  margin-left:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-75{
  margin-left:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-80{
  margin-left:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-85{
  margin-left:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-90{
  margin-left:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-95{
  margin-left:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-100{
  margin-left:100px !important;
  transition: 0.3s ease-in-out;
}


/* start here media query 767px*/
@media screen and (min-width:767px){

/*small device margin*/

.mr-xs-0{
margin: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-2{
  margin: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-5{
  margin: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-7{
  margin: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-8{
  margin: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-10{
  margin: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-11{
  margin: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-12{
  margin:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-13{
  margin:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-14{
  margin:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-15{
  margin:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-16{
  margin:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-17{
  margin:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-18{
  margin:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-19{
  margin:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-20{
  margin:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-21{
  margin:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-22{
  margin:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-23{
  margin:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-24{
  margin:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-25{
  margin:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-26{
  margin:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-27{
  margin:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-28{
  margin:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-29{
  margin: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-30{
  margin:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-32{
  margin:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-35{
  margin: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-38{
  margin:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-40{
  margin:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-42{
  margin:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-43{
  margin:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-44{
  margin:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-45{
  margin:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-46{
  margin:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-47{
  margin:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-48{
  margin:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-50{
  margin:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-55{
  margin:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-58{
  margin:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-60{
  margin:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-65{
  margin:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-68{
  margin:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-70{
  margin:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-75{
  margin:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-80{
  margin:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-85{
  margin:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-90{
  margin:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-95{
  margin:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-xs-100{
  margin:100px !important;
  transition: 0.3s ease-in-out;
}


/* margin top small */

.mr-top-xs-0{
  margin-top: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-2{
  margin-top: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-5{
  margin-top: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-7{
  margin-top: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-8{
  margin-top: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-10{
  margin-top: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-11{
  margin-top: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-12{
  margin-top:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-13{
  margin-top:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-14{
  margin-top:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-15{
  margin-top:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-16{
  margin-top:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-17{
  margin-top:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-18{
  margin-top:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-19{
  margin-top:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-20{
  margin-top:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-21{
  margin-top:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-22{
  margin-top:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-23{
  margin-top:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-24{
  margin-top:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-25{
  margin-top:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-26{
  margin-top:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-27{
  margin-top:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-28{
  margin-top:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-29{
  margin-top: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-30{
  margin-top:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-32{
  margin-top:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-35{
  margin-top: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-38{
  margin-top:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-40{
  margin-top:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-42{
  margin-top:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-43{
  margin-top:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-44{
  margin-top:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-45{
  margin-top:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-46{
  margin-top:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-47{
  margin-top:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-48{
  margin-top:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-50{
  margin-top:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-55{
  margin-top:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-58{
  margin-top:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-60{
  margin-top:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-65{
  margin-top:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-68{
  margin-top:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-70{
  margin-top:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-75{
  margin-top:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-80{
  margin-top:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-85{
  margin-top:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-90{
  margin-top:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-95{
  margin-top:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-xs-100{
  margin-top:100px !important;
  transition: 0.3s ease-in-out;
}

/* margin right small */
.mr-right-xs-0{
  margin-right: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-2{
  margin-right: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-5{
  margin-right: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-7{
  margin-right: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-8{
  margin-right: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-10{
  margin-right: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-11{
  margin-right: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-12{
  margin-right:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-13{
  margin-right:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-14{
  margin-right:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-15{
  margin-right:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-16{
  margin-right:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-17{
  margin-right:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-18{
  margin-right:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-19{
  margin-right:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-20{
  margin-right:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-21{
  margin-right:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-22{
  margin-right:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-23{
  margin-right:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-24{
  margin-right:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-25{
  margin-right:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-26{
  margin-right:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-27{
  margin-right:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-28{
  margin-right:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-29{
  margin-right: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-30{
  margin-right:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-32{
  margin-right:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-35{
  margin-right: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-38{
  margin-right:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-40{
  margin-right:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-42{
  margin-right:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-43{
  margin-right:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-44{
  margin-right:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-45{
  margin-right:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-46{
  margin-right:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-47{
  margin-right:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-48{
  margin-right:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-50{
  margin-right:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-55{
  margin-right:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-58{
  margin-right:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-60{
  margin-right:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-65{
  margin-right:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-68{
  margin-right:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-70{
  margin-right:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-75{
  margin-right:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-80{
  margin-right:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-85{
  margin-right:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-90{
  margin-right:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-95{
  margin-right:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-xs-100{
  margin-right:100px !important;
  transition: 0.3s ease-in-out;
}

/* margin bottom small */
.mr-bottom-xs-0{
  margin-bottom: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-2{
  margin-bottom: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-5{
  margin-bottom: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-7{
  margin-bottom: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-8{
  margin-bottom: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-10{
  margin-bottom: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-11{
  margin-bottom: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-12{
  margin-bottom:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-13{
  margin-bottom:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-14{
  margin-bottom:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-15{
  margin-bottom:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-16{
  margin-bottom:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-17{
  margin-bottom:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-18{
  margin-bottom:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-19{
  margin-bottom:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-20{
  margin-bottom:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-21{
  margin-bottom:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-22{
  margin-bottom:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-23{
  margin-bottom:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-24{
  margin-bottom:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-25{
  margin-bottom:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-26{
  margin-bottom:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-27{
  margin-bottom:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-28{
  margin-bottom:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-29{
  margin-bottom: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-30{
  margin-bottom:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-32{
  margin-bottom:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-35{
  margin-bottom: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-38{
  margin-bottom:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-40{
  margin-bottom:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-42{
  margin-bottom:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-43{
  margin-bottom:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-44{
  margin-bottom:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-45{
  margin-bottom:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-46{
  margin-bottom:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-47{
  margin-bottom:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-48{
  margin-bottom:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-50{
  margin-bottom:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-55{
  margin-bottom:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-58{
  margin-bottom:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-60{
  margin-bottom:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-65{
  margin-bottom:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-68{
  margin-bottom:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-70{
  margin-bottom:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-75{
  margin-bottom:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-80{
  margin-bottom:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-85{
  margin-bottom:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-90{
  margin-bottom:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-95{
  margin-bottom:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-xs-100{
  margin-bottom:100px !important;
  transition: 0.3s ease-in-out;
}

/* margin left small */
.mr-left-xs-0{
  margin-left: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-2{
  margin-left: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-5{
  margin-left: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-7{
  margin-left: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-8{
  margin-left: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-10{
  margin-left: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-11{
  margin-left: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-12{
  margin-left:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-13{
  margin-left:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-14{
  margin-left:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-15{
  margin-left:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-16{
  margin-left:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-17{
  margin-left:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-18{
  margin-left:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-19{
  margin-left:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-20{
  margin-left:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-21{
  margin-left:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-22{
  margin-left:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-23{
  margin-left:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-24{
  margin-left:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-25{
  margin-left:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-26{
  margin-left:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-27{
  margin-left:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-28{
  margin-left:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-29{
  margin-left: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-30{
  margin-left:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-32{
  margin-left:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-35{
  margin-left: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-38{
  margin-left:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-40{
  margin-left:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-42{
  margin-left:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-43{
  margin-left:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-44{
  margin-left:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-45{
  margin-left:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-46{
  margin-left:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-47{
  margin-left:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-48{
  margin-left:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-50{
  margin-left:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-55{
  margin-left:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-58{
  margin-left:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-60{
  margin-left:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-65{
  margin-left:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-68{
  margin-left:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-70{
  margin-left:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-75{
  margin-left:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-80{
  margin-left:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-85{
  margin-left:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-90{
  margin-left:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-95{
  margin-left:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-xs-100{
  margin-left:100px !important;
  transition: 0.3s ease-in-out;
}

}

@media screen and (min-width:768px) and (max-width:991px) {
  /* margin all side  mediam*/
  .mr-sm-0{
  margin: 0px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-2{
    margin: 2px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-5{
    margin: 5px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-7{
    margin: 7px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-8{
    margin: 8px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-10{
    margin: 10px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-11{
    margin: 11px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-12{
    margin:12px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-13{
    margin:13px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-14{
    margin:14px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-15{
    margin:15px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-16{
    margin:16px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-17{
    margin:17px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-18{
    margin:18px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-19{
    margin:19px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-20{
    margin:20px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-21{
    margin:21px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-22{
    margin:22px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-23{
    margin:23px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-24{
    margin:24px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-25{
    margin:25px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-26{
    margin:26px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-27{
    margin:27px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-28{
    margin:28px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-29{
    margin: 29px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-30{
    margin:30px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-32{
    margin:32px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-35{
    margin: 35px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-38{
    margin:38px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-40{
    margin:40px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-42{
    margin:42px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-43{
    margin:43px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-44{
    margin:44px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-45{
    margin:45px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-46{
    margin:46px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-47{
    margin:47px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-48{
    margin:48px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-50{
    margin:50px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-55{
    margin:55px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-58{
    margin:58px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-60{
    margin:60px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-65{
    margin:65px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-68{
    margin:68px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-70{
    margin:70px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-75{
    margin:75px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-80{
    margin:80px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-85{
    margin:85px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-90{
    margin:90px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-95{
    margin:95px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-sm-100{
    margin:100px !important;
    transition: 0.3s ease-in-out;
  }

/* margin top mediam */
.mr-top-sm-0{
  margin-top: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-2{
  margin-top: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-5{
  margin-top: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-7{
  margin-top: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-8{
  margin-top: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-10{
  margin-top: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-11{
  margin-top: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-12{
  margin-top:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-13{
  margin-top:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-14{
  margin-top:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-15{
  margin-top:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-16{
  margin-top:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-17{
  margin-top:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-18{
  margin-top:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-19{
  margin-top:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-20{
  margin-top:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-21{
  margin-top:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-22{
  margin-top:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-23{
  margin-top:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-24{
  margin-top:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-25{
  margin-top:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-26{
  margin-top:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-27{
  margin-top:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-28{
  margin-top:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-29{
  margin-top: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-30{
  margin-top:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-32{
  margin-top:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-35{
  margin-top: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-38{
  margin-top:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-40{
  margin-top:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-42{
  margin-top:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-43{
  margin-top:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-44{
  margin-top:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-45{
  margin-top:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-46{
  margin-top:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-47{
  margin-top:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-48{
  margin-top:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-50{
  margin-top:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-55{
  margin-top:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-58{
  margin-top:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-60{
  margin-top:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-65{
  margin-top:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-68{
  margin-top:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-70{
  margin-top:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-75{
  margin-top:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-80{
  margin-top:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-85{
  margin-top:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-90{
  margin-top:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-95{
  margin-top:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-sm-100{
  margin-top:100px !important;
  transition: 0.3s ease-in-out;
}

/* margin right mediam */
.mr-right-sm-0{
  margin-right: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-2{
  margin-right: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-5{
  margin-right: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-7{
  margin-right: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-8{
  margin-right: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-10{
  margin-right: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-11{
  margin-right: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-12{
  margin-right:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-13{
  margin-right:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-14{
  margin-right:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-15{
  margin-right:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-16{
  margin-right:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-17{
  margin-right:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-18{
  margin-right:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-19{
  margin-right:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-20{
  margin-right:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-21{
  margin-right:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-22{
  margin-right:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-23{
  margin-right:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-24{
  margin-right:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-25{
  margin-right:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-26{
  margin-right:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-27{
  margin-right:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-28{
  margin-right:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-29{
  margin-right: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-30{
  margin-right:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-32{
  margin-right:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-35{
  margin-right: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-38{
  margin-right:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-40{
  margin-right:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-42{
  margin-right:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-43{
  margin-right:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-44{
  margin-right:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-45{
  margin-right:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-46{
  margin-right:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-47{
  margin-right:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-48{
  margin-right:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-50{
  margin-right:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-55{
  margin-right:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-58{
  margin-right:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-60{
  margin-right:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-65{
  margin-right:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-68{
  margin-right:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-70{
  margin-right:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-75{
  margin-right:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-80{
  margin-right:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-85{
  margin-right:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-90{
  margin-right:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-95{
  margin-right:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-sm-100{
  margin-right:100px !important;
  transition: 0.3s ease-in-out;
}
/* margin bottom mediam */
.mr-bottom-sm-0{
  margin-bottom: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-2{
  margin-bottom: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-5{
  margin-bottom: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-7{
  margin-bottom: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-8{
  margin-bottom: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-10{
  margin-bottom: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-11{
  margin-bottom: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-12{
  margin-bottom:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-13{
  margin-bottom:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-14{
  margin-bottom:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-15{
  margin-bottom:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-16{
  margin-bottom:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-17{
  margin-bottom:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-18{
  margin-bottom:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-19{
  margin-bottom:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-20{
  margin-bottom:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-21{
  margin-bottom:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-22{
  margin-bottom:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-23{
  margin-bottom:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-24{
  margin-bottom:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-25{
  margin-bottom:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-26{
  margin-bottom:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-27{
  margin-bottom:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-28{
  margin-bottom:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-29{
  margin-bottom: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-30{
  margin-bottom:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-32{
  margin-bottom:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-35{
  margin-bottom: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-38{
  margin-bottom:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-40{
  margin-bottom:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-42{
  margin-bottom:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-43{
  margin-bottom:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-44{
  margin-bottom:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-45{
  margin-bottom:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-46{
  margin-bottom:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-47{
  margin-bottom:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-48{
  margin-bottom:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-50{
  margin-bottom:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-55{
  margin-bottom:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-58{
  margin-bottom:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-60{
  margin-bottom:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-65{
  margin-bottom:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-68{
  margin-bottom:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-70{
  margin-bottom:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-75{
  margin-bottom:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-80{
  margin-bottom:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-85{
  margin-bottom:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-90{
  margin-bottom:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-95{
  margin-bottom:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-sm-100{
  margin-bottom:100px !important;
  transition: 0.3s ease-in-out;
}
/* start here margin left */
.mr-left-sm-0{
  margin-left: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-2{
  margin-left: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-5{
  margin-left: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-7{
  margin-left: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-8{
  margin-left: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-10{
  margin-left: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-11{
  margin-left: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-12{
  margin-left:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-13{
  margin-left:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-14{
  margin-left:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-15{
  margin-left:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-16{
  margin-left:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-17{
  margin-left:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-18{
  margin-left:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-19{
  margin-left:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-20{
  margin-left:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-21{
  margin-left:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-22{
  margin-left:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-23{
  margin-left:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-24{
  margin-left:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-25{
  margin-left:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-26{
  margin-left:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-27{
  margin-left:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-28{
  margin-left:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-29{
  margin-left: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-30{
  margin-left:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-32{
  margin-left:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-35{
  margin-left: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-38{
  margin-left:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-40{
  margin-left:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-42{
  margin-left:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-43{
  margin-left:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-44{
  margin-left:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-45{
  margin-left:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-46{
  margin-left:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-47{
  margin-left:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-48{
  margin-left:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-50{
  margin-left:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-55{
  margin-left:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-58{
  margin-left:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-60{
  margin-left:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-65{
  margin-left:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-68{
  margin-left:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-70{
  margin-left:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-75{
  margin-left:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-80{
  margin-left:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-85{
  margin-left:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-90{
  margin-left:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-95{
  margin-left:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-sm-100{
  margin-left:100px !important;
  transition: 0.3s ease-in-out;
}

}
@media screen and (min-width:993px;) {
  /* margin all side large */
  .mr-md-0{
  margin: 0px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-2{
    margin: 2px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-5{
    margin: 5px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-7{
    margin: 7px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-8{
    margin: 8px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-10{
    margin: 10px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-11{
    margin: 11px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-12{
    margin:12px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-13{
    margin:13px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-14{
    margin:14px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-15{
    margin:15px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-16{
    margin:16px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-17{
    margin:17px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-18{
    margin:18px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-19{
    margin:19px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-20{
    margin:20px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-21{
    margin:21px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-22{
    margin:22px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-23{
    margin:23px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-24{
    margin:24px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-25{
    margin:25px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-26{
    margin:26px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-27{
    margin:27px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-28{
    margin:28px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-29{
    margin: 29px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-30{
    margin:30px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-32{
    margin:32px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-35{
    margin: 35px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-38{
    margin:38px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-40{
    margin:40px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-42{
    margin:42px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-43{
    margin:43px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-44{
    margin:44px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-45{
    margin:45px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-46{
    margin:46px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-47{
    margin:47px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-48{
    margin:48px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-50{
    margin:50px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-55{
    margin:55px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-58{
    margin:58px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-60{
    margin:60px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-65{
    margin:65px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-68{
    margin:68px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-70{
    margin:70px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-75{
    margin:75px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-80{
    margin:80px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-85{
    margin:85px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-90{
    margin:90px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-95{
    margin:95px !important;
    transition: 0.3s ease-in-out;
  }
  .mr-md-100{
    margin:100px !important;
    transition: 0.3s ease-in-out;
  }

/* margin top large */
.mr-top-md-0{
  margin-top: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-2{
  margin-top: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-5{
  margin-top: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-7{
  margin-top: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-8{
  margin-top: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-10{
  margin-top: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-11{
  margin-top: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-12{
  margin-top:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-13{
  margin-top:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-14{
  margin-top:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-15{
  margin-top:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-16{
  margin-top:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-17{
  margin-top:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-18{
  margin-top:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-19{
  margin-top:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-20{
  margin-top:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-21{
  margin-top:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-22{
  margin-top:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-23{
  margin-top:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-24{
  margin-top:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-25{
  margin-top:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-26{
  margin-top:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-27{
  margin-top:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-28{
  margin-top:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-29{
  margin-top: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-30{
  margin-top:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-32{
  margin-top:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-35{
  margin-top: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-38{
  margin-top:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-40{
  margin-top:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-42{
  margin-top:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-43{
  margin-top:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-44{
  margin-top:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-45{
  margin-top:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-46{
  margin-top:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-47{
  margin-top:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-48{
  margin-top:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-50{
  margin-top:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-55{
  margin-top:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-58{
  margin-top:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-60{
  margin-top:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-65{
  margin-top:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-68{
  margin-top:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-70{
  margin-top:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-75{
  margin-top:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-80{
  margin-top:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-85{
  margin-top:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-90{
  margin-top:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-95{
  margin-top:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-top-md-100{
  margin-top:100px !important;
  transition: 0.3s ease-in-out;
}
/* margin right large */
.mr-right-md-0{
  margin-right: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-2{
  margin-right: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-5{
  margin-right: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-7{
  margin-right: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-8{
  margin-right: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-10{
  margin-right: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-11{
  margin-right: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-12{
  margin-right:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-13{
  margin-right:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-14{
  margin-right:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-15{
  margin-right:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-16{
  margin-right:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-17{
  margin-right:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-18{
  margin-right:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-19{
  margin-right:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-20{
  margin-right:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-21{
  margin-right:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-22{
  margin-right:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-23{
  margin-right:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-24{
  margin-right:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-25{
  margin-right:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-26{
  margin-right:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-27{
  margin-right:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-28{
  margin-right:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-29{
  margin-right: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-30{
  margin-right:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-32{
  margin-right:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-35{
  margin-right: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-38{
  margin-right:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-40{
  margin-right:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-42{
  margin-right:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-43{
  margin-right:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-44{
  margin-right:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-45{
  margin-right:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-46{
  margin-right:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-47{
  margin-right:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-48{
  margin-right:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-50{
  margin-right:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-55{
  margin-right:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-58{
  margin-right:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-60{
  margin-right:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-65{
  margin-right:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-68{
  margin-right:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-70{
  margin-right:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-75{
  margin-right:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-80{
  margin-right:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-85{
  margin-right:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-90{
  margin-right:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-95{
  margin-right:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-right-md-100{
  margin-right:100px !important;
  transition: 0.3s ease-in-out;
}
/* margin bottom large */
.mr-bottom-md-0{
  margin-bottom: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-2{
  margin-bottom: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-5{
  margin-bottom: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-7{
  margin-bottom: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-8{
  margin-bottom: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-10{
  margin-bottom: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-11{
  margin-bottom: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-12{
  margin-bottom:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-13{
  margin-bottom:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-14{
  margin-bottom:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-15{
  margin-bottom:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-16{
  margin-bottom:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-17{
  margin-bottom:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-18{
  margin-bottom:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-19{
  margin-bottom:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-20{
  margin-bottom:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-21{
  margin-bottom:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-22{
  margin-bottom:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-23{
  margin-bottom:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-24{
  margin-bottom:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-25{
  margin-bottom:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-26{
  margin-bottom:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-27{
  margin-bottom:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-28{
  margin-bottom:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-29{
  margin-bottom: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-30{
  margin-bottom:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-32{
  margin-bottom:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-35{
  margin-bottom: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-38{
  margin-bottom:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-40{
  margin-bottom:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-42{
  margin-bottom:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-43{
  margin-bottom:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-44{
  margin-bottom:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-45{
  margin-bottom:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-46{
  margin-bottom:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-47{
  margin-bottom:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-48{
  margin-bottom:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-50{
  margin-bottom:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-55{
  margin-bottom:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-58{
  margin-bottom:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-60{
  margin-bottom:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-65{
  margin-bottom:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-68{
  margin-bottom:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-70{
  margin-bottom:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-75{
  margin-bottom:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-80{
  margin-bottom:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-85{
  margin-bottom:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-90{
  margin-bottom:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-95{
  margin-bottom:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-bottom-md-100{
  margin-bottom:100px !important;
  transition: 0.3s ease-in-out;
}

/* margin left  */
.mr-left-md-0{
  margin-left: 0px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-2{
  margin-left: 2px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-5{
  margin-left: 5px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-7{
  margin-left: 7px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-8{
  margin-left: 8px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-10{
  margin-left: 10px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-11{
  margin-left: 11px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-12{
  margin-left:12px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-13{
  margin-left:13px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-14{
  margin-left:14px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-15{
  margin-left:15px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-16{
  margin-left:16px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-17{
  margin-left:17px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-18{
  margin-left:18px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-19{
  margin-left:19px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-20{
  margin-left:20px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-21{
  margin-left:21px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-22{
  margin-left:22px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-23{
  margin-left:23px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-24{
  margin-left:24px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-25{
  margin-left:25px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-26{
  margin-left:26px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-27{
  margin-left:27px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-28{
  margin-left:28px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-29{
  margin-left: 29px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-30{
  margin-left:30px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-32{
  margin-left:32px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-35{
  margin-left: 35px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-38{
  margin-left:38px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-40{
  margin-left:40px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-42{
  margin-left:42px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-43{
  margin-left:43px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-44{
  margin-left:44px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-45{
  margin-left:45px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-46{
  margin-left:46px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-47{
  margin-left:47px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-48{
  margin-left:48px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-50{
  margin-left:50px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-55{
  margin-left:55px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-58{
  margin-left:58px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-60{
  margin-left:60px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-65{
  margin-left:65px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-68{
  margin-left:68px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-70{
  margin-left:70px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-75{
  margin-left:75px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-80{
  margin-left:80px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-85{
  margin-left:85px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-90{
  margin-left:90px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-95{
  margin-left:95px !important;
  transition: 0.3s ease-in-out;
}
.mr-left-md-100{
  margin-left:100px !important;
  transition: 0.3s ease-in-out;
}
}

/* start here padding all side */
.pd-0{
  padding: 0px !important;
  transition: 0.3s ease-in-out;
}
.pd-5{
  padding: 5px !important;
  transition: 0.3s ease-in-out;
}
.pd-8{
  padding: 8px !important;
  transition: 0.3s ease-in-out;
}
.pd-10{
  padding: 10px !important;
  transition: 0.3s ease-in-out;
}
.pd-12{
  padding: 12px !important;
  transition: 0.3s ease-in-out;
}
.pd-14{
  padding: 14px !important;
  transition: 0.3s ease-in-out;
}
.pd-15{
  padding: 15px !important;
  transition: 0.3s ease-in-out;
}
.pd-18{
  padding: 18px !important;
  transition: 0.3s ease-in-out;
}
.pd-20{
  padding: 20px !important;
  transition: 0.3s ease-in-out;
}
.pd-21{
  padding: 21px !important;
  transition: 0.3s ease-in-out;
}
.pd-22{
  padding: 22px !important;
  transition: 0.3s ease-in-out;
}
.pd-23{
  padding: 23px !important;
  transition: 0.3s ease-in-out;
}
.pd-25{
  padding: 25px !important;
  transition: 0.3s ease-in-out;
}
.pd-28{
  padding: 28px !important;
  transition: 0.3s ease-in-out;
}
.pd-30{
  padding: 30px !important;
  transition: 0.3s ease-in-out;
}
.pd-35{
  padding: 35px !important;
  transition: 0.3s ease-in-out;
}
.pd-38{
  padding: 38px !important;
  transition: 0.3s ease-in-out;
}
.pd-40{
  padding: 40px !important;
  transition: 0.3s ease-in-out;
}
.pd-42{
  padding: 42px !important;
  transition: 0.3s ease-in-out;
}
.pd-45{
  padding: 45px !important;
  transition: 0.3s ease-in-out;
}
.pd-47{
  padding: 47px !important;
  transition: 0.3s ease-in-out;
}
.pd-48{
  padding:48px !important;
  transition: 0.3s ease-in-out;
}
.pd-50{
  padding:50px !important;
  transition: 0.3s ease-in-out;
}
.pd-52{
  padding: 52px !important;
  transition: 0.3s ease-in-out;
}
.pd-55{
  padding: 55px !important;
  transition: 0.3s ease-in-out;
}
.pd-56{
  padding: 56px !important;
  transition: 0.3s ease-in-out;
}
.pd-58{
  padding: 58px !important;
  transition: 0.3s ease-in-out;
}
.pd-60{
  padding: 60px !important;
  transition: 0.3s ease-in-out;
}
.pd-65{
  padding: 65px !important;
  transition: 0.3s ease-in-out;
}
.pd-70{
  padding: 70px !important;
  transition: 0.3s ease-in-out;
}
.pd-75{
  padding: 75px !important;
  transition: 0.3s ease-in-out;
}
.pd-80{
  padding: 80px !important;
  transition: 0.3s ease-in-out;
}
.pd-85{
  padding: 85px !important;
  transition: 0.3s ease-in-out;
}
.pd-90{
  padding: 90px !important;
  transition: 0.3s ease-in-out;
}
.pd-95{
  padding: 95px !important;
  transition: 0.3s ease-in-out;
}
.pd-100{
  padding:100px !important;
  transition: 0.3s ease-in-out;
}

/* start here padding top  */
.pd-top-0{
  padding-top: 0px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-5{
  padding-top: 5px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-8{
  padding-top: 8px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-10{
  padding-top: 10px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-12{
  padding-top: 12px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-14{
  padding-top: 14px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-15{
  padding-top: 15px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-18{
  padding-top: 18px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-20{
  padding-top: 20px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-21{
  padding-top: 21px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-22{
  padding-top: 22px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-23{
  padding-top: 23px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-25{
  padding-top: 25px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-28{
  padding-top: 28px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-30{
  padding-top: 30px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-35{
  padding-top: 35px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-38{
  padding-top: 38px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-40{
  padding-top: 40px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-42{
  padding-top: 42px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-45{
  padding-top: 45px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-47{
  padding-top: 47px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-48{
  padding-top:48px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-50{
  padding-top:50px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-52{
  padding-top: 52px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-55{
  padding-top: 55px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-56{
  padding-top: 56px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-58{
  padding-top: 58px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-60{
  padding-top: 60px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-65{
  padding-top: 65px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-70{
  padding-top: 70px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-75{
  padding-top: 75px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-80{
  padding-top: 80px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-85{
  padding-top: 85px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-90{
  padding-top: 90px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-95{
  padding-top: 95px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-100{
  padding-top:100px !important;
  transition: 0.3s ease-in-out;
}

/* start here padding right */

.pd-right-0{
  padding-right: 0px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-5{
  padding-right: 5px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-8{
  padding-right: 8px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-10{
  padding-right: 10px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-12{
  padding-right: 12px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-14{
  padding-right: 14px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-15{
  padding-right: 15px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-18{
  padding-right: 18px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-20{
  padding-right: 20px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-21{
  padding-right: 21px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-22{
  padding-right: 22px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-23{
  padding-right: 23px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-25{
  padding-right: 25px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-28{
  padding-right: 28px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-30{
  padding-right: 30px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-35{
  padding-right: 35px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-38{
  padding-right: 38px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-40{
  padding-right: 40px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-42{
  padding-right: 42px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-45{
  padding-right: 45px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-47{
  padding-right: 47px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-48{
  padding-right:48px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-50{
  padding-right:50px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-52{
  padding-right: 52px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-55{
  padding-right: 55px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-56{
  padding-right: 56px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-58{
  padding-right: 58px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-60{
  padding-right: 60px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-65{
  padding-right: 65px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-70{
  padding-right: 70px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-75{
  padding-right: 75px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-80{
  padding-right: 80px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-85{
  padding-right: 85px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-90{
  padding-right: 90px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-95{
  padding-right: 95px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-100{
  padding-right:100px !important;
  transition: 0.3s ease-in-out;
}

/* start here padding bottom */
.pd-bottom-0{
  padding-bottom: 0px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-5{
  padding-bottom: 5px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-8{
  padding-bottom: 8px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-10{
  padding-bottom: 10px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-12{
  padding-bottom: 12px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-14{
  padding-bottom: 14px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-15{
  padding-bottom: 15px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-18{
  padding-bottom: 18px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-20{
  padding-bottom: 20px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-21{
  padding-bottom: 21px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-22{
  padding-bottom: 22px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-23{
  padding-bottom: 23px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-25{
  padding-bottom: 25px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-28{
  padding-bottom: 28px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-30{
  padding-bottom: 30px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-35{
  padding-bottom: 35px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-38{
  padding-bottom: 38px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-40{
  padding-bottom: 40px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-42{
  padding-bottom: 42px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-45{
  padding-bottom: 45px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-47{
  padding-bottom: 47px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-48{
  padding-bottom:48px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-50{
  padding-bottom:50px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-52{
  padding-bottom: 52px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-55{
  padding-bottom: 55px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-56{
  padding-bottom: 56px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-58{
  padding-bottom: 58px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-60{
  padding-bottom: 60px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-65{
  padding-bottom: 65px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-70{
  padding-bottom: 70px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-75{
  padding-bottom: 75px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-80{
  padding-bottom: 80px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-85{
  padding-bottom: 85px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-90{
  padding-bottom: 90px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-95{
  padding-bottom: 95px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-100{
  padding-bottom:100px !important;
  transition: 0.3s ease-in-out;
}

/* start here padding left */

.pd-left-0{
  padding-left: 0px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-5{
  padding-left: 5px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-8{
  padding-left: 8px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-10{
  padding-left: 10px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-12{
  padding-left: 12px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-14{
  padding-left: 14px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-15{
  padding-left: 15px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-18{
  padding-left: 18px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-20{
  padding-left: 20px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-21{
  padding-left: 21px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-22{
  padding-left: 22px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-23{
  padding-left: 23px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-25{
  padding-left: 25px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-28{
  padding-left: 28px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-30{
  padding-left: 30px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-35{
  padding-left: 35px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-38{
  padding-left: 38px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-40{
  padding-left: 40px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-42{
  padding-left: 42px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-45{
  padding-left: 45px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-47{
  padding-left: 47px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-48{
  padding-left:48px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-50{
  padding-left:50px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-52{
  padding-left: 52px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-55{
  padding-left: 55px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-56{
  padding-left: 56px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-58{
  padding-left: 58px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-60{
  padding-left: 60px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-65{
  padding-left: 65px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-70{
  padding-left: 70px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-75{
  padding-left: 75px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-80{
  padding-left: 80px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-85{
  padding-left: 85px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-90{
  padding-left: 90px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-95{
  padding-left: 95px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-100{
  padding-left:100px !important;
  transition: 0.3s ease-in-out;
}

/* start here media query */
@media screen and (max-width:767px) {

/* padding all side small */
.pd-xs-0{
  padding: 0px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-5{
  padding: 5px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-8{
  padding: 8px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-10{
  padding: 10px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-12{
  padding: 12px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-14{
  padding: 14px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-15{
  padding: 15px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-18{
  padding: 18px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-20{
  padding: 20px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-21{
  padding: 21px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-22{
  padding: 22px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-23{
  padding: 23px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-25{
  padding: 25px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-28{
  padding: 28px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-30{
  padding: 30px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-35{
  padding: 35px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-38{
  padding: 38px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-40{
  padding: 40px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-42{
  padding: 42px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-45{
  padding: 45px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-47{
  padding: 47px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-48{
  padding:48px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-50{
  padding:50px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-52{
  padding: 52px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-55{
  padding: 55px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-56{
  padding: 56px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-58{
  padding: 58px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-60{
  padding: 60px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-65{
  padding: 65px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-70{
  padding: 70px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-75{
  padding: 75px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-80{
  padding: 80px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-85{
  padding: 85px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-90{
  padding: 90px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-95{
  padding: 95px !important;
  transition: 0.3s ease-in-out;
}
.pd-xs-100{
  padding:100px !important;
  transition: 0.3s ease-in-out;
}

/* padding top small */
.pd-top-xs-0{
  padding-top: 0px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-5{
  padding-top: 5px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-8{
  padding-top: 8px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-10{
  padding-top: 10px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-12{
  padding-top: 12px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-14{
  padding-top: 14px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-15{
  padding-top: 15px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-18{
  padding-top: 18px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-20{
  padding-top: 20px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-21{
  padding-top: 21px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-22{
  padding-top: 22px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-23{
  padding-top: 23px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-25{
  padding-top: 25px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-28{
  padding-top: 28px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-30{
  padding-top: 30px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-35{
  padding-top: 35px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-38{
  padding-top: 38px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-40{
  padding-top: 40px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-42{
  padding-top: 42px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-45{
  padding-top: 45px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-47{
  padding-top: 47px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-48{
  padding-top:48px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-50{
  padding-top:50px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-52{
  padding-top: 52px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-55{
  padding-top: 55px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-56{
  padding-top: 56px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-58{
  padding-top: 58px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-60{
  padding-top: 60px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-65{
  padding-top: 65px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-70{
  padding-top: 70px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-75{
  padding-top: 75px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-80{
  padding-top: 80px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-85{
  padding-top: 85px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-90{
  padding-top: 90px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-95{
  padding-top: 95px !important;
  transition: 0.3s ease-in-out;
}
.pd-top-xs-100{
  padding-top:100px !important;
  transition: 0.3s ease-in-out;
}
/* padding right small */
.pd-right-xs-0{
  padding-right: 0px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-5{
  padding-right: 5px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-8{
  padding-right: 8px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-10{
  padding-right: 10px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-12{
  padding-right: 12px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-14{
  padding-right: 14px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-15{
  padding-right: 15px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-18{
  padding-right: 18px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-20{
  padding-right: 20px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-21{
  padding-right: 21px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-22{
  padding-right: 22px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-23{
  padding-right: 23px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-25{
  padding-right: 25px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-28{
  padding-right: 28px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-30{
  padding-right: 30px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-35{
  padding-right: 35px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-38{
  padding-right: 38px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-40{
  padding-right: 40px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-42{
  padding-right: 42px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-45{
  padding-right: 45px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-47{
  padding-right: 47px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-48{
  padding-right:48px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-50{
  padding-right:50px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-52{
  padding-right: 52px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-55{
  padding-right: 55px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-56{
  padding-right: 56px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-58{
  padding-right: 58px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-60{
  padding-right: 60px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-65{
  padding-right: 65px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-70{
  padding-right: 70px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-75{
  padding-right: 75px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-80{
  padding-right: 80px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-85{
  padding-right: 85px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-90{
  padding-right: 90px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-95{
  padding-right: 95px !important;
  transition: 0.3s ease-in-out;
}
.pd-right-xs-100{
  padding-right:100px !important;
  transition: 0.3s ease-in-out;
}

/* padding bottom small*/
.pd-bottom-xs-0{
  padding-bottom: 0px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-5{
  padding-bottom: 5px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-8{
  padding-bottom: 8px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-10{
  padding-bottom: 10px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-12{
  padding-bottom: 12px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-14{
  padding-bottom: 14px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-15{
  padding-bottom: 15px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-18{
  padding-bottom: 18px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-20{
  padding-bottom: 20px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-21{
  padding-bottom: 21px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-22{
  padding-bottom: 22px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-23{
  padding-bottom: 23px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-25{
  padding-bottom: 25px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-28{
  padding-bottom: 28px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-30{
  padding-bottom: 30px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-35{
  padding-bottom: 35px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-38{
  padding-bottom: 38px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-40{
  padding-bottom: 40px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-42{
  padding-bottom: 42px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-45{
  padding-bottom: 45px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-47{
  padding-bottom: 47px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-48{
  padding-bottom:48px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-50{
  padding-bottom:50px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-52{
  padding-bottom: 52px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-55{
  padding-bottom: 55px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-56{
  padding-bottom: 56px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-58{
  padding-bottom: 58px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-60{
  padding-bottom: 60px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-65{
  padding-bottom: 65px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-70{
  padding-bottom: 70px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-75{
  padding-bottom: 75px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-80{
  padding-bottom: 80px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-85{
  padding-bottom: 85px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-90{
  padding-bottom: 90px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-95{
  padding-bottom: 95px !important;
  transition: 0.3s ease-in-out;
}
.pd-bottom-xs-100{
  padding-bottom:100px !important;
  transition: 0.3s ease-in-out;
}

/* padding left small */
.pd-left-xs-0{
  padding-left: 0px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-5{
  padding-left: 5px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-8{
  padding-left: 8px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-10{
  padding-left: 10px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-12{
  padding-left: 12px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-14{
  padding-left: 14px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-15{
  padding-left: 15px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-18{
  padding-left: 18px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-20{
  padding-left: 20px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-21{
  padding-left: 21px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-22{
  padding-left: 22px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-23{
  padding-left: 23px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-25{
  padding-left: 25px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-28{
  padding-left: 28px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-30{
  padding-left: 30px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-35{
  padding-left: 35px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-38{
  padding-left: 38px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-40{
  padding-left: 40px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-42{
  padding-left: 42px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-45{
  padding-left: 45px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-47{
  padding-left: 47px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-48{
  padding-left:48px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-50{
  padding-left:50px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-52{
  padding-left: 52px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-55{
  padding-left: 55px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-56{
  padding-left: 56px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-58{
  padding-left: 58px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-60{
  padding-left: 60px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-65{
  padding-left: 65px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-70{
  padding-left: 70px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-75{
  padding-left: 75px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-80{
  padding-left: 80px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-85{
  padding-left: 85px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-90{
  padding-left: 90px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-95{
  padding-left: 95px !important;
  transition: 0.3s ease-in-out;
}
.pd-left-xs-100{
  padding-left:100px !important;
  transition: 0.3s ease-in-out;
}

}

/* start here media query table 768 to 992 */
@media screen and (min-width:768px) and (max-width:991px) {
  /* padding all side small */
  .pd-sm-0{
    padding: 0px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-5{
    padding: 5px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-8{
    padding: 8px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-10{
    padding: 10px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-12{
    padding: 12px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-14{
    padding: 14px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-15{
    padding: 15px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-18{
    padding: 18px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-20{
    padding: 20px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-21{
    padding: 21px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-22{
    padding: 22px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-23{
    padding: 23px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-25{
    padding: 25px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-28{
    padding: 28px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-30{
    padding: 30px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-35{
    padding: 35px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-38{
    padding: 38px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-40{
    padding: 40px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-42{
    padding: 42px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-45{
    padding: 45px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-47{
    padding: 47px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-48{
    padding:48px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-50{
    padding:50px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-52{
    padding: 52px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-55{
    padding: 55px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-56{
    padding: 56px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-58{
    padding: 58px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-60{
    padding: 60px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-65{
    padding: 65px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-70{
    padding: 70px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-75{
    padding: 75px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-80{
    padding: 80px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-85{
    padding: 85px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-90{
    padding: 90px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-95{
    padding: 95px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-sm-100{
    padding:100px !important;
    transition: 0.3s ease-in-out;
  }

  /* padding top small */
  .pd-top-sm-0{
    padding-top: 0px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-5{
    padding-top: 5px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-8{
    padding-top: 8px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-10{
    padding-top: 10px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-12{
    padding-top: 12px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-14{
    padding-top: 14px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-15{
    padding-top: 15px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-18{
    padding-top: 18px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-20{
    padding-top: 20px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-21{
    padding-top: 21px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-22{
    padding-top: 22px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-23{
    padding-top: 23px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-25{
    padding-top: 25px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-28{
    padding-top: 28px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-30{
    padding-top: 30px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-35{
    padding-top: 35px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-38{
    padding-top: 38px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-40{
    padding-top: 40px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-42{
    padding-top: 42px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-45{
    padding-top: 45px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-47{
    padding-top: 47px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-48{
    padding-top:48px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-50{
    padding-top:50px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-52{
    padding-top: 52px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-55{
    padding-top: 55px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-56{
    padding-top: 56px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-58{
    padding-top: 58px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-60{
    padding-top: 60px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-65{
    padding-top: 65px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-70{
    padding-top: 70px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-75{
    padding-top: 75px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-80{
    padding-top: 80px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-85{
    padding-top: 85px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-90{
    padding-top: 90px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-95{
    padding-top: 95px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-top-sm-100{
    padding-top:100px !important;
    transition: 0.3s ease-in-out;
  }
  /* padding right small */
  .pd-right-sm-0{
    padding-right: 0px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-5{
    padding-right: 5px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-8{
    padding-right: 8px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-10{
    padding-right: 10px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-12{
    padding-right: 12px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-14{
    padding-right: 14px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-15{
    padding-right: 15px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-18{
    padding-right: 18px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-20{
    padding-right: 20px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-21{
    padding-right: 21px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-22{
    padding-right: 22px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-23{
    padding-right: 23px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-25{
    padding-right: 25px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-28{
    padding-right: 28px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-30{
    padding-right: 30px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-35{
    padding-right: 35px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-38{
    padding-right: 38px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-40{
    padding-right: 40px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-42{
    padding-right: 42px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-45{
    padding-right: 45px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-47{
    padding-right: 47px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-48{
    padding-right:48px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-50{
    padding-right:50px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-52{
    padding-right: 52px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-55{
    padding-right: 55px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-56{
    padding-right: 56px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-58{
    padding-right: 58px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-60{
    padding-right: 60px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-65{
    padding-right: 65px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-70{
    padding-right: 70px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-75{
    padding-right: 75px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-80{
    padding-right: 80px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-85{
    padding-right: 85px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-90{
    padding-right: 90px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-95{
    padding-right: 95px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-right-sm-100{
    padding-right:100px !important;
    transition: 0.3s ease-in-out;
  }

  /* padding bottom small*/
  .pd-bottom-sm-0{
    padding-bottom: 0px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-5{
    padding-bottom: 5px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-8{
    padding-bottom: 8px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-10{
    padding-bottom: 10px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-12{
    padding-bottom: 12px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-14{
    padding-bottom: 14px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-15{
    padding-bottom: 15px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-18{
    padding-bottom: 18px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-20{
    padding-bottom: 20px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-21{
    padding-bottom: 21px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-22{
    padding-bottom: 22px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-23{
    padding-bottom: 23px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-25{
    padding-bottom: 25px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-28{
    padding-bottom: 28px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-30{
    padding-bottom: 30px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-35{
    padding-bottom: 35px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-38{
    padding-bottom: 38px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-40{
    padding-bottom: 40px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-42{
    padding-bottom: 42px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-45{
    padding-bottom: 45px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-47{
    padding-bottom: 47px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-48{
    padding-bottom:48px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-50{
    padding-bottom:50px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-52{
    padding-bottom: 52px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-55{
    padding-bottom: 55px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-56{
    padding-bottom: 56px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-58{
    padding-bottom: 58px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-60{
    padding-bottom: 60px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-65{
    padding-bottom: 65px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-70{
    padding-bottom: 70px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-75{
    padding-bottom: 75px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-80{
    padding-bottom: 80px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-85{
    padding-bottom: 85px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-90{
    padding-bottom: 90px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-95{
    padding-bottom: 95px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-bottom-sm-100{
    padding-bottom:100px !important;
    transition: 0.3s ease-in-out;
  }

  /* padding left small */
  .pd-left-sm-0{
    padding-left: 0px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-5{
    padding-left: 5px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-8{
    padding-left: 8px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-10{
    padding-left: 10px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-12{
    padding-left: 12px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-14{
    padding-left: 14px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-15{
    padding-left: 15px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-18{
    padding-left: 18px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-20{
    padding-left: 20px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-21{
    padding-left: 21px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-22{
    padding-left: 22px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-23{
    padding-left: 23px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-25{
    padding-left: 25px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-28{
    padding-left: 28px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-30{
    padding-left: 30px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-35{
    padding-left: 35px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-38{
    padding-left: 38px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-40{
    padding-left: 40px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-42{
    padding-left: 42px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-45{
    padding-left: 45px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-47{
    padding-left: 47px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-48{
    padding-left:48px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-50{
    padding-left:50px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-52{
    padding-left: 52px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-55{
    padding-left: 55px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-56{
    padding-left: 56px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-58{
    padding-left: 58px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-60{
    padding-left: 60px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-65{
    padding-left: 65px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-70{
    padding-left: 70px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-75{
    padding-left: 75px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-80{
    padding-left: 80px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-85{
    padding-left: 85px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-90{
    padding-left: 90px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-95{
    padding-left: 95px !important;
    transition: 0.3s ease-in-out;
  }
  .pd-left-sm-100{
    padding-left:100px !important;
    transition: 0.3s ease-in-out;
  }

}


/* start here navabr */