@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@media screen and (max-width: 768px) {
	#bigp {
    width:100%;
 }
}

.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 300px;
}
#servicet{
    width:44%;
    height:300px;
}
#rikeys12{
 background:#FF5800;   
 width:100%;
 height:400px;
}
#rikey1{
    width:47%;
    margin:0.1px;
    display:inline-block;
    text-align:left;
    float:left;
    height:400px;
    background:#FF5800;
    color:white;
    z-index:2;
    position:relative;
    overflow:hidden;
}
#rikey2{
    width:50.7%;
    margin:0.1px;
    display:inline-block;
    text-align:left;
    float:right;
    height:400px;
    background:#FF5800;
    position:relative;
    z-index:0;
}
.rikey4{
    display:none;
}
.rikey2{
    font-size: 20px;font-weight: 300;color:white;
}
.rikeyimg2{
    height:400px;width:auto;margin:0.1px;padding:0.1px;z-index: 10;
}
#rkp{
    width:100%;clear:both;background:white; color: black;border-radius:6px;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);padding:5px;
}
h1{
    
}
#rkw2{
    width:100%;height:130px;
}
#rkw3{
    width:25%;;height:120px;display:inline-block;float:left;overflow:hidden;
}
#rkw4{
    width:75%;padding:5px;height:120px;display:inline-block;float:right;
}
#hi3{
    font-family:'Josefin Sans', sans-serif;font-size:40px; margin:10px;text-align:left;font-weight:1000px;
}
#hi4{
    font-family:'Josefin Sans';font-size:30px;line-height:35px;font-weight:200px;margin-top:2px;
}
.rkw5{
    font-size:22px;text-align:left;line-height:27px;
}
@media screen and (max-width: 768px) {
   .iframe-container{
  width: 100%;
  height: 300px;
   } 
   #servicet{
    width:100%;
    height:300px;
}
#rikeys12{
    width:100%;
    height:auto; 
}
#rikey1{
    width:100%;
    height:auto;
    background:white;
}
#rikey2{
    width:100%;
    height:auto;
    background:white;
}
.rikeyimg2{
    display:none;
}
.rikey2{
    font-size:20px;
    line-height: 23px;
    background:#FF5800;
    margin-top:10px;
    padding:10px;
}
.rikey3{
    display:none;
}
.rikey4{
    display:block;
    width:100%;
    height:130px;
    background:#FF5800;
}
#rkp{
    max-width:500px;
}
#rkw2{
    height:100px;
}
#rkw3{
    width:35%;
}
#rkw4{
    width:65%;padding:2px;height:120px;
}
.rkw5{
    font-size:15px;text-align:left;line-height:18px;
}
#hi3{
    font-size:30px; margin:3px;text-align:left;font-weight:700px;
}
#hi4{
    font-size:18px;line-height:21px;font-weight:200px;margin:2px;
}
}
h4{
    font-size:25px;
    text-align:left;
    line-height: 1.444;
    color:black;
}
h2{
    font-size:340%;
    line-height: 1.25;
    color:black;
    text-align:center;
    font-family: "Roboto",Arial,Helvetica,sans-serif;
    margin: 0 auto 50px;
    max-width: 600px;
}
#divimg{
    background: #EFA858;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#invmanag{
    width:24.7%;
    height:450px;
    display:inline-block;
    padding:5px;
    float:left;
-webkit-box-shadow: 0px 2px 20px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 2px 20px -10px rgba(0,0,0,0.57);
}
#invmanag:hover{
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.3s ease 0s;
		}
#invmanag1{
    width:100%;
    padding:5px;
}

#invmanag2{
    width:49%;
    height:500px;
    display:inline-block;
    margin:3px;
    padding:5px;
    float:left;
    overflow:hidden;
-webkit-box-shadow: 0px 2px 20px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 2px 20px -10px rgba(0,0,0,0.57);
}
#invmanag2:hover{
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.3s ease 0s;
		}
.dot {
  height: 35px;
  width: 35px;
  color:white;
  line-height:35px;
  background:#246BCE;
  box-shadow: 2px 2px 4px #000000;
  border-radius: 50%;
  display: inline-block;
}
#invmanag3{
    width:100%;
    margin: 1px;
    padding:5px;
}
#managimga{
    height:180px;
}
#managimg{
    height:301px;
}
#rime{
    width: 99%;
    clear:both;
    background:white;
    margin: 0.5px;
    padding:0.5px;
}
#submit-button{
		   width:auto;
		   background:red;
		}
#submit-button:hover{
color: white !important;
font-weight: 700 !important;
background: orange;
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.3s ease 0s;

		}
		#serviceimage{
		    background:white;
			width: 97%;
			height: 380px;
			padding: 10px;
			margin: 10px;
			box-shadow: 0px 8px 16px 0px rgba(0,0,1,0.2);
		}
		#serviceimage:after{
			content: "";
			display: inline-block;
			clear: both;
		}
	    #service{
		    width: 40%;
		    float: left;
		    height: auto;
		    padding:auto 2px;
		}
		#servicecontent{
		    background:white;
			width: 50%;
			height: auto;
			padding: 2px;
			float: left;
		}
	p{
	    color:	#3B3C36;
	    font-family: "Roboto", sans serif;
        font-weight: 300;
	}
@media screen and (max-width: 768px) {
 
		#serviceimage{
			width: 100%;
		    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.0);
		    height:auto;
			padding: 1px;
		}
		#service{
			width: 100%;
			height:auto;
			padding: 1px;
		}
		#servicecontent{
			width: 100%;
			height:auto;
			padding: 0.1px;
		}
		#imageservice{
		    max-width:100%;
		    height:auto;
		}   
		#invmanag{
			width: 100%;
			height:auto;
			padding: 1px;
		}
		#invmanag3{
           width:100%;
           padding:2px;
        }
		#invmanag1{
           width:100%;
           padding:2px;
        }
		#invmanag2{
			width: 100%;
			height:auto;
			padding: 1px;
		}
	   #managimga{
           height:auto;
        }
	   #managimg{
           height:auto;
        }
}