.body
{
    font-family: 'Open Sans' , 'Helvetica Neue' ,Meiryo,Helvetica,sans-serif;
}
.background_image
{
    background-color: #e5eaee;    
}

.service_link{background-color: transparent;color:darkcyan;}
   .service_link:hover{color: orangered;}
.hide{display:none;visibility:hidden;}
.lnht35{line-height:35px;}
.lnht30{line-height:30px;}
.amttxtbox{width: 37px;
font-size: 17px;
font-weight: bold;
color: white;
background-color: gray;}
.btn {
    background:#a00;
    color:#fff;
    border: 1px solid #900;
    padding: 4px 8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 20px;
    text-transform: uppercase;
    text-decoration: none;
    font: bold 16px Verdana, sans-serif;
    text-shadow: 0 0 1px #000;
    box-shadow: 0 2px 2px #aaa;
    -moz-box-shadow: 0 2px 2px #aaa;
    -webkit-box-shadow: 0 2px 2px #aaa;}

.click_service{text-decoration: none;background-color:darkcyan;
font-size: 18px;
padding: 9px;
color: aliceblue;}
.button{
    background-color:darkcyan; /* Green */
    border:none;color:white;padding:25px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;
   -webkit-box-shadow:12px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.label{color:red;margin-left:1%;}

.question{width: 31%;float: right;padding: 15px 0px 0px 10px;margin-top: 1%;padding-bottom: 15px;background-color:white;}
.button1 {background-color: #e7e7e7;color: darkcyan;}
.button1:hover {background-color:darkcyan;color: #e7e7e7;}

.read_more{color:coral;text-decoration:none;}
.new{width:50px;}
.divright_header{font-size:16px;text-decoration:underline;font-weight:bold;color:darkcyan;}
.divright{width: 31%;float: right;    padding-left: 10px;    margin-top: 1%;padding-top: 15px;padding-bottom: 5px;background-color:white;}
.divrightinner{    width: 99%;    float: left;   margin-bottom: 1%;}
.rightcontent{    width: 71%;    float: left;}
.img{width: 103px;}
.imgdiv{    width: 29%;    float: left;}
.centermain{    float: left;    width: 60%;}

.paragraph{    width: 35%;    height: 20%;}
.headertop{height: 74px;margin-top: 11px;padding-left: 11px;width: 98%;background-color:#e7e7e7}
.footerbottom {background-color: #e7e7e7;height: 50px;margin-top: 0%;padding-top: 25px;width: 99%;float: left;margin-bottom: 12px;}
.center{margin: 1%;padding: 10px 10px 10px 0;font-size: 20px;color: #000000;width: 99%;float: left;}
.header{width: 70%;height: 40px;margin-bottom: 3%;margin-top: 0%;float: left; background-color: #ff3300;}
.header_gap{margin-top: 10px;width: 70%;}
.gap{margin-left: 6%;text-decoration: none;font-size: 24px;font-weight: bold;height:24px;width: 14%;float:left;}
.image{width: 29%;float: left;}
.text_detail{width: 69%;    float: left;font-size:20px;padding-left: 12px;}
.imgserviceabt{width:99%;height:236px;border-radius: 10px;}
.text_about{width: 100%;    float: left;font-size:20px;padding-left: 12px;}



.note{float: left;margin-left: 2%;width: 99%;font-size:20px;color:coral;}
/*success page*/
.sucs{text-align:center;margin-left:25%; margin-top:10%;border:solid 0.5px #2e2e2e;width:50%;height:50%;}
.sucs_icon {margin-top: 10%;width: 92px;
height: 75px;
}
.sucs_button {background-color: mediumseagreen;margin-top: 10%;margin-bottom: 10%;border-radius: 50px;font-size: 20px;color: white;
}

/*service page*/
.imgservice{border-radius: 10px;
height: 281px;
width: 95%;}
.image_text
{
    width: 99%;
    margin-top: 4%;
    float: left;
   margin-left:12px;
   padding-bottom: 16px;
border-bottom: 1px solid #2e2e2e;
margin-bottom: 16px;
}

.linkservice{ color:black;font-weight:bold;font-size:24px;}

/*------------- about us classes begins here--------*/

.centerabtus {
    width: 60%;
    margin-top: 1%;
    float: left;
    margin-left: 12px;
    padding-bottom: 16px;
   
    margin-bottom: 16px;
}
.imgserviceabt{height: 281px;width: 95%;border-radius: 10px;}

/*------------- payment classes begins here--------*/
.payment_heading{  text-decoration:underline;  margin-left: 45px;font-size:24px;width:60%;}
.payment_sub_head{margin-left: 110px;}
.payment_text {
    width: 25%;
    float: left;
    margin-left: 7%;
    font-size: 20px;
    margin-top: 2%;
}
.payment_textbox{width: 40%;height: 35px;margin-top: 2%;float:left;}
.payment_single_ddl{width: 40.8%;height: 35px;margin-top: 2%;}
.payment_mline_textbox{width: 40%;height: 225px;margin-top: 2%;float:left;}

.payment_btn {
    width: 175px;
    height: 35px;
    color: white;
    background-color: #2e2e2e;
   
    margin-left: 32%;
    border-radius: 6px;
    margin-top: 6%;
}
.payment_ddl {
    width: 22%;
    height: 35px;
    margin-top: 1%;
    margin-right: 0%;
    text-align: center;
    text-decoration-style: solid;
}
.payment_ddlblock {
    width: 60%;
    height: 35px;
    float: left;
    margin-bottom: 1%;
    margin-top: 1%;
}
 .payment_block{width:100%;float:left;}
/*------------- contact us-------------*/

.cnttexttop{font-size: 17px;font-weight: bold;width: 100%;}
.centerlftdiv{width: 32%;font-weight: bold;float: left;}
.centerrghtdiv{width: 67%;float: left;}
.inptcntus{height: 29px;width: 97%;}
.inptareacntus{width: 97%;height:200px;}
.intdiv{margin-top:20px;width:90%;
float:left;
}
.btnclass{height: 36px;
width: 119px;
background-color: #2e2e2e;
border-radius: 6px;
color: white;
font-size: 15px;}

.front_logo{display:none;}
.front_photo
{
    float: left;
    width: 72%;
}
.front_content
{
    float: left;
    width: 99%;
    height: 400px;
}

.detail{width: 70%;padding-left: 11px;float: left;height: 77px;}
.detail_textbox{float: left;margin-bottom: 1%;width: 73%;}
.detail_text{float: left;width: 27%;}
.detail_button{margin-left: 39%;float: left;color: black; width: 100px;}
.detail_heading {
    margin-top: 4%;
    text-align: center;
    width: 100%;
    height: 39px;
    margin-right: 0%;
    text-decoration: underline;
    font-size: 21px;
    float: left;
}
.inptdetail{height: 40px;width: 87%;}
.inptdetail_mline{height: 200px;width: 87%;}

.inptareadetail{width: 87%;height:200px;}

.kundali{width: 100%;float: left;}
.kundali_heading{text-align:center;margin:2%;text-decoration:underline}
.kundali_person_detail{width: 49%;float: left;padding-left: 1%;}
.kundali_person{width: 99%;float: left;margin: 2%;}
.kundali_text{width: 32%;float: left;}
.kundali_textbox{width: 68%;float: left;height: 30px;margin-bottom: 2%;}
.kundali_mline_textbox{width: 68%;float: left;height: 30px;margin-bottom: 2%;height:10%;}
.kundali_button {height: 40px;font-size: 18px;width: 45%;margin-top: 30%;margin-left: 80%;background-color: #2e2e2e;color: white;border-radius: 10px;}
.kundali_ddl {
    width: 29%;
    height: 40px;text-align: center;font-size:13px;
}


.footer{width: 77%;height: 80px; margin-top: 2%;margin-bottom: 2%;float: left;background-color: black;}
.footer_gap{margin-top: 1%;width: 99%;}
.footergap{margin-left: 3%;color: darkcyan;text-decoration: none;font-weight:bold;float: left;font-size: 24px;padding: 0px 0px;}
.footergap_right{color: darkcyan;
text-decoration: none;
float: right;
font-size: 25px;
font-weight: bold;
padding: 0px 80px;}
.send_button {
    margin-left: 68%;
    height: 37px;
    float: left;
    background-color: #2e2e2e;
    margin-top: 181px;
    width: 35%;
    font-size: 93%;
    color: white;
    border-radius: 10px;
}
.submit_button{margin-left: 50%;margin-top: 14%;height: 55%;float: left;background-color: #2e2e2e;width: 15%;font-size: 95%;color: white;}

.contact{    margin-left: 11px;       width: 67%;    float: left;}
.contact_text{width: 48%;    float: left;    margin-top:5%;}
.contact_block{    float: left;    padding-left: 3%;margin-bottom:3%;}
.contact_fullname{    width: 30%;    float: left;}

.varshphal_ddl{display:none;}
.service_txtbox{display:normal;}
.menu_img{display: none;}

.dropdown-content{position:absolute;background-color: white;margin-right: 8px;padding-right: 3px;margin-right: 2.3%;min-width: 110px;z-index: 1;margin-top:56px; line-height: 31px;}
.dropdown-content a{color: black;padding: 5px 15px;text-decoration: none;display: block;}
.dropdown-content a:hover{background-color: darkcyan;color:white;}
.dropdown:hover .dropbtn{background-color: #3e8e41;}



@media only screen and (min-width : 200px) and (max-width : 680px)
{
    .dropdown-content{position:absolute;background-color:white;min-width: 110px;z-index: 1;line-height:31px;margin-top:56px;}

    .linkservice{ color:black;font-weight:bold;font-size:20px;}
    .front_logo{width: 135px;height: 55px;float: left;display: inline-block;}
    .payment_heading{font-size:16px;width: 100%;text-decoration:underline;margin-left: 0px;}
    .payment_btn{height: 35px;width: 140px;margin-bottom: 40px;color: white;background-color: #2e2e2e;margin-left: 32%;border-radius: 6px;
margin-top: 6%;
font-size: 10px;}
    .payment_sub_head {
    margin-top: 0px;
    font-size: 11px;
    text-align: center;margin-left: 0px;
}
    .note{float: left;font-size:15px;margin-top:0px;width:100%;color:coral;}
    .intdiv{margin-top:20px;width:100%;
float:left;
}
    .question{width: 100%;
float: left;
padding: 15px 0px 0px 5px;
    padding-bottom: 0px;
padding-bottom: 0px;
margin-top: 1%;
padding-bottom: 0px;
background-color: white;border-top: solid 2px #2e2e2e;}
    .kundali{width: 98%;float: left;}
    .centermain{width: 100%;float: left;}
    .center{height: 100%;margin:0;margin: 1%;padding: 0px 0px 0px 0;font-size: 16px;color: #000000;width: 99%;float: left;}
    .gap{display: none;}
    .headertop{margin-top: 0px;padding-top: 0px;width: 97%;margin-left: 0px;height:55px;background-color: #e7e7e7;}
    .menu_img{display:block;margin-top:14px;margin-right:14px;float:right;}
     
.img{width:91%;}
.imgdiv{width:32%;}
.divrightinner{margin-bottom:5%;margin-left:0px;}
.rightcontent {width: 68%;float: left;font-size:14px;}
.footerbottom{margin-top:1%;margin-left:0;padding-top:11px;width: 100%;padding-bottom: 28px;margin-bottom: 15px;height:24px;background-color: darkcyan;}
.footergap_right {
    color: black;
    text-decoration: none;
    float: right;
    font-size: 15px;
    font-weight: bold;
    margin-right: 3%;padding:0%;
}
.footergap {width: 60%;
    margin-left: 1%;
    color: black;
    text-decoration: none;
    font-weight: bold;
    float: left;
    font-size: 16px;
}

/*---------service page classes begins here --------------*/
.image_text{width:99%;padding:1px;margin-left:1px;}
.image{width:100%;}
.text_detail{width:100%;padding-bottom: 16px;margin-bottom: 16px;font-size:16px;}
.text_about{width:100%;float: left;font-size: 17px;padding-left: 0px;}

.imgservice{width: 100%;border-radius: 5px;
height: 275px;}

/*--------- about us classes begins here----*/
.centerabtus {width: 94%;margin-left: 0;padding-bottom: 16px;margin-bottom: 16px;}



/*------ contact us classes begins here----*/

.contact{width: 97%;margin-left:0;}
.contact_text{width:100%;border-bottom: 1px solid black;padding: 12px 0px;}

/*------ Detail classes begins here----*/

.send_button {margin-left: 43%;height: 32px;float: left;background-color: #2e2e2e;margin-top: 120px;width: 36%;font-size: 66%;color: white;margin-bottom: 41px;
    border-radius: 6px;}   
   .detail_heading {margin-bottom: 10%;text-align: center; width: 100%;height: 28px;margin-right: 4%;margin-top: 12%;}   
   .detail_text{float: left;width: 40%;}
   .inptdetail{height: 35px;width: 91%;}
   .detail_textbox{float: left;margin-bottom: 1%;width: 58%;}
   .inptareadetail{width: 93%;height: 150px;}
   .detail{width: 100%;padding-left: 0px;float: left;height: 77px;}
   .divright{width: 99%;float: left;padding-top:10%;padding-left: 5px;padding-bottom: 5px;margin-top: 6%;border-top: 1px solid black;

background-color: white;}

   /*------ kundali classes begins here----*/

   .kundali_person_detail{width: 99%;float: left;}
   .kundali_heading{text-align: center;margin: 6%; text-decoration: underline;}
   .kundali_text{width: 30%;float: left;}
   .kundali_textbox{width: 70%;float: left;height: 30px;}
   .kundali_button {height: 31px;font-size: 11px;width:140px;margin-top: 140px;margin-left: 34%;background-color: #2e2e2e;color: white;border-radius: 6px;}
   .inptdetail_mline {height: 140px;width: 91%;}
   /*------ Payment classes begins here----*/
.payment_text {
    width: 25%;
    float: left;
    margin-left: 0%;
    font-size: 12px;margin-top:2%;}
   .payment_textbox{width: 60%;height: 35px;margin-left: 8%;}
   .payment_single_ddl{width: 62%;height: 35px;margin-left: 8%;}

   .payment_mline_textbox{width: 60%;height: 150px;margin-left: 8%;float:left;}

.payment_ddl {width: 31.8%;
    height: 25px;
    font-size: 9px;font-style:initial;
}   .payment_ddlblock {
    width: 60%;
    height: 35px;
    float: left;
    margin-left:8%;
}

}


@media only screen and (min-width : 680px) and (max-width : 900px)
{
    .payment_btn {
    width: 170px;
    height: 35px;
    color: white;
    background-color: #2e2e2e;
    margin-left: 32%;
    border-radius: 6px;
    margin-top: 6%;
    margin-bottom: 45px;
}
    .payment_heading {margin-left: 45px;text-decoration:underline;
    font-size: 25px;
}
    .btnclass{height: 36px;
width: 119px;
background-color: #2e2e2e;
border-radius: 6px;
color: white;
font-size: 15px;margin-bottom: 60px;}
.text_about{width: 99%;float: left;font-size: 20px;padding-left: 0px;}
.centerabtus {width: 99%;margin-left: 0px;margin-top: 3%;}
.text_detail {
    width: 69%;
    float: left;
    font-size: 20px;
    padding-left: 12px;
}
    .image_text{width: 99%;margin-left: 0%;
margin-top: 4%;
float: left;
padding-bottom: 16px;
border-bottom: 1px solid #2e2e2e;
margin-bottom: 16px;}
   .imgservice {width: 99%;height: 218px;}
   

    .button1 {background-color: transparent;color: darkcyan;}
.button1:hover {background-color:darkcyan;color: white;}
.question{width: 99%;float: left;padding: 15px 0px 0px 5px;margin-top: 1%;padding-bottom: 0px;background-color: white;border-top: solid 2px #2e2e2e;}
    .inptdetail_mline {height: 150px;width: 100%;}
   
    .centermain{width: 98%;float: left;}
    .center{height: 100%;margin:0;}
.gap {text-decoration: none;font-weight: bold;height: 24px;width: 20%;margin-left: 0%;margin-left: 1%;font-size: 20px;float:left;}
    .button{padding: 25px 13px;}
  
   .dropdown-content {position: absolute;background-color: #FFFFFF;margin-left: 2.3%;min-width: 83px;z-index: 1;
                                             line-height: 31px;padding-left: 3px;margin-left: 8px;margin-top:2px;}
.headertop{margin-left:0;background-color: #e7e7e7;height:70px;margin-top: 0px;}
.img{width:91%;}
.imgdiv{width:32%;}
.note{color:coral;font-size: 17px;margin: 0%;}
.footerbottom{margin-top:0%;margin-left:0;padding-top:14px;width: 99%;padding-bottom: 14px;margin-bottom: 15px;}
.footergap_right{margin-left:0;font-size: 20px;float: right;padding: 0px 25px;}
.footergap{margin-right:0%;width:47%;font-size: 20px;margin-left: 1%;}

 /*------ Contact classes begins here----*/
 .contact {margin-left: 11px;width: 100%;float: left;border-bottom: 1px solid;}

    /*------ Detail classes begins here----*/

.send_button {
    margin-left: 45%;
    height: 37px;
    float: left;
    background-color: #2e2e2e;
    margin-top: 140px;
    width: 30%;
    font-size: 92%;
    color: white;
    border-radius: 10px;
    margin-bottom: 37px;
}
  .detail_heading{ margin-bottom: 4%;text-align: center;width: 100%;height: 28px;margin-right: 0%;}
   .detail_text{float: left;width: 40%;}
   .inptdetail{height: 40px;width: 100%;}
   .detail_textbox{float: left;margin-bottom: 1%;width: 58%;}
   .inptareadetail{width: 93%;height: 150px;}
   .detail{width: 100%;padding-left: 20px;float: left;height: 77px;}
   .divright{width: 98.5%;float: left;padding-top: 2%;margin-top:0px;}
   .divrightinner{width: 100%;float: left;margin-left: 21px;margin-bottom: 1%;}
   
   .rightcontent{width: 71%;float: left;padding-left: 4px;}
   .imgdiv{width: 23%;float: left;}

   /*------ kundali classes begins here----*/

   .kundali_person_detail{width: 99%;float: left;}
   .kundali_heading{text-align: center;margin: 6%; text-decoration: underline;}
   .kundali_text{width: 25%;float: left;}
   .kundali_textbox{width: 55%;float: left;height: 30px;}
   .kundali_button {    height: 31px;font-size: 14px;width: 20%;margin-top: 150px;margin-left: 27%;background-color: #2e2e2e;color: white;
    border-radius: 6px;}
   .kundali_person {width: 97%;float: left;margin: 2%;}
   .payment_mline_textbox{width: 60%;height: 200px;margin-top: 2%;float:left;}


}

@media only screen and (min-width : 901px) and (max-width : 1171px)
{    
    .payment_btn {
    width: 180px;
    height: 35px;
    color: white;
    background-color: #2e2e2e;
    margin-left: 37%;
    border-radius: 6px;
    margin-top: 6%;
}
    .payment_ddl {
    width: 27.6%;
    height: 35px;
    margin-top: 1%;
    margin-right: 0%;
    text-align: center;
    text-decoration-style: solid;
}
    .payment_textbox {
    width: 50%;
    height: 35px;
    margin-top: 2%;
    float: left;
}
    .payment_text {
    width: 30%;
    float: left;
    margin-left: 7%;
    font-size: 20px;
    margin-top: 2%;
}
    .payment_heading {text-decoration:underline;
    margin-left: 35px;
    font-size: 28px;
}
    .contact {
    margin-left: 11px;
    width: 59%;
    float: left;
}
    .contact_text {
    width: 50%;
    float: left;
    margin-top: 5%;
}
    .intdiv {
    margin-top: 20px;
    width: 99%;
    float: left;
}
    .centerrghtdiv {
    width: 63%;
    float: left;
}
    .inptareacntus {
    width: 100%;
    height: 200px;
}
    .inptcntus {
    height: 29px;
    width: 100%;
}
    .text_about{width: 99%;float: left;font-size: 20px;padding-left: 0px;}

    .centerabtus{width: 59%;
margin-top: 1%;
float: left;
margin-left: 12px;
padding-bottom: 16px;
margin-bottom: 16px;}
    .footergap_right{color: darkcyan;text-decoration: none;float: right;font-size: 25px;font-weight: bold;padding: 10px 35px;}
    .footergap {margin-left: 3%;color: darkcyan;text-decoration: none;font-weight: bold;float: left;font-size: 24px;padding: 10px 2px;}
    .button{padding: 25px 13px;}
    .payment_mline_textbox {width: 50%;height: 200px;margin-top: 2%;float: left;}
    .headertop{margin-left:0;background-color: #e7e7e7;height:70px;margin-top: 0px;}
    .image_text {width: 99%;margin-top: 5%;float: left;margin-left: 1%;border-bottom: 1px solid #2e2e2e;margin-bottom: 16px;}
    .question {width: 38%;float: left;padding: 15px 0px 0px 10px;padding-bottom: 0px;margin-top: 1%;padding-bottom: 15px;background-color: white;}
    .gap {text-decoration: none;font-weight: bold;height: 24px;width: 18%;margin-left: 0%;margin-right: 4%;font-size: 24px;float:left;}
    .imgservice{width: 97%;}
    .img{width:99%;border-radius: 10px;} 
    .rightcontent {width: 71%;margin-left: 2%;}
    .divrightinner{margin-bottom:12px;}
    .text_detail {width: 69%;float: left;}
    .send_button {margin-left: 35%;height: 37px;float: left;background-color: #2e2e2e; margin-top: 190px;width: 35%;font-size: 93%;color: white;
    margin-bottom: 41px;border-radius: 10px;}
     .centermain{width: 60%;float: left;}
     .center {margin: 1%;padding: 10px 10px 10px 0;font-size: 24px;color: #000000;width: 99%;float: left;}
    .inptdetail {height: 40px;width: 90%;}
    .detail {width: 97%;padding-left: 11px;float: left;height: 77px;}
    .detail_text { float: left;width: 34%;}
    .detail_textbox {float: left;margin-bottom: 1%;width: 58%;}
    .inptareadetail {width: 90%;height: 200px;}
    .divright {width: 38%;float: left;padding-top: 2%;}
    .imgdiv {width: 27%;float: left;}
    .kundali_textbox {width: 60%;float: left;height: 30px;margin-bottom: 2%;}
    .kundali_text {width: 40%;float: left;}
    .kundali_button {height: 40px;font-size: 16px;width: 45%;margin-top: 200px;margin-left: 80%;background-color: #2e2e2e;color: white;border-radius: 10px;}
    .inptdetail_mline {height: 200px;width: 90%;}
    .footerbottom{margin-top: 0%;margin-left: 0;padding-top: 14px;width: 100%;padding-bottom: 14px;margin-bottom: 15px;}
    .note {margin-top:0%;color: coral;float: left;margin-left: 2%;width: 99%;font-size: 20px;}
}