@media(max-width: 991px)
{
body,p{ font-size: 16px;}	
.hero-intro h1{ font-size: 25px;}
.hero-intro p{line-height:normal;}
section{ padding: 80px 0;}
.cloud-reviews{padding: 50px 0;}
.form-group.mar_right_0{ margin-right: -15px;}
.section-content h1{ font-size: 25px;}
.contact-form form h3{font-size: 20px;}
.cloud{width: 33%;
top: auto;
bottom: auto;
position: static;
float: left;
border-radius:0px;
transform: inherit !important;
margin: 10px 0;
padding: 0 10px;
background: none;
box-shadow: none;
height:auto;
}
.cloud-inner{box-shadow: 0px 10px 11px #b2cfde;
background: #fff;
border-radius: 2px;
padding: 5px 15px;
text-align: center;}
.cloud::before, .cloud::after{content:none;}
.cloud-inner{position: static;}
.cloud-inner > .user-img{margin: 0;}
.cloud-head .rating-stars img,.cloud-head .rating-stars{float:none;text-align:center;}
.cloud-head{padding: 5px 4px 5px;float:none;text-align:center;}
.cloud-head h3{float: none;}




}
/* ============================ */
@media(max-width: 767px)
{
.padd_0{padding:0 15px;}
.form-group.mar_right_0{margin-right:-15px}	
section{text-align:center; padding:40px 20px;}
.navbar-header{float:left;}
.navbar-toggle{display:block;padding: 11px 0px;margin-right: 0;}
.main-navbar
{
  background: #fff none repeat scroll 0 0; 
    left:-230px;
    height: 100%;
    max-width: 230px;
    position: fixed;
    top: 0;	
    z-index: 99999999;	
	width:230px;transition: all 0.5s ease-in-out;
	overflow-y:scroll;
	box-shadow: 0 0 5px #555;
}
.main-navbar.active{left:0;}
.main-menu > li > a{color:#555 !important;}
.main-menu{float:right;margin:0;width: 100%;}
.main-menu > li > a{padding: 17px 19px;}
.main-menu > li > a > i{height:30px;width:30px;line-height:30px;text-align:center;vertical-align:middle;float:left;background:#1f2e3d;color:#fff;border-radius:3px;}
.main-menu > li > a > i:hover{background:orange;}
.main-menu > li > a span{display:none;}
.contact-form form{  margin: 0 20px;padding: 30px 45px 20px;}
.hero{padding: 20px 0;}
.hero-intro::after{content:none;}
.hero-intro{margin-bottom:20px;}
.section-content{padding-top:50px;}
.reporting .section-content{padding-top:0px;}
.navbar .btnstyle{border: solid 2px #4dc5cd;background:#4dc5cd;margin: 10px 15px 0;color:#fff !important;}
.hero h1{padding: 10rem 0 25px;font-size: 30px;}
.hero form{background:none;position:relative;}
.hero form .btnstyle {position: absolute;top: 0;right: 0;padding: 9px 22px;}
.hero form .btnstyle span{display:none;}
.hero form .form-group{width:100%;}
.hero form .form-control{font-size: 16px;  padding: 0px 21px;}
.hero form .btnstyle{padding: 9px 30px;float:none}
.hero p{font-size: 16px;padding-top: 5px;}.hero h5{font-size: 15px;}
.about img{float:none;}
.Register .btnstylereg{padding: 13px 40px;}
.Register{margin-bottom: 0;}
.Register .video{margin-bottom: 0;}
.footer .navbar-brand{text-align:center;}
.footer .navbar-brand img{display: inline-block;margin-bottom: 10px;}
.cloud{width: 50%;}

}

@media(max-width: 480px)
{
.hero h1 {
    padding: 10rem 0 5px;
    font-size: 22px;
}
section .title{font-size: 20px;}
.cloud{width:100%;}
section p{text-align:justify;}
.cloud-comment, .footer p{text-align:center;}
}