img{
	max-width: 100% !important;
	height: auto !important;
}

@media screen and (max-width: 1279px) {
	/**** General CSS ****/
	.container{
		max-width: 1024px !important;
	}

	/*.shape2:before{
		right: auto;
		left: 90px;
	}*/

}
@media screen and (max-width: 991px) {
	/**** General CSS ****/
	/*.shape2,
	.shape2:before{
		display: none;
	}*/
	.container{
		max-width: 100% !important;
		padding: 0 30px !important;
	}
	#wrapper{
		background-image: url(../images/mb-bg.jpg);
	}
	.padding-sec,
	.padding-md-sec,
	.padding-lg-sec{
	    padding: 80px 0;
	}
	/**** Header CSS ****/
	#header{
		height: 80px;
		padding: 0;
	}
	#header .header-wrap{
	    width: 100%;
	    border: none;
	    background-color: #fff;
	    position: fixed;
	    top: 0;
	    transition-property: top;
	    transition-duration: 0.2s;
	    transition-timing-function: linear;
	    z-index: 99;
	    box-shadow: 0 3px 20px rgba(0,0,0,0.1);
	}
	#header .header-wrap .container{
	    height: 80px;
	    border: none;
	}


	/**** Home Content CSS ****/
	#primary{
		min-height: auto;
	}

}
@media screen and (max-width: 767px) {
	/**** General CSS ****/
	.padding-sec,
	.padding-md-sec,
	.padding-lg-sec{
	    padding: 60px 0;
	}
	.text-center{
		text-align: left;
	}

	/**** Home Content CSS ****/
	.forms-list li a{
		padding: 0 10px;
	}
	.forms-list li a:hover, 
	.forms-list li a:hover:focus{
		-webkit-transform: scale(1);
    	transform: scale(1);
	}
}
@media screen and (max-width: 567px) {

	/**** Header CSS ****/
	#logo img{
		height: 34px !important; 
	}
	#header h1{
		font-size: 24px;
	}
	.hd-right{
		padding-bottom: 4px;
	}

	.forms-list li a, 
	.forms-list li a:active{
		height: 190px;
	}
	.forms-list li a h3{
		font-size: 18px;
	}

}
@media screen and (max-width: 479px) {
	h2{
		font-size: 24px;
	}
	/**** General CSS ****/
	.container {
		padding: 0 15px !important;
	}

	/**** Header CSS ****/
	#logo img{
		height: 30px !important
	}
	#header h1{
		font-size: 20px;
	}


	/**** Home Content CSS ****/
	.mb, .forms-list{
		margin-bottom: 40px;
	}
	.forms-list li {
	    width: 100%;
	    flex: 0 0 100%;
	    padding: 12px 15px;
	}
	.forms-list li a{
		height: 125px;
		padding: 0 10px;
	}
	.docs-list li{
		padding: 12px 0;
	}
	.docs-list li a{
		height: 50px;
		padding: 0 35px 0 15px;
		background-position: calc(100% - 15px);
		font-size: 16px;
	}
}
@media screen and (max-width: 374px) {
	#header,
	#header .header-wrap .container{
		height: 70px;
	}
	.hd-right{
		padding-bottom: 2px;
	}
	#logo img{
		height: 26px !important;
	}
	#header h1{
		font-size: 18px;
	}
}
@media screen and (max-width: 320px) {
	.container{
		width: 320px !important;
		max-width: 320px !important;
	}
}