/*------------------------------------------------------------------------------*/
/*                    width : 1200px 
/*------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
body {
  overflow-x: hidden;
}
}

/*------------------------------------------------------------------------------*/
/*                    width : 992px 
/*------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
body {
  overflow-x: hidden;
}
  .servicebg{
  margin-top:30px;

  padding:30px 40px;
}
}

/*------------------------------------------------------------------------------*/
/*                    width : 768px 
/*------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
body {
  overflow-x: hidden;
}
.topnav .social{
    display:none;
}
.resform{
	margin: 40px 10px;
}
.firstsection, .secsection{
  padding-left:20px;
  padding-right:20px;
}
.upcontainer .set p {
	line-height: 30px;
}
.upcontainer .set p {
	line-height: 30px;
}
.upcontainer i {
padding-left:30px;
}

.upcontainer .set{
   padding-left:30px;
}
.upcontainer .set h6{
margin-top:10px;
}
.upcontainer .set h6{
margin-top:10px;
}
.servicebg{
  margin-top:30px;

  padding:30px 20px;
}
.bottom .maintext  h4{
	padding-left: 20px;
}

.bottom .maintext a {
	margin-left: 30px;
}

}
/*------------------------------------------------------------------------------*/
/*                    Width : 480px
/*------------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {
  overflow-x: hidden;
}
.topnav{
    display:none;
}
.resform{
	margin: 40px 10px;
}
.howhelp p {
    padding:20px 20px;
}
.firstsection, .secsection{
  padding-left:20px;
  padding-right:20px;
}
.upcontainer .set p {
	line-height: 30px;
}
.upcontainer i {
	display:block;
}

.upcontainer .set{
    display:block;
}
.upcontainer .set h6{
margin-top:10px;
}
 .blue30{
	width: 70%;
	margin:0 auto;
}

.servicebg{
  margin-top:30px;

  padding:30px 10px;
}
.bottom .maintext  h4{
	padding-left: 20px;
}

.bottom .maintext a {
	margin-left: 30px;
}

}
/*------------------------------------------------------------------------------*/
/*                    Width : 321px
/*------------------------------------------------------------------------------*/
@media only screen and (min-width: 321px) and (max-width: 479px) {
body {
  overflow-x: hidden;
}
.topnav{
    display:none;
}
.resform{
	margin: 40px 1px;
}
.howhelp p {
    padding:20px 20px;
}
.firstsection, .secsection{
  padding-left:20px;
  padding-right:20px;
}
.upcontainer .set p {
	line-height: 30px;
}
.upcontainer i {
	display:block;
}

.upcontainer .set{
    display:block;
}
.upcontainer .set h6{
margin-top:10px;
}

.carousel-item .star i{
    margin-top:2px;
    margin-bottom:2px;
    padding-left:5px;
    padding-right:5px;
}

 .blue30{
	width: 80%;
	margin:0 auto;
}
.servicebg{
  margin-top:30px;

  padding:30px 2px;
}
.bottom .maintext  h4{
	padding-left: 20px;
}

.bottom .maintext a {
	margin-left: 30px;
}

}
/*------------------------------------------------------------------------------*/
/*                    Any width smaller than 320px
/*------------------------------------------------------------------------------*/

@media only screen and (min-width: 0) and (max-width: 320px) {
body {
  overflow-x: hidden;
}
.topnav{
    display:none;
}
.resform{
	margin: 40px 1px;
}
.howhelp p {
    padding:20px 20px;
}
.firstsection, .secsection{
  padding-left:20px;
  padding-right:20px;
}
.upcontainer .set p {
	line-height: 30px;
}
.upcontainer .set h6{
margin-top:10px;
}

.carousel-item .star i{

    margin-top:2px;
    margin-bottom:2px;
    padding-left:5px;
    padding-right:5px;
}

 .blue30{
	width: 90%;
	margin:0 auto;
}
.bottom .maintext  h4{
	padding-left: 20px;
}

.bottom .maintext a {
	margin-left: 30px;
}


.servicebg{
  margin-top:30px;

  padding:30px 2px;
}
}