@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&amp;display=swap");

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&amp;display=swap");

* {

  margin: 0px;

  padding: 0px;

}



img {

  max-width: 100%;

}



a {

  text-decoration: none;

  color: inherit;

}



a:hover {

  text-decoration: none;

  color: inherit;

}



body {

  font-family: 'Poppins', sans-serif;

}



p {

  line-height: 25px;

  font-size: 15px;

  font-weight: 400;

}



.sec-head-col {

  padding: 0px 15px 30px;

  text-align: center;

}



.sec-name {

  font-size: 50px;

  color: #000033;

  font-weight: 600;

  text-transform: capitalize;

  margin: 0px;

  position: relative;

  font-family: 'Cinzel', serif;

  padding-bottom: 0px;

  font-weight: 800;

  line-height: inherit;

}



.sub-head {

  display: block;

  font-size: 17px;

  color: #000;

  text-transform: capitalize;

  padding: 0px 0px 0px;

  font-weight: 00;

}



.service-name {

  font-size: 20px;

  color: #000033;

  text-transform: capitalize;

  text-align: center;

  font-family: 'Cinzel', serif;

  font-weight: 800;

  margin: 0px;

  padding: 20px 0px;

}



.srv-call {

  padding: 10px 0px;

  display: block;

}



.srv-call a {

  position: relative;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

  color: #fff;

  border: 1px solid #000033;

  padding: 10px 20px;

  border-radius: 0px;

  font-weight: 400;

  font-size: 16px;

  z-index: 1;

}



.srv-call a:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  right: 0px;

  bottom: 0px;

  left: 0px;

  margin: 0 auto;

  -webkit-transform: scale(1);

          transform: scale(1);

  background: #000033;

  border-radius: inherit;

  z-index: -1;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.srv-call a:hover {

  background: transparent;

  color: #000033;

  -webkit-box-shadow: 0px 0px 6px #ffffff5c;

          box-shadow: 0px 0px 6px #ffffff5c;

}



.srv-call a:hover::before {

  -webkit-transform: scale(0);

          transform: scale(0);

}



ul {

  list-style: none;

  margin: 0px;

}



ul li {

  text-transform: capitalize;

}



.top-sec {

  text-align: center;

}



.top-sec .top-col {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  position: relative;

  z-index: 1;

  background:#99FF00;

  padding: 5px 15px;

}



.top-sec .top-col .top-inr {

  padding: 0px;

}



.top-sec .top-col1 {

  background: #fff;

}



.top-sec .top-col2 {

  z-index: 1;

}



.top-sec .top-col2:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  right: 0px;

  bottom: inherit;

  left: 0px;

  margin: 0 auto;

  background: inherit;

  z-index: -1;

  -webkit-transform: skew(45deg);

          transform: skew(45deg);

  -webkit-transform-origin: bottom;

          transform-origin: bottom;

}



.top-sec p {

  margin: 0px;

}



.top-sec .top-p1 {

  font-size: 18px;

  color: #000033;

  font-weight: 600;

}



.top-sec .top-p1 span {

  display: block;

  color: #000;

  font-weight: 400;

  font-size: 16px;

}



.top-sec .top-p2 {

  font-size: 20px;

  text-transform: capitalize;

  color: #ff0000;

  font-weight: 500;

}



.top-sec ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.top-sec ul li {

  padding: 0px 5px;

}



.top-sec ul li i {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  width: 40px;

  height: 40px;

  font-size: 20px;

  background: #fff;

  color: #000033;

  border-radius: 5px;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.top-sec ul li i:hover {

  opacity: 0.8;

}



.logo-sec .logo-col {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  text-align: center;

}



.logo-sec .logo-inr {

  padding: 0px;

}



.logo-sec p {

  margin: 0px;

}



.logo-sec .logo-p1 {

  font-size: 24px;

  color: #000033;

  text-transform: capitalize;

  text-align: center;

  font-family: 'Cinzel', serif;

  font-weight: 800;

  margin: 0px;

  padding: 20px 0px;

  padding: 10px 0px;

  font-weight: 800;

}



.logo-sec .logo-p2 {

  font-size: 20px;

  color: #000;

  font-weight: 400;

  padding: 10px 0px;

}



.logo-sec .logo-p2 span {

  color: #000033;

}



.logo-sec .mrq-col {

  padding: 6px 15px;

  background: #99FF00;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  color: #000000;

  font-size: 20px;

  border-radius: 30px;

}



.logo-sec .logo-col3 {

  background: #fff;

  padding: 20px 15px;

  z-index: 1;

  margin-top: 20px;

}



.logo-sec .logo-col3 .logo-p3 {

  font-size: 25px;

  font-weight: 800;

  color: #000033;

  text-transform: uppercase;

  word-spacing: 10px;

}



.logo-sec .logo-col3:before {

  content: "";

  position: absolute;

  width: 90%;

  height: 100%;

  top: inherit;

  right: 0px;

  bottom: 0px;

  left: 0px;

  margin: 0 auto;

  background: #fbfbfb;

  z-index: -1;

  border-radius: 30px 30px 0px 0px;

  -webkit-box-shadow: 0px -2px 20px #0000004f;

          box-shadow: 0px -2px 20px #0000004f;

}



.logo-sec .logo-col4 {

  background:#000033;

}



.logo-sec .logo-col4 ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-pack: distribute;

      justify-content: space-around;

}



.logo-sec .logo-col4 ul li {

  padding: 10px 25px;

  color: #fff;

  position: relative;

}



.logo-sec .logo-col4 ul li:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 60%;

  top: 20%;

  right: 0px;

  bottom: inherit;

  left: 0px;

  margin: 0 auto;

  border-right: 1px solid #fff;

}



.logo-sec .logo-col4 ul li:last-child:before {

  display: none;

}



.banner-sec .slider-ban {

  padding: 0px;

}



.banner-sec .mrq-col {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  padding: 10px 15px;

  background: #000033;

  color: #fff;

  font-size: 24px;

}



.top-srv-sec {

  text-align: center;

  padding: 50px 0px;

  position: relative;

  z-index: 1;

}



.top-srv-sec .srv-mn {

  padding: 30px 15px;

}



.top-srv-sec .srv-inr {

  padding: 15px;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

  background: transparent;

  position: relative;

  z-index: 1;

  border: 1px solid #000033;

}



.top-srv-sec .srv-inr:hover .service-name {

  color: #000;

}



.top-srv-sec .srv-inr:hover .srv-img img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

  -webkit-filter: drop-shadow(0px 0px 6px #00000071);

          filter: drop-shadow(0px 0px 6px #00000071);

}



.top-srv-sec .srv-img {

  padding: 15px;

  overflow: hidden;

  border-radius: 70% 30% 30% 70% / 70% 30% 70% 30%;

  position: relative;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.top-srv-sec .srv-img img {

  width: 100%;

  border-radius: 70% 30% 30% 70% / 70% 30% 70% 30%;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.top-srv-sec .service-name {

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.wavy-pt {

  padding: 0px;

  margin-bottom: -10px;

  margin-top: -80px;

}



.wavy-pt path {

  fill: #000033 !important;

}



.serv1-sec {

  padding: 0px 0px 50px;

  position: relative;

  z-index: 1;

  background: #000033;

}



.serv1-sec .sec-name {

  color: #fff;

}



.serv1-sec .sub-head {

  color: #99ff00;

}



.serv1-sec .srv-col1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.serv1-sec .srv-col1 .srv-inr {

  padding: 30px 20px;

  background: #efefef;

  position: relative;

}



.serv1-sec .srv-col1 .srv-inr ul li {

  line-height: 46px;

  font-size: 16px;

  font-weight: 600;

  border-bottom: 1px solid #4e4e4e2b;

}



.serv1-sec .srv-col1 .srv-inr ul li .fas {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  font-size: 15px;

  background: #ff0000;

  color: #9c0000;

  margin-right: 10px;

}



.serv1-sec .srv-col1 .srv-inr ul li:last-child {

  border: 0px;

}



.serv1-sec .srv-col2 {

  padding: 15px;

  text-align: center;

}



.serv1-sec .srv-col2 .srv-inr {

  padding: 0px;

  background: transparent;

}



.serv1-sec .srv-col2 .srv-inr .srv-mn {

  padding: 25px;

}



.serv1-sec .srv-col2 .srv-inr .srv-mn .srv-box {

  padding: 0px;

  position: relative;

  overflow: hidden;

}



.serv1-sec .srv-col2 .srv-inr .srv-mn .srv-box:hover .call-icon {

  height: 70px;

}



.serv1-sec .srv-col2 .srv-inr .srv-mn .srv-box:hover .call-spn1 {

  -webkit-transform: translateY(-9px);

          transform: translateY(-9px);

  opacity: 1;

}



.serv1-sec .srv-col2 .srv-inr .srv-mn .srv-box:hover .arw-i {

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

}



.serv1-sec .srv-col2 .srv-inr .srv-mn .srv-box .srv-im {

  padding: 0px;

  position: relative;

}



.serv1-sec .srv-col2 .srv-inr .srv-mn .srv-box img {

  width: 100%;

}



.serv1-sec .srv-col2 .srv-inr .srv-mn .srv-box .call-icon {

  position: absolute;

  z-index: 1;

  width: 100%;

  padding: 0px;

  top: 0;

  background: #000;

  height: 43px;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.serv1-sec .srv-col2 .srv-inr .srv-mn .srv-box .arw-i {

  position: absolute;

  width: 30px;

  height: 30px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  bottom: -20px;

  left: 0;

  right: 0;

  margin: 0 auto;

  border-radius: 50%;

  background: #ff0000;

  color: #000;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.serv1-sec .srv-col2 .srv-inr .srv-mn .srv-box .call-p1 {

  margin: 0px;

  padding: 10px 0px;

  font-weight: 600;

  color: #fff;

  text-transform: uppercase;

}



.serv1-sec .srv-col2 .srv-inr .srv-mn .srv-box .call-spn1 {

  display: block;

  color: #ff0000;

  -webkit-transform: translateY(40px);

          transform: translateY(40px);

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  opacity: 0;

}



.serv1-sec .srv-col2 .srv-inr .srv-mn .srv-box .srv-nm {

  font-size: 20px;

  color: #ff0000;

  text-transform: capitalize;

  text-align: center;

  font-family: 'Cinzel', serif;

  font-weight: 800;

  margin: 0px;

  padding: 20px 0px;

  background: #000;

  padding: 10px 0px;

}



.serv2-sec {

  padding: 100px 0px;

  text-align: center;

}



.serv2-sec .sec-head-col {

  padding-bottom: 70px;

}



.serv2-sec .srv-mn {

  padding: 50px 15px;

}



.serv2-sec .srv-mn .srv-inr {

  padding: 0px;

  position: relative;

  z-index: 1;

  border: 2px solid #ff0000;

}



.serv2-sec .srv-mn .srv-inr img {

  width: 100%;

  -webkit-transform: translateY(-50px);

          transform: translateY(-50px);

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

  padding: 20px;

}



.serv2-sec .srv-mn .srv-inr:hover .srv-bx:before {

  top: -42px;

}



.serv2-sec .srv-mn .srv-inr:hover img {

  -webkit-transform: translateY(-100px);

          transform: translateY(-100px);

}



.serv2-sec .srv-mn .srv-bx {

  position: absolute;

  padding: 5px 0px 15px;

  z-index: 1;

  bottom: 0;

  background: #99FF00;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.serv2-sec .srv-mn .srv-bx:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  right: 0px;

  bottom: inherit;

  left: 0px;

  margin: 0 auto;

  background: inherit;

  z-index: -1;

  -webkit-clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);

          clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.tag-sec {

  background: url(../images/tag-bg.jpg);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



.tag-sec .tag-col {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  text-align: center;

}



.tag-sec .tag-col .tag-inr {

  padding: 40px 60px;

}



.tag-sec .tag-col p {

  margin: 0px;

  font-size: 30px;

  font-weight: 500;

  line-height: 50px;

  font-family: 'Newsreader', serif;

}



.tag-sec .tag-col1 {

  background: #0000338a;

  color: #fff;

}



.tag-sec .tag-col2 {

  background: #00000099;

  color: #ff0000;

}



.cont-sec {

  padding: 50px 0px 50px;

  position: relative;

  z-index: 1;

  background: url(../images/contact-bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: fixed;

  background-position: center;

}



.cont-sec:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  right: 0px;

  bottom: inherit;

  left: 0px;

  margin: 0 auto;

  background: #00000073;

  z-index: -1;

}



.cont-sec .sec-name {

  color: #ff0000;

}



.cont-sec .sub-head {

  color: #fff;

}



.cont-sec .cont-hd {

  text-align: center;

}



.cont-sec .cont-hd p {

  font-size: 18px;

  font-weight: 400;

  padding: 0px 130px;

  color: #565656;

}



.cont-sec .cont-hd ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.cont-sec .cont-hd ul li {

  padding: 0px 10px;

  font-size: 20px;

  font-weight: 500;

  color: #fff;

}



.cont-sec .cont-hd ul li i {

  color: #ff0000;

}



.cont-sec .from-main {

  padding: 20px 15px;

}



.cont-sec .from-main .inpt {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  text-align: left;

  padding: 10px 15px;

  position: relative;

}



.cont-sec .from-main .inpt input, .cont-sec .from-main .inpt textarea {

  background: transparent;

  border: 1px solid #fff8f8;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

  border-radius: 5px;

  padding: 7px 20px 7px 40px;

  width: 100%;

  font-size: 15px;

  color: #fff;

}



.cont-sec .from-main .inpt input:focus, .cont-sec .from-main .inpt textarea:focus {

  outline: 0px;

  border-color: #000033;

  -webkit-box-shadow: 0px 0px 10px #00003373;

          box-shadow: 0px 0px 10px #00003373;

}



.cont-sec .from-main .inpt ::-webkit-input-placeholder {

  color: #fff;

}



.cont-sec .from-main .inpt :-ms-input-placeholder {

  color: #fff;

}



.cont-sec .from-main .inpt ::-ms-input-placeholder {

  color: #fff;

}



.cont-sec .from-main .inpt ::placeholder {

  color: #fff;

}



.cont-sec .from-main .inpt .input-icon {

  position: absolute;

  padding-top: 20px;

  top: 0;

  left: 30px;

  color: #fff;

}



.cont-sec .from-main .inpt textarea {

  border-radius: 0px;

  resize: none;

  border-radius: 5px;

}



.cont-sec .from-main .styl-btn {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.cont-sec .from-main .styl-btn button {

  border: 0px;

  background: #000033;

  color: #fff;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

  border: 1px solid #000033;

  padding: 10px 20px;

  border-radius: 5px;

}



.cont-sec .from-main .styl-btn button:focus {

  outline: 0px;

}



.cont-sec .from-main .styl-btn button:hover {

  background: #000;

  color: #fff;

  -webkit-box-shadow: 0px 0px 10px #0000338c;

          box-shadow: 0px 0px 10px #0000338c;

}



.ftr-sec {

  background: #000033;

  padding: 30px 0px 50px;

  text-align: center;

  display: block;

}



.ftr-sec .dsclmr {

  padding: 0px;

  font-size: 15px;

  font-weight: 400;

}



.ftr-sec .dsclmr p {

  padding-top: 30px;

  line-height: 25px;

  text-align: center;

  font-weight: 400;

  color: #fff;

}



.ftr-sec .dsclmr span {

  display: block;

  text-align: center;

  color: #ff0000;

}



#callbook {

  display: none;

  background: green;

  bottom: 0;

  left: 0;

  width: 100%;

  position: fixed;

  display: none;

  right: 0;

  z-index: 100;

}



#callbook ul {

  padding: 0px;

}



#callbook ul li {

  position: relative;

  padding: 10px 0px;

  width: 50%;

  list-style: none;

  float: left;

  text-align: center;

}



#callbook ul li a {

  color: #fff;

  font-size: 18px;

}



#callbook ul li a .fa, #callbook ul li a .fab {

  color: #fff;

  position: relative;

  top: 0px;

  font-weight: 600;

  font-size: 20px;

  -webkit-animation: pulsate 0.5s ease-out;

          animation: pulsate 0.5s ease-out;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

}



@-webkit-keyframes pulsate {

  0% {

    -webkit-transform: scale(0.9, 0.9);

            transform: scale(0.9, 0.9);

    opacity: 1;

  }

  50% {

    -webkit-transform: scale(1.2, 1.2);

            transform: scale(1.2, 1.2);

    opacity: 1;

  }

  100% {

    -webkit-transform: scale(0.9, 0.9);

            transform: scale(0.9, 0.9);

    opacity: 1;

  }

}



@keyframes pulsate {

  0% {

    -webkit-transform: scale(0.9, 0.9);

            transform: scale(0.9, 0.9);

    opacity: 1;

  }

  50% {

    -webkit-transform: scale(1.2, 1.2);

            transform: scale(1.2, 1.2);

    opacity: 1;

  }

  100% {

    -webkit-transform: scale(0.9, 0.9);

            transform: scale(0.9, 0.9);

    opacity: 1;

  }

}



@media screen and (max-width: 1199px) {

  .logo-sec .logo-p2 {

    font-size: 16px;

  }

  .best-srv-sec .srv-name {

    font-size: 20px;

    line-height: 27px;

  }

}



@media screen and (max-width: 991px) {

  .best-srv-sec .srv-mn {

    max-width: 50%;

    border: 0px;

  }

  .best-srv-sec .srv-inr1 {

    border: 1px solid #e8e8e8;

  }

  .best-srv-sec .srv-mn1 .srv-box {

    text-align: center;

  }

  .best-srv-sec .service-name {

    text-align: center;

  }

  .best-srv-sec .srv-col2 {

    border: 0px;

  }

  .best-srv-sec .srv-col2 .srv-mn3 {

    max-width: 50%;

  }

  .best-srv-sec .srv-col2 .srv-mn4 {

    -webkit-box-ordinal-group: 4;

        -ms-flex-order: 3;

            order: 3;

  }

  .test-sec .testimonial {

    padding: 80px 0 80px 265px;

  }

  .cont-sec .cont-hd p {

    font-size: 16px;

    padding: 10px 0px 0px;

  }

}



@media screen and (max-width: 767px) {

  .logo-sec .logo-col3 .logo-p3 {

    word-spacing: 0px;

    text-transform: capitalize;

  }

  .logo-sec .logo-col4 ul {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

  .logo-sec .logo-col4 ul li {

    padding: 10px;

  }

  .tag-sec .tag-col .tag-inr {

    padding: 20px;

  }

  .tag-sec .tag-col p {

    font-size: 20px;

    line-height: 33px;

  }

  .best-srv-sec .srv-mn {

    max-width: 100%;

  }

  .best-srv-sec .srv-col2 .srv-mn3 {

    max-width: 100%;

  }

  .cont-sec .sec-head-col {

    text-align: center;

    padding: 0px;

  }

  #callbook {

    display: block;

  }

}



@media screen and (max-width: 575px) {

  .sec-name {

    font-size: 40px;

  }

  .logo-sec .logo-p1 {

    font-size: 20px;

  }

  .logo-sec .logo-col3 {

    padding: 10px 15px;

  }

  .logo-sec .logo-col3 .logo-p3 {

    font-size: 17px;

  }

  .best-srv-sec .srv-name {

    padding: 0px 10px;

    font-size: 25px;

  }

  .best-srv-sec .srv-mn {

    padding: 30px 15px;

  }

  .best-srv-sec .srv-mn .srv-inr:hover .srv-name {

    bottom: 100px;

  }

  .test-sec .testimonial {

    text-align: center;

  }

  .cont-sec .sub-head {

    font-size: 17px;

  }

}



@media screen and (max-width: 410px) {

  .wavy-pt {

    margin-top: 0px;

  }

  .srv2-sec .srv-mn .srv-inr .srv-content .srv-name {

    font-size: 24px;

  }

  .cont-sec {

    background-position-x: -800px;

  }

}

/*# sourceMappingURL=style.css.map */