/*

WIWET.com - ASP.NET Templates

Qode Template

*/
@media only screen and (max-width: 1441px){
	.qode-quality h2 {
    	margin: 35px 0px;
	}
	.meet-qode .showcase-box,.meet-qode .newsletter-box{
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		min-height: 0px;
	}
	.meet-qode .newsletter-box h2{
		margin-top: 0px;
		padding-top: 20px;
	}
	.qode-quality > .row > div:last-child{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media only screen and (max-width: 1281px){
	.qode-quality a.bgbutton{
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.meet-qode .newsletter-box input{
		margin-bottom: 40px;
	}
	.services-fluid .row.imageLeft > div:last-child{
		padding: 15px 30px;
	}
	.services-fluid .row.imageRight > div:first-child{
		padding: 15px 30px;
	}
}
@media only screen and (max-width: 1025px){
	.qode-quality.home h2 {
    	margin-bottom: 20px;
	}
	.qode-quality a.bgbutton{
		margin-bottom: 20px;
	}
	.meet-qode h2{
		margin-bottom: 15px;
	}
	.meet-qode .newsletter-box input {
    	margin-bottom: 25px;
	}
	.flexible-options:after{
	    -ms-transform: rotate(-40deg);
	    -webkit-transform: rotate(-40deg);
	    transform: rotate(-40deg);
	}
	.try-qode:after{
		-ms-transform: rotate(36deg);
	    -webkit-transform: rotate(36deg);
	    transform: rotate(36deg);
	}
	.portfolio-item .portfolio-inner{
		padding: 20px 10px 20px 20px;
	}
	.portfolio-item .portfolio-inner span{
		margin-right: 10px;
		padding: 7px 10px;
	}
	.view-over h2 {
    	font-size: 45px;
	}
	.view-over h4 {
    	font-size: 30px;
	}
	.line-connect:after{
		width: 400px;
		margin-left: -200px;
	}
	.contact h4 {
    	font-size: 17px;
	}
	.post h6{
		margin-bottom: 30px;
	}
	.portfolio-modal .modal-dialog{
		width: 75%;
	}
}
@media only screen and (max-width: 992px){
	.wiwet-navigation > li > a{
		padding: 0px 10px;
	}
	.wiwet-navigation .btn-default{
		padding: 2px 10px;
	}
	.about-achievements h4{
		font-size: 16px;
	}
	.about-achievements {
    	padding: 80px 15px 120px;
	}
	.wiwet-qode-tabs .nav li a{
		padding: 0px 20px;
	}
	.line-connect:after {
    	width: 300px;
    	margin-left: -150px;
	}
	.view-over h2 {
	    font-size: 32px;
	}
	.post > .row > div:first-child{
		padding-right: 0px;
	}
	.post{
		padding: 0px 15px;
	}
	.home-video video{
		display: none;
	}
	.home-video{
		background: url('../Images/hero.jpg') no-repeat center;
		background-size: cover;
	}
	.qode-quality > .row > div:first-child{
		padding-right: 0px;
	}
	.meet-qode .newsletter-box h2{
		padding: 40px 0px;
	}
	.portfolio-modal .modal-dialog{
		width: 95%;
	}
}
@media only screen and (max-width: 767px){
	header {
    	padding: 15px 0px;
	    position: relative;
    	z-index: 999;
		padding-bottom: 100px;
	}
	.navbar-toggle{
		margin-top: 15px;
	}
	.wiwet-navigation{
		padding-top: 25px;
		background: #1c1c1c !important;
		text-align: center;
	}
	.navbar-collapse{
		position:relative;
		top:-100px;
		margin-left: 35% !important;
		width: 70%;
		margin-right: 0px;
	}
	.wiwet-navigation>li>a{
		color: #FFF;
		font-size: 24px;
	    padding-top: 15px;
    	padding-bottom: 15px;
    	text-align: left;
	}
	.wiwet-navigation>a{
		color: #FFF;
		font-size: 2em;
		text-align: right;
		padding-right: 25px;
		float: right;
		position: relative;
		z-index: 9999;
		line-height: 54px;
	}
	.dropdown.pages-menu,
	.dropdown.pages-menu .pages-dropdown{
		text-align: left;
		line-height: 30px;
	}
	.wiwet-navigation .btn-default{
		font-size: 24px;
		color: #FFF;
		padding: 15px 10px;
	}
	.dropdown.pages-menu .pages-dropdown > li > a {
		padding: 10px;
		color: #FFF;
		font-size: 24px;
		font-weight: 300;
	}
	.dropdown-menu[aria-labelledby="libertyAndJusticeLabel"] > li > a {
		padding-left: 500px !important;
	}

	.dropdown-menu[aria-labelledby="servicesLabel"] > li > a {
		padding-left: 250px !important;
	}

	.navbar {
    	line-height: 30px;
    	height: 67px;
    	margin: 0px;
	}
	footer ul li {
	    display: inline-block;
	    width: 20%;
	    margin: 10px 0px;
	    text-align: center;
	}
	footer ul li a{
		margin: 0px;
		display: inline-block;
	}
	.scrollup{
		bottom: 15px;
		right: 15px;
	}

	.home-video .hero-text h1{
		font-size: 32px;
	}
	.home-video .hero-text h2{
		margin: 0 0 60px;
	}
	.home-video .hero-text h1 span{
		display: block;
	}.flexible-options h2{
		margin-bottom: 10px;
	}
	.flexible-options img{
		margin-top: 60px;
	}
	.flexible-options:after {
    	-ms-transform: rotate(-81deg);
    	-webkit-transform: rotate(-81deg);
    	transform: rotate(-81deg);
    	width: 700%;
	}
	.qode-quality.home a{
		margin: 20px 0px;
	}
	.meet-qode .newsletter-box h2 {
    	margin-bottom: 0px;
	}
	.showcase-box, .newsletter-box{
		padding-left: 15px;
		padding-right: 15px;
	}
	.portfolio .wiwet-qode-tabs .nav li{
		display: block;
		margin-bottom: 15px;
	}
	.portfolio .wiwet-qode-tabs .nav li.active a{
		display: inline-block;
	}
	.try-qode:after {
    -ms-transform: rotate(66deg);
    -webkit-transform: rotate(66deg);
    transform: rotate(66deg);
    width: 300%;
	}
	.about-achievements h1{
		margin: 0 auto 15px;
	}
	.about-achievements h4{
		margin-bottom: 60px;
	}
	.contact h4 i{
		top: 10px;
		float: left;
		margin-bottom: 60px;
	}
	.contact h4{
		line-height: 40px;
		height: 40px;
		clear: both;
	}
	.radio-rate label {
    	margin: 0px 5px;
	}
	.search-here a,
	.wiwet-qode-tabs .nav li{
		width: 100%;
		display: block;
		margin-bottom: 15px;
	}
	.wiwet-ui-forms .radio-btn{
		margin: 30px 0px;
	}
	.wiwet-ui-forms textarea{
		margin-bottom: 25px;
	}
	.rate-box + h3, .showcase-box + h3, .newsletter-box + h3{
		margin-bottom: 40px;
	}
	.view-over h2{
		margin-bottom: 30px;
	}
	.line-connect:after {
    	width: 210px;
    	margin-left: -105px;
	}
	.home-video{
		height: 480px !important;
	}
	.dropdown.pages-menu .pages-dropdown.submenu{
		display: block;
		left: 0px;
		background: transparent;
		border: none;
		min-width: 240px;
	}
	.home h2, .services h2, .contact h2, .about-achievements h2, .about-qode h2 {
	    font-size: 40px;
	}
	.blog-pagination ul>li>a{
		margin: 0px 6px;
	}
	.meet-qode .showcase-box,.meet-qode .newsletter-box{
		height: 440px !important;
	}
}