/*mobile styles*/
@media only screen and (max-width:767px) {
    .container{
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
		min-width:320px;
    }
	.wrapper{width:90%; margin:0 auto;padding:0 10px;}
	.logo {
	  display: block;
	  min-width: 280px;
	  width: 90%;
	  height: 100px;
	}
	.bglogo{width:100%; height:646px; background:url(../images/bg-logo.png) no-repeat;background-size:cover; position: absolute; top:0; left:0px; z-index:-1;}
	.header {
	  padding: 0;
	}
	ul.topnav {
	  float: none;
	  display:block;
	  padding: 10px 0;
	}
	.leftside {
	  float: none;
	  width: 90%;
	  display:block;
	  text-align:center;
	}
	.box {
	  float: none;
	  margin: 20px auto;
	  width: 30%;
	  display:block;
	  text-align:center;
	  min-width: 165px;
	}
	.rightside{
		width:85%;
		display:block;
		float:none;
		margin:0 auto;
		padding-bottom:40px;
	}
	.form{
		width:90%;
		min-width:250px;
		max-width:370px;
		margin-top:65px;
		display:block;
		float:none;
	}
	.box a {
	  display: block;
	  float: none;
	  height: 136px;
	  transition: all 0.5s ease 0s;
	  width: 137px;
	  margin-left:10%;
	}
	.form .top {
	  left: 0;
	  margin: 0 auto;
	  position: relative;
	  top: -50px;
	  width: 75%;
	}
	.form .top img{
		width:100%;
	}
	.form p{ 
		font-size:14px;
		text-align:center;
	}
	.formmain-div{
		width:100%;
		text-align:center;
	}
	.formmain-div input[type="text"] {
	  width: 90%;
	}
	.formmain-div textarea {
	  width: 90%;
	}
	.formmain-div button {
	  margin: 8px auto;
	}
	.socialwrap{
		text-align:center;
	}
	.social {
	  width:250px;
	  padding:5px 0;
	}
	.footer {
	  color: #e09118;
	  margin: 0 auto;
	  padding: 40px 10px !important;
	  width: 95%;
	  line-height:22px;
	}
  
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .container{
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
	.wrapper{width:90%; margin:0 auto; position:relative;}
	.logo{
		width:55%;
	}
	.header {
	  padding: 30px 0 0 50px;
	}
	ul.topnav {
	  float: right;
	  margin:0;
	  padding-top:35px;

	}
	.leftside {
	  float: left;
	  width: 50%;
	  text-align:center;
	}
	.box {
	  float: none;
	  margin: 20px auto;
	  width: 50%;
	  display:block;
	  text-align:center;
	}
	.rightside{
		width:50%;
		
	}
	.form{
		width:90%;
		min-width:250px;
		max-width:370px;
		margin-top:65px;
	}
	.box a {
	  display: block;
	  float: none;
	  height: 136px;
	  transition: all 0.5s ease 0s;
	  width: 137px;
	  margin-left:10%;
	}
	.form .top {
	  left: 0;
	  margin: 0 auto;
	  position: relative;
	  top: -15px;
	  width: 75%;
	}
	.form .top img{
		width:100%;
	}
	.form p{ 
		font-size:14px;
		text-align:center;
	}
	.formmain-div{
		width:100%;
		text-align:center;
	}
	.formmain-div input[type="text"] {
	  width: 90%;
	}
	.formmain-div textarea {
	  width: 90%;
	}
	.formmain-div button {
	  margin: 8px auto;
	}
	.socialwrap{
		text-align:center;
	}
	.social {
	  width:250px;
	  padding:5px 10px;
	  text-align:center;
	}
	
}

/*desktop styles*/
@media only screen and (min-width:960px) and (max-width:1199px) {

}