@media (max-width: 640px) { 
    .nav2 {
        display: none;
    }
    .toggle {
  	    display: inline-block;
	    background-color: #000000;
	    padding: 10px 0px;
	    color: #FFF;
    }
    .nav2 li{
        float: none;
    }
    .nav2 li a{
        padding: 10px 15px;
    }
    .arrow-bottom {
        top: 20px;
		right: 13px;
    }
}


@media (max-width: 617px) {
p {
	color: #232525;
    }
.main{
     width: 98%;
	
}
	  .about1 {
		    float:left;
            width: 100%;
                } 

	  .headpic1{
	        width: 98%;

      }
	  .about2 {
		    float:left;
            width: 100%;
                } 

	  .headpic2{
	        width: 98%;

      }
	  .about3 {
		    float:left;
            width: 100%;
                } 

	  .headpic3{
	        width: 98%;

      }
	  .about4 {
		    float:left;
            width: 100%;
                } 
	  .headpic4{
	        width: 98%;

      }
	  .about5 {
		    float:left;
            width: 100%;
                } 
	  .headpic5{
	        width: 98%;

      }
.about6 {
		    float:left;
            width: 100%;
                } 
	  .headpic6{
	        width: 98%;

      }
.about7 {
		    float:left;
            width: 100%;
                } 
	  .headpic7{
	        width: 98%;

      }
.contactform{
	width: 100%;
	margin:0 auto;
}
form 
{
	margin:0 auto;
	width: 98%;
}
	 input, textarea, file {
		 	margin:0 auto;
			width:100%;
	  }
.address{
	line-height:24px;
	}
    }

    /* For smaller displays like laptops */
    @media (min-width: 618px) and (max-width: 1023px) {
p {
	color: #232525;
    }
	  .main{
	    width: 600px;
	
      }
.about1 {
	float:left;
    width: 600px;
} 
.about2 {
	float:left;
    width: 600px;
} 
.about3 {
	float:left;
    width: 600px;
} 
.about4 {
	float:left;
    width: 600px;
} 
.about5 {
	float:left;
    width: 600px;
} 
.about6 {
	float:left;
    width: 600px;
} 
.about7 {
	float:left;
    width: 600px;
} 
.contactform{
	width: 580px;
	margin:0 auto;
}
	 input, textarea, file {
			width:98%;
	  }
    }   


@media (min-width: 1024px) and (max-width: 1199px) {
p {
	color: #232525;
}
.main{
	width: 800px;
}
	  .about1 {
		    float:left;
            width: 100%;
                } 
	  .headpic1{
			width: 100%;
      }

	  .about2 {
		    float:left;
            width: 100%;
                } 
	  .headpic2{
			width: 100%;
      }
	  .about3 {
		    float:left;
            width: 100%;
                } 
	  .headpic3{
			width: 100%;
      }
	  .about4 {
		    float:left;
            width: 100%;
                } 
	  .headpic4{
			width: 100%;
      }
	  .about5 {
		    float:left;
            width: 100%;
                } 
	  .headpic5{
			width: 100%;
      }
      .about6 {
		    float:left;
            width: 100%;
                } 
	  .headpic6{
			width: 100%;
      }
      .about7 {
		    float:left;
            width: 100%;
			
                } 
	  .headpic7{
			width: 98%;
      }
	  .contactform{
	        width: 600px;
			margin:0 auto;
      }
	 input, textarea, file {
			width:100%;
	  }

    }   
@media (min-width: 1200px) {
.main{
	width: 100%;
	max-width:1100px;
}
	  .about1 {
		    float:left;
            width: 100%;
		    position:relative;
                } 
	  .head1 {
		    float:left;
			position:absolute;
            width: 620px;
			background-color:rgba(255,255,255,0.50);
            font-size: 26px;
			line-height:26px;
			text-align:left;
            color:#000000;
			z-index:998;
			padding:25px 20px 0;
			bottom:197px;
                } 
	  .headpic1{
			float: left;
	        display:block;
	        position:relative;
			opacity: 0.6;
      }
      .text1{
			float: left;
	        display:block;
			width: 620px;
			height:197px;
	        position:absolute;
			background-color:rgba(255,255,255,0.50);
			bottom:0;
			color:#000000;
			padding:0 20px;
	  }
	  .about2 {
		    float:left;
            width: 100%;
                } 
	  .head2 {
		    float:left;
            width: 40%;
                }
	  .headpic2{
		    float:right;
	        display:block;
			width:60%;
			opacity: 0.8;
      }
	  .text2{
		    margin-left:10px;
			padding:0 20px;
	  }
	  .about3 {
		    float:left;
            width: 100%;
                } 
	  .head3 {
		    float:right;
            width: 50%;
                }
	  .headpic3{
		    float:left;
			width: 50%;
      }
	  .about4 {
		    float:left;
            width: 100%;
		    position:relative;
                } 
	  .head4 {
		    float:left;
            width: 100%;
	padding:15px 0;
	background-color:rgba(255,255,255,0.30);
	font-size: 26px;
	color:#000000;
	top: 0;
	left:0;
	z-index:998;
                } 
	  .headpic4{
			float: right;
	        display:block;
			width:75%;
      }
      .text4{
			float: left;
	        display:block;;
			width:23%;
			background-color:rgba(255,255,255,0.50);
			bottom:0;
			color:#000000;
			padding:0 0px;
			top:0;
	  }
	  .about5 {
		    float:left;
            width: 100%;
                } 
	  .head5 {
		    float:left;
            width: 50%;
                }
	  .headpic5{
		    float:right;
			width: 50%;
      }
      .about6 {
		    float:left;
            width: 100%;		
                } 
	  .head6 {
		    float:right;
            width: 50%;
                }
	  .headpic6{
		    float:left;
			width: 50%;
      }
      .about7 {
		    float:left;
            width: 100%;
                } 
	  .head7 {
		    float:left;
            width: 50%;
                }
	  .headpic7{
		    float:right;
			width: 50%;
      }
	  input, textarea, file {
			width:95%;
	  }
}