@media only screen and (min-width: 768px) {
	.sticky{
		position: static;
		background-color: transparent;
	}
	#wrapper{
		padding-top: 95px;
		padding-bottom: 50px;
	}
	header{
		position:static;
		text-align: center;
		margin-bottom: 5px;
	}
	.logo{
		float:none;
		display: block;
		width: auto;
		margin-bottom: 10px;
	}
	.menu-bar{
		display: none;
	}
	.navbar{
		position: static;
		background:transparent;
		transform: none;
		height: auto;
	}
	.nav-list{
		display: flex;
		justify-content: center;
	}
	.navbar li a{
	   padding: 13px 27px
	}
	.navbar li a:after{
	   	display: inline-block;
	  	background-color: rgba(255, 223, 0, 0.7);
		height: 100%;
		width: 100%;
		padding: 1px;
		transform: skew(-36deg);
		opacity: 0;
		top: 0;
	}
	.navbar li a:hover:after{
		 opacity: 1;
	}
	.navbar li.active-state a:after{
		opacity: 1;
	}
	.navbar li a:before{
		content: "";
	   	display: inline-block;
	  	background-color: #fff;
		height: 100%;
		width: 1px;
		transform: skew(-36deg);
		right: 0;
		top: 0;
		position: absolute;
	}
	.navbar li:last-child a:before{
		display: none;
	}
	.navbar li:last-child{
		
		margin-right: 44px;
	}
	.navbar a .menu-text{
		position: relative;
		z-index: 999;
	}
	.content{
		padding: 0px 0 0 0;
	}
	.content-block{
		padding: 32px 60px;
		font-size: 35px;
		margin-bottom: 40px;
	}
	.brand-wrapper li{
		width: auto;
		margin: 0 20px 25px 20px;
	}
	li.travelport{
		width: auto;
	}
	li.sky,li.gs{
		width: auto;
	}
	li.rbs{
		width: auto;
	}

	/*-- contact page --*/
	h2{
		padding: 0 60px;
		font-size: 35px;
	}
	.work-list{
		float: right;
		width: 68%;
	}
	.mark-wrap{
		width: 61%;
		float: right;
	}
	.mark-wrap a{
		font-size: 25px;
		padding: 25px 60px;
	}

	/*-- about page --*/
	.about-block{
		display: flex;
		justify-content: space-between;
	}
	.info-wrap{
		width: 50%;
	}
	/*-- portfolio page --*/
	.portfolio-section li {
	    width: 30%;
	    margin: 0 10px 10px;
	}
	.bottom-text{
		font-size: 18px;
		padding: 10px 15px;
		width: 200px;
	}

	/*-- portfolio-item --*/
	.portfolio-item h2{
		text-align: left;
		padding: 0;
	}
	.rule-wrapper{
		display: flex;
		justify-content: space-between;
	}
	.rule-content{
		width: 66%;
	}
	.case{
		width: 32%;
	}
	.image-text{
		font-size: 18px;
	}

	.slick-arrow{
		width: 50px;
		height: 50px;
	}
	.slick-prev:after{
		width: 16px;
	    height: 29px;
	}
	.slick-next:after {
	    width: 16px;
	    height: 29px;
	}
	.slick-prev {
		left: -8px;
	}
	.slick-next{
		right: -8px;
	}
}
/*-- 991 --*/
@media only screen and (min-width: 991px) {
	.work-list{
		font-size: 24px;
	}
	.work-list li{
		margin-bottom: 18px;
	}
	.work-list li.checkmark:after {
		width: 9px;
		height: 21px;
		border-bottom: 3px solid #000000;
		border-right: 3px solid #000000;
		left: 0;
	}
	.mark-wrap{
		width: 58%;
	}
	.mark-wrap a{
		font-size: 25px;
		padding: 25px 60px;
	}

	/*-- about page --*/
	.info-wrap{
		display: flex;
	}
	.info-wrap:last-child{
		flex-flow: row-reverse;
		text-align: right;
	}
	.info-block{
		width: 70%;
		padding: 0 10px 0 19px;
		padding-top: 50px;
		text-align: left;

	}
	h3,.designation{
		text-align: left;
	}
	h3{
		font-size: 30px;
	}
	.info-wrap:last-child .info-block,.info-wrap:last-child h3,.info-wrap:last-child .designation{
		text-align: right;
	}
	.user-desc a{
		text-align: left;
	}

	/*-- portfolio page --*/
	.bottom-text{
		font-size: 18px;
		padding: 11px 15px;
		width: 265px;
	}
}
/*-- 1024 --*/
@media only screen and (min-width: 1024px) {
	.content-block{
		font-size: 45px;
		padding:32px 130px;
	}
	.brand-wrapper{
		padding: 7px 200px;
	}
	/*-- contact --*/
	h2{
		padding: 0 80px;
		font-size: 45px;
		margin-bottom: 40px;
	}
	.work-list li {
    	margin-bottom: 21px;
	}

	/*-- about page --*/
	.about-wrap .content-block{
		padding: 32px 60px;
	}
	.user-desc p{
		margin-bottom: 30px;
	}
	.slick-prev {
		left: -25px;
	}
	.slick-next{
		right: -25px;
	}
}
/*-- 1200 --*/
@media only screen and (min-width: 1200px) {
	.content-block{
		font-size: 54px;
		margin-bottom: 50px;
	}
	.logo{
		padding-left: 13px;
		margin-bottom: 15px;
	}
	/*-- conatct --*/
	h2{
		padding: 0 80px;
		font-size: 54px;
		margin-bottom: 60px;
	}
	.contact-wrap .header,.about-wrap .header ,.portfolio-wrap .header,.portfolio-item .header {
		margin-bottom: 32px;
	}
	.contact-wrap .content-block {
	    font-size: 45px;
	    padding: 87px 156px 63px 0;
	}
	.work-list{
		width: auto;
	}
	.work-list li.checkmark:after {
		width: 11px;
		height: 26px;
		border-bottom: 4px solid #000000;
		border-right: 4px solid #000000;
		left: -14px;
		top: -4px;
	}
	.mark-wrap {
    	width: 56%;
	}
	.mark-wrap a{
		font-size: 36px;
		padding: 30px 80px;
	}

	/*-- about page --*/
	.about-wrap h2{
		padding: 0 120px;
		margin-bottom: 57px;
	}
	.about-wrap .content-block {
    	padding: 60px 130px;
	}
	h3{
		font-size: 36px;
	}

	/*-- portfolio page --*/
	.portfolio-section li {
	    width: auto;
	    margin: 0 5px 10px;
	}

	/*-- portfolio-item --*/
	
}