/* Add a black background color to the top navigation */
.topnav {
  background-color: #f5f7f8;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: darkslategrey;
  text-align: left;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  line-height: 1.2em;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #f5f7f8;
  color: darkslategrey;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

.productdesc {
	text-align: center;
}

.contactusform {
	background-color: #f5f7f8;
}



		.background {
			background: #00838C;
			background-blend-mode: darken;
			background-size: cover;
			margin-top: 40px;
		}

	

		.logo {
			display: flex;
			justify-content: center;
			align-items: center;
		}

	

		.service-list li a {
			color: black;
			text-decoration: none;

		}

	

		.firstsection {
			background-color: #DDEAF8;
			
			padding: 20px;
		}

		.text-big {
			font-family: 'Piazzolla', serif;
			font-weight: bold;
			font-size: 35px;
			text-align: center;
		}

		.text-small {
			font-size: 18px;
			text-align: center;
			line-height: 1.3em;
		}

		.btn {
			padding: 8px 20px;
			margin: 7px 0;
			border: 2px solid white;
			border-radius: 8px;
			background: none;
			color: white;
			cursor: pointer;
		}

		.section {
			display: block;
			align-items: inherit;
			justify-content: center;
			max-width: 100%;
			margin: auto;
		}

		.paras {
			padding: 0px 65px;
			background-color: #f5f7f8;
			padding-bottom: 20px;
		}

		.center {
			text-align: center;
		}

		.secondsection {
			background-color: #EBEBEB;
		
			padding: 20px;
			display: flex;
		}

	/*.box-main {
			/* display: block;
			color: black;
			margin-top: 40px;
		} */

		.box {
			/* margin-top:30px; */
			/* background-color: whitesmoke; */
		}

		.sectionTag {
			text-align: center;
			padding: 20px;
		}

		.section-Left {
			flex-direction: row-reverse;
		}

		.text-footer {
			text-align: center;
			padding: 30px 0;
			font-family: 'Ubuntu', sans-serif;
			display: block;
			justify-content: center;
			color: white;
		}

		.service td {
			padding: 30px 80px;
			font-size: 1.3em;
		}

		.rcost td {
			border-top: 1px solid #ddd;
			padding:8px;
			vertical-align: top;
			line-height: 1.5;
			font-size: 1.3em;
		}

		.doc td {
            line-height: 1.5;
            padding:5px 30px;
            text-align: center;
		}

		.docrec {
			background-color: #ffd900;
			    padding-top: 30px;
			  }

		.serviceimg {
            height:400px;
            width:100%;
		}

		.grad1 {
      height: 200px;
      background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(236, 86, 47, 0.8));
    }
  
.sellprice {
    font-size: 28px;
    vertical-align: sub;
}

.mrp {
	color: #878787;
  text-decoration: line-through;
  font-size: 16px;
  display: none;
}

/*desk top view */
		@media only screen and (min-width: 1141px) {

		* {
			/* margin: 0; */
			/* padding: 0; */
		}

		.main-box {
			
			margin: 0 100px;
		}

		.width40 {
			width: 40%;
		}

	 .box-main {
			display: flex;
			height: 500px;
			color: black;
			margin-top: 40px;
		}

		.firstsection {
			width: 40%;
			margin-right: 20px;
		}

		.section {
			display: flex;
			/*height: 600px;*/
		}


		.topnav a.rightnav {

			float:right;
		}

		.logo img {
			width: 180px;

		}

		.paras {
		    width: 30%;
		    margin: 10px;
		}



		.secondsection {
			width: 100%;
		}

		.xxc {
			background-image: url("");
            background-position: center;
		}

		.rcost, .doc {
			width:70%;
			margin-left: 16%;
		}

		.contacttable {
    border-collapse: separate;
    border-spacing: 0 20px;
    margin: auto;
}

          .contacttable input, .contacttable textarea, .contacttable span {
        	margin-left: 10px;
        	width: 140%;
        }

  .mobileview {
     display: none;
  }

  .desktopview {
    display: block;
  }
		
	}


	/* Mobile view */
  
@media screen and (max-width: 1140px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }


  	.paras {
			margin-bottom: 20px;
			padding-bottom: 20px;
		}

		.secondsection {
			margin: 10px 0;
      height: 230px;
		}

		input, textarea {
            width:100%;
		}

	    .contacttable {
            border-collapse: separate;
            border-spacing: 0 20px;
            margin: auto;
        }

    .mobileview {
     display: block;
  }

  .desktopview {
    display: none;
  }

  .docrec {
  	width: min-content;
  }


		
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1140px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}


.error {
	display: none;
}
.error_show{
	color: red;
	display: block;
}

input.invalid, textarea.invalid{
	border: 2px solid red;
}

input.valid, textarea.valid{
	border: 2px solid green;
	margin-left: 10px;
}

#contact_submit {
	text-align: center;
	padding: 10px;
}

input {
	height:30px;
}

textarea {
	height:80px;
}

label {
	    font-family: cursive;
    font-size: 20px;
}

.mySlidesC {
	display:none;
    width:100%;
}

.inlineText {
	font-size: medium;
    font-family: cursive;
}

.events {
	border-top: 1px solid black;
    border-bottom: 1px solid black;
    
}
.event {
	font-size: 20px;
	padding-left: 50px;
}
.mevents {
	padding: 30px;
}


.review {
	font-family: "Open Sans", Helvetica;
	font-size: 14px;
	line-height: 28px;
	text-align: left;
	color: rgb(51, 51, 51);
	width: 100%;
	text-align: center;
}

/*.paras img:hover {
   transform: scale(1.5); 
}*/

.padright20 {
	padding: 0 20px;
}
.w3-red.sale {
	padding: 5px;
    font-size: 15px;
    display: none;
}

.topnav a.padtop {
	padding-top: 35px;
}