@import url('../css2.css');
@import url('../css2-1.css');

body{
    margin:0;
    padding:0;
    color: #bb061a;
    font-family: 'Montserrat', sans-serif;
}
/*#082e04*/
.main{
    margin: auto;
    padding: 0;
    width: 95%;
}

a{
    color: #000;
    text-decoration: none;
}
a:focus, a:hover {
    color: #000;
    text-decoration: none;
}
img{
    max-width: 100%;
}
h1{margin:0px;}
h2{margin:0px;}
h3{margin:0px;}
h4{margin:0px;}
h5{margin:0px;}
h6{margin:0px;}


/**/

/*START HEADER SECTION*/

/*start top head section*/

.tophead-section{
    padding: 0;
    background: #f5f3f3;
}
.tophead-section1{
    padding: 0px;
}
.top-left{
    padding: 13px 10px 0px 10px;
}
.top-left1{
    padding: 0px;
}
.top-texx2:after {
    content: "Astrologer Suryakant Tripathi";
    font-size: 22px;
    color: #000;
    text-transform: capitalize;
    font-weight: 500;
    text-align: center;
    animation: texclr 4s infinite;
}

@keyframes texclr{
    0%,100%{color:#222;content:"world famous pandit ji";}
    25%{color:#bb061a;content:"best love life issues";}
    50%{color:#222;content:"pure astrological solution";}
    75%{color:#bb061a;content:"Love specialist";}
    
}
.top-right{
    padding: 10px;
}
.top-right1{
    padding: 0px;
}
.top-right1 ul{
    padding: 0;
    margin: 0;
    text-align: right;
    list-style: none;
}
.top-right1 ul li{
    padding: 6px 13px;
    margin: 0;
    list-style: none;
    display:inline-block;
}
.top-right1 p{
    color: #bb061a;
    font-size:20px;
    margin: 0;
    text-transform: capitalize;
    padding: 0px 5px;
    display: inline;
    font-weight: 600;
}
.top-right1 span{
    color: #000;
    padding: 0 5px;
    font-size: 18px;
    font-weight: 600;
}
.top-right{
    padding: 6px 10px 0;
}
/* end top head section*/

/*start head section*/

.head{
  padding: 0;
  text-align: center;
}
.head-a{
  padding: 10px 10px 0;
}
.head1{
  padding: 0px 10px 0;
}
.head-1{
  padding: 0px;
}
.head2{
  padding: 10px 10px 0;
}
.head-2{
  padding: 0px;
  text-align: right;
}
.headright-top{
    padding: 0px 3% 0 0px;
}
.headright-top ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.headright-top ul li{
    padding: 7px 6px;
    border:1px solid #222;
    color: #c21f34;
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
    margin:0 4px;
    /* border-radius: inherit; */
    font-size: 16px;
}
.headright-top li i{
    padding: 0 5px 0 0;
    color: #fff;
}
.headright-top li:nth-child(2){
    background: #c21f34;
    color: #fff;
}
.headright-top li:nth-child(3){
    background:#2e2e2e;
    color: #fff;
}
.headright-top li:nth-child(4){
    background:#af061b;
    color: #fff;
}
.head-mark{
  /* background: #ffe402; */
  border-radius: 30px;
  padding: 6px 16px 0;
  margin: 0;
  font-size: 19px;
  color: #000;
  text-transform: capitalize;
  font-weight: 600;
}
.head-mark p{
  margin:0;
}
.head-bg1{
    padding: 3px 0 0;
}

.head-call{
    padding: 2.4px 0;
}
.head-call1{
    padding: 10px 0;
}
.head-call1 p{   
animation-name: bounce;
   animation-duration: 1s;
   margin:0;
   animation-iteration-count: infinite;
 }
.head-call1 a{
    text-transform: capitalize;
    margin: 0;
    color: #000;
    font-size: 22px;
    font-weight: 600;
    text-decoration: none;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-13px);}
  60% {transform: translateY(-10px);}
}

.head-call1 span{
    color: #bd0219;
    font-size: 17px;
    margin: 0;
    font-weight: 600;
    padding: 10px 0 10px;
    text-transform: capitalize;
}



.head-whatsapp{
    padding:10px;
}
.head-whatsapp1{
    padding: 0px;
}
.head-whatsapp1 span{
    color: #03a900;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    margin: 0;
}
.head-whatsapp1 span i{
    color: #03a900;
    font-size: 20px;
    padding: 0 5px 0 0;
}
.head-whatsapp1 p{
    color: #000000;
    font-size: 22px;
    margin: 0;
    padding: 2px 0px 0px 0;
    font-weight: 600;
    text-transform: capitalize;
}





/*end head section*/

/*start top-list section*/

.top-list{
    padding: 0;
}
.top-list1{
    background: linear-gradient(153deg, #d21f37, #1e1e1e);
    padding: 0px;
}
.top-list1 ul{
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: none;
}
.top-list1 ul li{
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding: 13px 6px;
    display: inline-block;
    text-transform: capitalize;
    font-family: 'Fira Sans', sans-serif;
}
.top-list1 img{
    padding: 0 5px 0 0;
}
/*end top-list section*/

/*start mark-section1*/

.mark-section1{
    padding: 0;
    background:#1e1e1e;
    color: #fff;
}
.mark-section2{
    font-size: 18px;
    text-transform: capitalize;
    padding: 10px;
    margin: 0;
    font-family: 'Fira Sans', sans-serif;
}
.mark-section1:before {
    content: "";
    position: absolute;
    top: -50px;
    left: -20px;
    border-top: 27px solid transparent;
    border-right: 27px solid #1e1e1e;
    border-bottom: 27px solid#1e1e1e;
    border-left: 27px solid transparent;
}
.mark-section1:after {
    content: "";
    position: absolute;
    top: -34px;
    right: 1px;
    border-top: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #1e1e1e;
    border-left: 17px solid #1e1e1e;
}
/*end mark-section1*/

/*start head logo section*/

.head-logo{
  padding: 10px;
  text-align: center;
}
.head-logo1{
  padding: 0;
}


/* end head section*/

/*start header-banner */

.header-banner{
    padding: 0;
}

/* end header-banner */


/* START HEADER SECTION*/


/*start services area section*/

.services-area{
    padding: 0;
}
.services-area1{
    padding: 10px;
    margin: -70px 0 0 0;
    box-shadow: 0px 2px 6px #d1cccc;
    background: #fff;
}
.area-head{
    padding: 10px;
}
.area-head1{
    padding: 10px;
    text-align: left;
}
.area-head2{
    padding: 0;
}
.area-head2 p{
   
text-transform: capitalize;
   
text-align: left;
   
font-size: 39px;
   
margin: 0;
   
font-weight: 700;
   
padding: 0;
}
.area-head2 span{
    color: #000000;
}
.area-head2 strong{
    color:#000;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
.drp {
    background: #ffe401;
    padding: 2px 0px;
    width: 129px;
    margin: 0px 0px 5px 0px;
}
.services-section{
    padding: 10px;
}
.services-section1{
    padding: 10px 5px;
}
.services-section2{
    padding: 0px;
}
.services-section2 ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.services-section2 li{
    display: inline-block;
    list-style: none;
    padding: 0px 19px;
    text-align: center;
}
.services-section2 li img{
    border-radius: 50%;
    text-align: center;
    width: 85px;
}
.services-section2 li p{
    color: #000;
    font-size: 17px;
    text-transform: capitalize;
    margin: 0;
    font-weight: 500;
    text-align: center;
}

/*end services area section*/

/*start best services section*/

.bestservices-section{
    padding: 40px 0 0 0;
}
.bestservices-section1{
    padding: 30px 0 60px;
}
.best-services1{
    padding: 10px;
}
.best-services2{
    padding:10px;
    background:#fff;
    box-shadow: 0 0 1px 1px #00000038;
}
.best-services3{
    padding: 10px 0 0;
    text-align: center;
}
.best-services3 img{
    border-radius: 50%;
    border: ridge;
    padding: 8px;
}
.best-services4{
    padding: 10px 10px 24px;
    text-align: center;
}
.best-services4 strong{
    margin:0;
    font-size: 29px;
    font-weight: 600;
    text-transform: capitalize;
}
.best-services4 p{
    color: #000;
    margin: 0;
    font-size: 14px;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 700;
    padding: 5px 0 20px;
}
.best-services4 a{
    background: #bb061a;
    color: #fff;
    padding: 8px 27px;
    font-size: 18px;
    border-radius: 4px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
}

.best-services2:hover .best-services3 img{
    transform: rotateX(360deg);
    transition: 0.6s;
}



/* end best services section*/















/*start testimonials section*/

.testimonials-section{
    padding: 0;
    background: #bb061a;
}
.testimonials-section1{
    padding: 50px 30px;
}
.about1-head{
    text-align: center;
    padding: 0;
}
.about1-head p{
    color: #fec000;
    margin: 0;
    margin: 0;
    font-size: 37px;
    font-weight: 600;
    padding: 0px 0;
    text-transform: capitalize;
}
.about1-head span{
    margin: 0;
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 0px 0;
}
.testii{
    padding: 40px 30px 30px 30px;
}
.testi-1{
    padding: 10px;
}
.testi-2{
    padding: 40px 30px;
    background:#fff;
    border:1px solid;
}
.testi-txt{
    padding: 5px;
    text-align: left;
}
.testi-txt img{height: 30px;display: inline-block;position: absolute;}
.testi-txt p{
    color: #000000;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    margin-left: 48px;
    margin-bottom: 0;
}
.testi-img{
    text-align: right;
}
.testi-img img{
    border-radius: 50%;
    text-align: right;
    height: 81px;
}
.heading-testi{
    text-align: left;
    padding: 5px;
}
.heading-testi span{
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
}
.heading-testi p{
    text-transform: capitalize;
    
    margin: 0;
    font-size: 20px;
    padding: 5px 0 9px 0;
    font-weight: 700;
    font-style: italic;
    color: #000000;
}
.heading-testi i{
    color: #ffba00;
    font-size: 17px;
    letter-spacing: 2px;
}

/*end testimonials section*/

/*start about us section*/

.about-head-1{
  padding-top:40px;
}
.about-head{
    padding:0;
    text-align: center;
}
.about-head-1{
  padding-bottom:40px;
}
.about-head  strong{
    margin:0;
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
}
.about-head p{
    color: #000;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    padding: 0px 0 0 0;
    text-transform: capitalize;
}

/*end about us section*/


/* start mark section*/

.mark-section3{
    background:#ffe001;
    color: #000;
    padding: 0;
}
.mark-section3a{
    padding: 30px 30px 30px;
    text-align: center;
}
.mark-section3a p{
    color: #000;
    font-weight: 600;
    margin: 0;
    padding: 0 0 7px 0;
    font-size: 22px;
    text-align: center;
    line-height: 30px;
    text-transform: capitalize;
}
.mark-section3a a{
    background: #bb061a;
    color:#fff;
    padding: 4px 17px;
    margin: 10px 0 0;
    display: inline-block;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 500;
    font-size: 22px;
}

/* end mark section*/


/*start serv-list section*/

.serv-list{
    padding: 80px 0 0px 0;
}
.serv-list-a{
    padding: 0;
    background: #bb061a;
}
.serv-list1{
    padding: 50px 30px;
}
.serv-list2{
    padding: 10px;
}
.serv-list3{
    padding: 10px;
}
.list-head{
    padding: 0;
}
.list-head p{
    color: #ffc107;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    padding: 5px 0;
    font-size: 28px;
}
.list{
    padding: 5px 0px;
}
.list ul{
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}
.list li{
    color: #ffffff;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px;
    border-bottom: 1px solid;
    padding: 5px 0;
    line-height: 30px;
}
.list i{
    color: #ffe001;
    font-size: 20px;
    padding: 0px 5px 0px 0;
}

.serv-ban{
    padding: 10px;
}
.serv-ban1{
    padding: 20px 10px;
    background:#fff;
    text-align: center;
}
.serv-img{
    padding: 0;
    text-align: center;
}
.serv-img img{
    padding: 6px;
    border-radius: 50%;
    height: 120px;
    width: 120px;
    border: 2px dotted #000;
}
.serv-txt{
    padding: 5px;
    text-align: center;
}
.serv-txt span{
    color: #bb061a;
    font-size: 24px;
    font-weight: 800;
    text-transform: capitalize;
}
.serv-txt p{
    color: #000;
    font-size: 17px;
    padding: 4px 0 15px 0px;
    line-height: 30px;
    font-weight: 500;
    margin: 0;
    text-transform: capitalize;
}
.serv-txt a{
    color: #000;
    background: #ffe001;
    padding: 7px 24px;
    border-radius: 0px;
    text-transform: capitalize;
    font-size: 23px;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
}
.serv-txt a:hover{
   background: #bb061a;
   color: #fff;
} 
/*end serv-list section*/


/*start best services section*/

.ourservices-section{
  padding: 0;
}
.ourservices-section1{
  padding: 50px 30px 0;
}
.our-services1{
  padding: 40px 0px 20px 0px;
}
.our-serv{
  padding: 10px;
}
.our-serv2{
  padding: 10px;
}
.our-serv-2{
  padding: 0;
}
.our-serv-2 img{min-width:100%;}
.our-serv-2:after {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4);
    height: 86%;
    width: 80%;
    content: "";
    left: 10%;
    transition: 0.6s;
    top: 7%;
}
.our-serv2:hover .our-serv-2:after{
  height: 0%;
  width: 0%;
  transition: 0.6s;
}
.our-serv-img{
  padding: 0;
}
.our-serv-img:after{
  background-color: rgba(255, 255, 255, 0);
}
.our-serv2:hover .our-serv-img:after{
  height: 86%;
    width: 80%;
  transition: 0.6s;
}
.our-serv-3{
  padding: 20px 0;
  text-align:left;
}
.our-serv-3 i{
  font-size: 25px;
  text-align: center !important;
}
.our-serv-3 span{
  font-size: 34px;
  text-transform: capitalize;
  display: block;
  margin: 0;
  font-weight: 700;
}
.our-serv-3 p{
  color: #000;
  font-size: 15px;
  margin: 0;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
  padding: 20px 0 40px 0;
}
.our-call{
  margin: 0;
  padding:10px 0;
  text-align:left;
  background: #e7e4e4;
}
.our-call p{
  margin: 0;
  font-size: 18px;
  color: #000;
  font-weight: 500;
  text-transform: capitalize;
  padding: 0 10px;
}
.our-call a{
  background: #bb061a;
  color: #fff;
  padding: 2px 13px;
  margin: 0;
  float: right;
  font-size: 18px;
  text-align: center;
}



.our-serv3{
  padding: 10px;
}
.our-serv4{
  padding: 0px;
}
.our-side{
  padding: 0px;
}
.our-side1{
  padding: 10px;
}
.our-side2{
  padding: 0px;
}
.our-side:hover .our-serv-2:after{
  height: 0%;
  width: 0%;
  transition: 0.6s;
}

/*end best services section*/


/*start form section*/

.form-section{
    padding:0;
}
.form-section1{
    padding: 50px 50px;
}
.form-section3{
    padding: 10px;
}
.form-section4{
    padding: 10px;
    /* border:1px solid; */
    box-shadow: 0 0 2px 2px #0000002e;
}
.form-head{
    padding: 0 16px;
    text-align: left;
}
.form-head .form-txt{
    color: #000;
    font-size: 24px;
    line-height: 43px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    text-transform: capitalize;
    font-family: 'Montserrat';
}
.form-head p{
        text-transform: capitalize;
        margin: 0;
        font-size: 46px;
        font-weight: 700;
        padding: 0px 0 0 0;
        
}
.contac-r {
    padding: 22px 7px 20px 8px;
    margin: 0;
    text-align: left;
}

.form-texxx span{
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
}
.form-group {
    padding: 5px;
}
input.form-control {
    color: #000;
}
.form-control {
    display: block;
    width: 100%;
    height: 42px;
    padding: 6px 12px;
    font-size: 16px;
}
.form-control {
    background-color:#ffffff;
}
textarea.form-control {
    height: 80px;
}
.btn-group>.btn:first-child {
    margin-top: 6px;
    padding: 13px 24px;
    border-radius: 30px;
    font-size: 16px;
    color: #000000;
    background: #ffe001;
    font-weight: 600;
}
.btn-group>.btn:first-child:hover{
    color: #000;
}


.form-details1{
    padding: 10px;
}
.form-details2{
    padding: 0px;
}
.form-details3{
    padding: 20px 20px;
}
.form-details4{
    padding: 10px;
}
.form-details5 {
    padding: 0px 0;
    /* border: 1px solid; */
    text-align: center;
}
.form-details5 i{
   padding: 0 0 6px 0;
   font-size:50px;

}
.form-details5 span{
        color: #bb061a;
        text-transform: capitalize;
        margin: 0;
        font-size: 18px;
        font-weight: 600;
}
.form-details5 p{
    margin: 0;
    padding: 4px 0 5px 0;
    font-weight: 600;
    font-size: 21px;
    color: #222220;
}

/*end form section*/


/*start footer section*/

.footer-section{
    padding: 0;
    color: #ffe001;
    background: #000;
}
.footer-section1{
    padding: 50px 30px;
}
.footer-section-2{
    padding: 10px;
}
.footer-section-3{
    padding: 10px;
    text-align: center;
}
.footer-section2{
    padding: 10px;
}
.footer-section3{
    padding: 10px;
}
.footer-head{
    padding: 0;
    text-align: left;
}
.footer-head p{
    font-size: 27px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    padding: 5px;
}
.footer-head img{
    margin: -10px 0 0 0;
}
.footer-section4{
    text-align: center;
    padding:2px 0 0 0;
}
.footer-section4 ul{
    margin: 0;
    padding: 9px 0 0 0;
    list-style: none;
    text-align: left;
}
.footer-section4 li{
    color: #fff;
    padding: 5px 0 5px 0px;
    line-height: 26px;
    font-weight: 300;
    font-size: 15px;
    text-transform: capitalize;
}
.footer-section4 i{
    color: #ffbb03;
    font-size: 22px;
    padding: 0 8px 0 0;
}
.footer-section-4{
    text-align: center;
    padding:15px 0 0 0;
}
.footer-serv{
    padding: 0px;
    margin: 0px 0 0 0;
}

/*end footer section*/

/*start disclimer*/

.dis{
  padding: 0px;
  text-align: center;
   background:#000;
}
.dis-1{
  padding:0px 20px;
}
.dis-1 p{
    background:#000000;
    font-size: 16px;
    padding: 10px;
    line-height: 26px;
    margin: 0px;
    color: #fff;
}
.copy-1{
  padding: 0px;
  border-top:1px solid #ffbb03;
}
.copy-1 .copy{
  background:#000;
  padding: 10px;
  margin:0px;
  font-size: 16px;
  color: #ffbb03;
}

/*end disclimer*/




/*end awords*/


  #callbook {
    background:green;
    bottom: 0;
    height:50px;
    left: 0;
    position: fixed;
    display: none;
    right: 0;
    z-index: 9;
}
#callbook ul{
  padding: 0px;
}
#callbook ul li {
    border-bottom:1px solid #fff; 
    background:red;
    position: relative;
    padding: 15px;
    width:50%;
    list-style:none;
    float:left; text-align: center;
}
  #callbook ul li a span {
    color: #fff;
    font-size:22px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    top: -15px;
}
#callbook ul li a i{ 
  color: #fff;
    position: relative;
    top: -13px;
    font-size: 20px;

}    
#callbook ul li a i{
        animation: pulsate 0.5s ease-out;
        animation-iteration-count: infinite;
        -webkit-animation: pulsate 0.5s ease-out;
        -webkit-animation-iteration-count: infinite;
}
@keyframes pulsate {
        0% {transform: scale(0.9, 0.9); opacity: 1;}
        50% {transform: scale(1.2, 1.2); opacity: 1;}
        100% {transform: scale(0.9, 0.9); opacity: 1;}
    }





@media (max-width: 767px){
    body{text-align: center;}
      .services-area1 {margin: -42px 0 0 0;}
    .area-head2 {text-align: center;}
    .area-head2 p {text-align: center;}
    .area-head {padding: 10px 10px 0px 10px;}
    .drp {margin: 0px auto;}
    .services-section2 li {padding: 6px 12px;}
    .aboutus-section1{padding: 30px 0;}
    .mark2-section1 {padding: 20px 0 40px 0;}
    .mark2-txt2 p{font-size:20px;line-height: 30px;}
    .form-section1 {padding: 50px 0px;}
   .form-head {padding: 0 0px;text-align: center;}
      .contac-r {padding: 22px 0px 20px 0px;}
    .btn-group>.btn:first-child {margin-top: 0px;}
    .form-details4{width: 50%;}
   .details-4{width: 100%;}
    .testimonials-section1 {padding: 30px 0;}
     .testii {padding: 20px 0;}
     .testi-1 {width: 50%;}
     .testi-2 {padding: 14px 10px;}
      .footer-section3 {height: 250px;}
    .footer-section1 {padding: 30px 0px 0;}
    .footer-section2{width: 50%;}
    .footer-section-2 {padding: 0px 0;}
    .footer-serv{width: 50%;}
    .footer-section3 {padding: 0px 0;}
    .dis-1 {padding: 0px 0px;}
    .dis-1 p {font-size: 14px;padding: 10px 0 4px;}
    .copy-1 .copy {padding: 10px 0;font-size: 14px;}
    .dis {padding: 0px 0 50px;}
     #callbook ul li {padding: 20px 0px;}
    #callbook {display:block;}
    #callbook ul li {padding: 20px 0px;}
    #callbook {display:block;}
    #callbook ul li a span {font-size: 18px;top: -4px;}
    #callbook ul li a i {top: -5px;}
    .ourservices-section1 { padding: 30px 0px 0;}
    .form-details3 { padding: 20px 0px;}
    .serv-list1 {padding: 30px 0px;}
    .serv-list3 { padding: 0px;}
    .our-serv3{padding:0;}
    .serv-ban1 {padding: 20px 0px;}
    .our-serv-3 {padding: 0px 0;}
    .our-serv-3 p{padding:0;}
    .our-serv {padding: 0px;}
    .top-list1 ul li {padding: 3px 0px;font-size: 13px;}
    .top-list1 img {padding: 0 0px 0 0;}
    .top-right1 ul{text-align: center;}
    .head-2{text-align:center;}
    .top-right1 ul li {padding: 6px 2px;}
    .top-right1 p {font-size: 15px;padding: 0px 2px;}
    .top-right {padding: 6px 0px 0;}
    .headright-top ul li { margin: 0 0px 10px;font-size: 12px;}
    .head1 {padding: 0px 0px 0;}
    .head-2{text-align:center;}





}

@media only screen and (min-width: 768px) and  (max-width:991px) {
     .form-head p {font-size: 35px;}
    .form-details3 {padding: 20px 0px;}
    .form-details5 span {font-size: 18px;}
    .form-details4 {padding: 10px 5px;}
    .form-head {padding: 0 0px;text-align: center;}
    .top-right1 p {font-size: 15px;padding: 0;}
    .top-right1 ul li {padding: 6px 5px;}
    .top-right1 span { padding: 0 0px;font-size: 14px;}
    .top-list1 ul li {font-size: 15px;padding: 13px 2px;}
    .services-section2 li p { font-size: 15px;}
    .services-section{text-align:center;}
    .area-head2{text-align:center;}
    .area-head2 p{text-align:center;}
    .drp {left: 0;right: 0;margin: 0 auto;}
    .our-serv-3{padding:0;}
    .our-serv-2{padding: 0px 20px 0px 0px;}
    .serv-txt {padding: 5px 0;}
     .head-2{text-align:center;}
     .list-head p {font-size: 25px;}
     .serv-txt span { font-size: 16px;}
     .serv-txt p {font-size: 14px;line-height:25px;}
     .footer-head p {font-size: 25px;}

  

}

@media only screen and (min-width: 991px) and  (max-width:1200px) {
    .form-head p {font-size: 32px;}
    .form-details4 {padding: 10px 0;}
    .form-details5 span {font-size: 15px;}
    .form-details3 {padding: 20px 0px;}
    .footer-head p {font-size: 23px;}
    .serv-txt p {font-size: 14px;line-height:25px;}
    .footer-section3 {padding: 10px  0;}
    .form-details5 p {font-size: 18px;}
    .our-serv-3 {padding: 20px 10px;}
    .best-services4 strong { font-size: 25px;}


}
@media only screen and (min-width: 1200px) and  (max-width:1300px) {
 

}
@media only screen and (max-width: 1260px) and (min-width: 1200px){
   
}

@media (max-width: 575px) and (min-width: 0px){
     .services-section2 li {padding: 5px 6px;}
      .services-area1 {margin: -24px 0 0 0;padding: 0;}
       .aboutus-section { background-repeat: no-repeat;}
    .form-details4{width: 100%;}
      .testi-1 {width: 100%;}
            .footer-section-2 {padding: 0px 0;}
      .footer-serv{width: 100%;}
      .footer-section2{width: 100%;padding: 0 14px;}
      .footer-section3{height: auto;}
      .about-head strong {font-size: 29px;}
      .about1-head span {font-size:15px;}
      .about1-head p {font-size: 25px;}
      .aboutus-content ul li{font-size:16px;}
      .aboutus-content li i { padding: 0 5px 0 0 ; font-size: 15px;}
       .head-call1 span {padding: 0px 0 0px;}


.top-texx2:after {font-size: 18px;}
.head2 {padding: 10px 0px 0;}
.head-whatsapp {padding: 0px 0 10px;}

}

@media (max-width: 420px) and (min-width: 320px){
       .services-section2 li {padding: 5px 4px;}
        .form-head p span { width: 30px;}
.form-head p {font-size: 32px;}
.form-details5 p {font-size: 18px;}
.serv-txt span {font-size: 20px;}
.serv-txt p { font-size: 15px;line-height: 25px;}
.our-serv-3 span {font-size: 30px;}
.top-right1 span {font-size: 15px;}



}