/*media width*/
@media (max-width: 991px){
    .header .navigationbar .links .menu,
    .header .navigationbar .links .menu.fixed-menu{
        position: fixed;
        top: 15px;
        right: 15px;
    }
    .work .portfolio .portfolio-link li {
        padding: 8px 35px;
    }
    .work .portfolio .inbox a {
        width: 31%;
        margin: 8px
    }
    .testimonials .overlay .item .text-box{
        width: 240px;
    }
}

@media (max-width: 768px){
    .header .navigationbar .links .menu {
        right: 12px;
    }
    .header .navigationbar .open-menu {
        width: 100%;
    }
    .header .text-box p:nth-of-type(2) {
        width: auto;
    }
    .header .navigationbar .ico{
        display: none;
    }
    .about .about-box{
        width: 100%;
    }
    .work .portfolio .portfolio-link li {
        padding: 5px 15px;
    }
    .work .portfolio .inbox a {
        width: 100%;
        margin: 5px 0;
        height: 300px;
    }
	.testimonials .overlay .item .img-box h3 {
		margin-left: 0;
	}
	.testimonials .overlay i.one {
		top: 95%;
		left: 45%;
		transform: translateY(-50%);
	}
	
	.testimonials .overlay i.two {
		top: 95%;
		right: 45%;
		transform: translateY(-50%);
	}
	.testimonials .overlay .item{
		top: 55%;
	}
    .testimonials .overlay .item .img-box,
    .testimonials .overlay .item .text-box
    {
        float: none;
        text-align: center;
    }
    .testimonials .overlay .item .text-box{
        width: auto;
    }
    .testimonials .overlay .item .text-box p{
        margin: 0;
        width: 300px;
    }
    .testimonials .overlay .item .text-box p::after {
        border-color: transparent;
    }
	
	.contact {
		height: 830px;
	}
}
@media (max-width: 575px){
    .about .about-box{height: 400px;}
    .work .portfolio .portfolio-link li {
        display: block;
        margin: 20px 0;
    }
}

@media (max-width: 460px){
    .header .navigationbar .brand a img {width: 100px;}
    .header .navigationbar .links .menu, .header .navigationbar .links .menu.fixed-menu{top: 5px;}
}

/*media height*/
@media (max-height: 470px){
    .header .navigationbar .open-menu .input-menu .menu-ico{margin: 10px 0;}
}

@media (max-height: 400px){
    .header .navigationbar .open-menu .input-menu .menu-brand a img{
        width: 120px;
        margin-top: 25px;
    }
    .header .navigationbar .open-menu .input-menu ul li a{
        font-size: 15px;
    }
    .header .navigationbar .open-menu .input-menu ul li a:after{
        height: 4px;
    }
}