/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 22-Jul-2023, 10:08:58 pm
    Author     : Suren
*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 319px) {
    .totelreview {
            display: none;
}
     .devComplogo {
        display:none; 
    }
.copyrights .one_half_center {
    width: 75%;
    float: left;
}
.mtop-invoice {
    margin-top: 30px;
    text-align: center;
}
.cartprocessB {
    margin: 50px 0px 0px 10px;
    height: 470px!important;
    border-radius: 25px;
}
.pujahawanP {
        text-align: justify;
    padding: 0px 15px;
}
.disHightfix {
    height:1930px; 
}
}
@media only screen and (min-width : 320px) and (max-width : 480px) {
    .totelreview {
    text-align:center;    
    color: orangered;
}
.exp-puja-btn {
    background-color: orangered;
    color: #f8f9fa;
    margin-top: 25px;
    margin-bottom:25px; 
    border-radius: 30px;
}
.small-cap {
    white-space:normal!important;
}
.starbug {
    margin-bottom:70px; 
}
.homekundaliLbl2 {
    width: 36%!important;
}
.lableRight2 {
    width:60%!important; 
}
.sectiontoh2 {
    
    line-height: 30px!important;
    margin: 25px 0px!important;
    
}
.disView {
    display:none; 
}
.disPlus {
    width:100%; 
}

.disHightfix {
    height:1760px; 
}
    .copyrights .one_half_center {
    width: 75%;
    float: left;
}
    .devComplogo {
        display:none; 
    }
    .carousel-caption { 
    padding-bottom: 0px!important;
    bottom:10px; 
    }
.carousel .item {
        text-align: center;
	overflow: hidden;
        margin-top:0px;
        height:145px;
}
.carousel-control {
        top:65px!important;   
    }
.carousel .item img {
    height: 144px;
}

.carousel-caption h3 {
	/*background: rgba(0,0,0,0.9);
	padding: 12px 24px;*/
	font-size: 18px;	
	text-transform: uppercase;
        color: orangered;
        font-weight: 600;
        line-height:18px; 
}
.carousel-indicators {
    position: absolute;
    bottom: -10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-caption p {
	/*background: #8fc93c;
	padding: 10px 20px;*/
	    font-size: 12px;
    font-weight: 400;
    color: yellow;
    line-height: 15px;
    margin-top: 10px;
}
.serviceImg {
    width:370px!important; 
    height:225px!important;
}

.cartprocessB {
    margin: 50px 0px 0px 10px;
    height: 400px!important;
    border-radius: 25px;
}

.cartprocessB ul li:nth-child(1) span:nth-child(1) {
    font-size: 14px!important;
    font-weight: 500;
    color: #337ab7;
}
.cartprocessB ul li:nth-child(1) span:nth-child(2) {
    margin-left: 10px;
    color: orangered;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px!important;
}

.cardOn {
  cursor: pointer;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 1em;
  transition: all 1s;
  transform-style: preserve-3d;
  box-shadow: 0 0.2em 0.5em 0.2em rgba(0, 106, 128, 0.5);
}
.btn-primary {
    font-size: 12px!important;
    padding: 0px 5px!important;
    margin-top:0px!important; 
}
.btn-danger {
    font-size: 12px!important;
    padding: 0px 5px!important;
    margin-top:0px!important; 
}
.btn-nhi {
    font-size: 12px!important;
    font-weight: 500!important;
    border: 0;
    border-radius: 5px!important;
    padding: 2px 6px!important;
}
.cardOnp2 {
    font-size: 10px;
    font-weight: 600;
    color: yellowgreen;
    z-index: 1;
    position: absolute;
    margin-top: 50px;
    padding: 5px;
}
.cardOnp1 {
    font-size: 12px;
    font-weight: 600;
    color: red;
    z-index: 1;
    position: absolute;
    margin-top: -35px;
    padding: 3px;
    margin-left: 85px;
}
.pujahawanP {
        text-align: justify;
    padding: 0px 15px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
    
    .homekundaliLbl2 {
    width: 36%!important;
}
.lableRight2 {
    width:60%!important; 
}
    
    
    .totelreview {
        float: right;
    margin-top: -50px;
    margin-right: 25px;
    color: orangered;
}
    .copyrights .one_half_center {
    width: 75%;
    float: left;
}
    
    .devComplogo {
        display:none; 
    }
    
    
    .cardOn {
    cursor: pointer;
    width: 31em;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 1em;
    transition: all 1s;
    transform-style: preserve-3d;
    box-shadow: 0 0.2em 0.5em 0.2em rgba(0, 106, 128, 0.5);
}
.cardOnp1 {
    font-size: 16px;
    font-weight: 600;
    color: red;
    z-index: 1;
    position: absolute;
    margin-top: -84px;
    padding: 17px;
    margin-left: 145px;
}
.cardOnp2 {
    font-size: 15px;
    font-weight: 600;
    color: yellowgreen;
    z-index: 1;
    position: absolute;
    margin-top: 92px;
    padding: 10px;
}
.carousel-caption h3 {
	/*background: rgba(0,0,0,0.9);*/
	    font-size: 20px;
    text-transform: uppercase;
    color: orangered;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 5px;
}
.carousel-caption p {
	/*background: #8fc93c;*/
	font-size: 16px;
    font-weight: 300;
    color: yellow;
    line-height: 18px;
}
.pujahawanP {
        text-align: justify;
    padding: 0px 15px;
}
} 
@media only screen and (min-width:640px) and (max-width:767px) {
   
    .homekundaliLbl2 {
    width: 36%!important;
}
.lableRight2 {
    width:60%!important; 
}
    
    .totelreview {
        float: right;
    margin-top: -50px;
    margin-right: 25px;
    color: orangered;
}
	body .cardOn img{ float:left;}
	
	#myModal{ padding-right:0px !important;}
	#myModal .modal-dialog{margin:0px;}	
	body .cardOnp1 {
    font-size: 19px;
    font-weight: 600;
    color: red;
    margin: 20px 0 0 0;
    float: left;
    width: 70%;
    position: inherit;}
	
	body .cardOnp2 {
    font-size: 15px;
    font-weight: 600;
    color: yellowgreen;
    z-index: 1;
    position: absolute;
    padding: 10px;
    margin: 0px;
    bottom: 0px;
}

body .cardOn {
    width: 35em;
    background-size: cover;
    margin: 0 auto;
}
} 

@media only screen and (max-width: 639px){
	body .cardOn{    background-size: cover;
    background-position: center;
    width: 100%;
    text-align: center;}	
	
body .cardOn img {
       width: 135px;
    height: auto;
    margin: 20px auto 10px auto;
}

body .cardOnp1{ position: inherit;
    line-height: 21px;
    width: 100%;
    margin: 0 auto;
    font-size: 20px;}
	
body .cardOnp2 {
    font-size: 14px;
    position: absolute;
    margin-top: 0px;
    bottom: 15px;
    line-height: 19px;
}	
body .cardOnp2 a.btn-primary{    padding: 8px 20px !important;
    margin-top: 10px !important;}
body .cardOnp2  button.btn-nhi{    padding: 8px 20px !important;
    margin-left: 7px;
    margin-top: 10px !important;}
	
} 

@media only screen and (min-width : 768px) and (max-width : 1024px) {
   .homekundaliLbl2 {
    width: 36%!important;
}
.lableRight2 {
    width:60%!important; 
}
    
    
    .totelreview {
        float: right;
    margin-top: -50px;
    margin-right: 25px;
    color: orangered;
}
   #myModal .modal-content {
		background-size: cover;
    background-position: center;
		}	
    .devComplogoMob{
        display:none; 
    }
    .copyrights .one_half_center {
    width: 60%;
    float:left;
}
.carousel .item {
        text-align: center;
	overflow: hidden;
        margin-top:115px;
        height:285px;
}
.carousel-control {
        top:265px!important; 
        width: 5%;
    }
.carousel .item img {
  /*  height: 143px;*/
} 

.carousel-captionA {
    right: 30%!important;
    left: 0%!important;
    padding-bottom: 120px!important;
}
.carousel-caption h3 {
	/*background: rgba(0,0,0,0.9);*/
	padding: 12px 24px;
	font-size: 40px;	
	text-transform: uppercase;
        color: orangered;
        font-weight: 700;
}
.carousel-caption p {
	/*background: #8fc93c;*/
	padding: 10px 20px;
	font-size: 24px;
        font-weight: 300;
        color: yellow;
}
/* popUP CSS START */
/* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 1em;
  background-color: #222222;
  background: linear-gradient(
    0deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(50, 50, 80, 1) 80%,
    rgba(60, 60, 80, 1) 100%
  );
  min-height: 100vh;
  display: grid;
  place-items: center;
  grid-template-columns: 1fr 1fr;
}*/



/* popUP CSS START */

}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .mtop-invoice button {
    margin-top:10px; 
}
.disHightfix {
    height:850px;
}
.homekundaliLbl2 {
    width: 36%!important;
}
.lableRight2 {
    width:60%!important; 
}
}
@media only screen  and (min-width : 1025px) and (max-width : 1920px) {
   .homekundaliLbl2 {
    width: 36%!important;
}
.lableRight2 {
    width:60%!important; 
}
    
    
    .disHightfix {
    height:850px;
}
    .totelreview {
        float: right;
    margin-top: -50px;
    margin-right: 25px;
    color: orangered;
}
    .devComplogoMob{
        display:none; 
    }
    .copyrights .one_half_center {
    width: 60%;
    float:left;
}
    .serviceImg {
    width:258px; 
    height:150px;
}
.successOrder {
    padding: 30px 50px;
    color: green;
    font-size: 20px;
}
.successOrder a {
    color:red;
}
.carousel{
    margin: 0px 0;
    background: #ccc;
    position: relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.carousel-control {
 top:40px!important;   
}
.carousel:after {
	content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    height: 60px;
    bottom: 0px;
    left: 10px;
    right: 10px;
    border-radius: 100px / 20px;
}
.carousel .item {
    text-align: center;
	overflow: hidden;
        margin-top: 102px;
    /*height: 493px;*/
}
.carousel-indicators {
    bottom: 5px !important;
}
.carousel .item img {
	max-width: 100%;
    margin: 0 auto; /* Align slide image horizontally center in Bootstrap v3 */
}
.carousel .carousel-control {
	width: 50px;
    height: 50px;
   /* background: #000;*/
    margin: auto 0;
	opacity: 0.8;
}
.carousel .carousel-control:hover {
	opacity: 0.9;
}
.carousel .carousel-control i {
    font-size: 41px;
}
.carousel-caption h3, .carousel-caption p {
	color: #fff;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	text-shadow: none;
	margin-bottom: 20px;
}
.carousel-caption h3 {
	/*background: rgba(0,0,0,0.9);*/
	padding: 12px 24px;
	font-size: 40px;	
	text-transform: uppercase;
        color: orangered;
        font-weight: 700;
}
.carousel-caption p {
	/*background: #8fc93c;*/
	padding: 10px 20px;
	font-size: 24px;
        font-weight: 300;
        color: yellow;
}
.carousel-action {
	padding: 10px 0 30px;
}
.carousel-action .btn {
	min-height: 34px;
	border-radius: 0;
	margin: 3px;
	min-width: 150px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}
.carousel-action .btn-primary {
	border-color: #000;
	background: none;
	color: #000;
}
.carousel-action .btn-primary:hover {
	background: #000;
	color: #fff;
}
.carousel-action .btn-success {
	background: #8fc93c;
	border: none;
}
.carousel-action .btn-success:hover {
	background: #87bd35;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	margin: 1px 6px;
}
.carousel-indicators li {
	background: transparent;
	border: 1px solid #fff;
}
.carousel-indicators li.active {
	background: #8fc93c;
	border-color: #8fc93c;
}

}

.ajax-search { position: relative; }
.ajax-search ul { list-style-type:none;position:absolute;z-index:10;padding:0; }
.ajax-search ul.active { border:1px solid #ccc;background-color: #fff;padding:5px 0; margin-top:33px; width:100%; font-weight: 600;}
.ajax-search ul li { margin:5px 10px;padding:5px 10px; }
.ajax-search ul li a { color:#204d74; }
.selectedLi { background: #ddd !important; }
.carousel-captionA {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
@media only screen  and (min-width : 1824px) { 
.totelreview {
        float: right;
    margin-top: -50px;
    margin-right: 25px;
    color: orangered;
}
 .devComplogoMob{
        display:none; 
    }
.copyrights .one_half_center {
    width: 60%;
    float:left;
}

}
/* Large screens ----------- 
@media only screen  and (min-width : 1824px) {
.carousel{
	margin: 0px 0;
    background: #ccc;
  	position: relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.carousel:after {
	content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    height: 60px;
    bottom: 0px;
    left: 10px;
    right: 10px;
    border-radius: 100px / 20px;
}
.carousel .item {
    text-align: center;
	overflow: hidden;
        margin-top: 102px;
    height: 590px;
}
.carousel .item img {
	max-width: 100%;
    margin: 0 auto; /* Align slide image horizontally center in Bootstrap v3 
}
.carousel .carousel-control {
	width: 50px;
    height: 50px;
   /* background: #000;
    margin: auto 0;
	opacity: 0.8;
}
.carousel-indicators {
    bottom: 5px !important;
}
.carousel .carousel-control:hover {
	opacity: 0.9;
}
.carousel .carousel-control i {
    font-size: 41px;
}
.carousel-caption h3, .carousel-caption p {
	color: #fff;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	text-shadow: none;
	margin-bottom: 20px;
}
.carousel-caption h3 {
	background: rgba(0,0,0,0.9);
	padding: 12px 24px;
	font-size: 40px;	
	text-transform: uppercase;
}
.carousel-caption p {
	background: #8fc93c;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: 300;
}
.carousel-action {
	padding: 10px 0 30px;
}
.carousel-action .btn {
	min-height: 34px;
	border-radius: 0;
	margin: 3px;
	min-width: 150px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}
.carousel-action .btn-primary {
	border-color: #000;
	background: none;
	color: #000;
}
.carousel-action .btn-primary:hover {
	background: #000;
	color: #fff;
}
.carousel-action .btn-success {
	background: #8fc93c;
	border: none;
}
.carousel-action .btn-success:hover {
	background: #87bd35;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	margin: 1px 6px;
}
.carousel-indicators li {
	background: transparent;
	border: 1px solid #fff;
}
.carousel-indicators li.active {
	background: #8fc93c;
	border-color: #8fc93c;
}

}*/