/********** 1024px *********/
@media (max-width: 1024px) {
}
/********** end 1024px *********/
/********** 768px *********/
@media (max-width: 768px) {
	.su-header .main-header{
		position: absolute; 
	}
	.nv-header {
	    top: -116px;
	}
	.nv-fixed-header {
	    top: 0;
	}
	.nv-parallax-background .common-heading {
	    font-size: 50px;
	}
	.nv-header .main-nav .main-menu {
	    display: block;
	    position: absolute;
	    float: right;
	    width: 100%;
	    right: 0;
	    top: 40px;
	    background: #243124;
        box-shadow: 2px 2px 4px #2b2b2b;
	}
	.nv-header .main-nav .main-menu li {
	    display: block;
	}
	.nav-bar {
	    position: fixed;
	    right: 20px;
	    top: 12px;
	    z-index: 9999;
	    padding: 15px;
	    cursor: pointer;
	}
	.nav-bar .bar{
		background: #fff;
	    height: 2px;
	    width: 35px;
	    display: block;
	    position: relative;
	    transition: .3s linear;
	}
	.nav-bar .bar:after{
		content: '';
		background: #fff;
	    height: 2px;
	    width: 35px;
	    display: block;
	    position: absolute;
	    bottom: 6px;
	    transition: .3s linear;
	}
	.nav-bar .bar:before{
		content: '';
		background: #fff;
	    height: 2px;
	    width: 35px;
	    display: block;
	    position: absolute;
	    top: 6px;
	    transition: .3s linear;
	}
	.nav-bar .cross{
		background: #fff;
	    height: 2px;
	    width: 35px;
	    display: block;
	    position: relative;
	    transform: rotate(45deg);
	    transition: .3s linear;
	}
	.nav-bar .cross:after {
	    display: none;
	}
	.nav-bar .cross:before {
	    content: '';
	    background: #fff;
	    height: 2px;
	    width: 35px;
	    display: block;
	    position: absolute;
	    top: 0px;
	    transform: rotate(-90deg);
	    transition: .3s linear;
	}
	.nv-main-section .parallax-about {
	    padding: 80px 20px;
	}
	.nv-main-section .counter-section {
	    padding: 80px 0;
	}
	.nv-main-section .service-section {
	    padding: 60px 0 0 0;
	}
	.nv-main-section .service-section .icon-box {
	    width: 115px;
	    height: 115px;
	}
	.nv-main-section .service-section .service-icon {
	    font-size: 65px;
	    line-height: 115px;
	}
	.nv-main-section .social-section {
	    padding: 30px 0 60px 0;
	}
	.nv-main-section .client-section {
	    padding: 80px 0;
	}
	.nv-main-section .contact-section {
	    padding: 80px 0;
	}
	.floting-yelp {
	    right: -43px;
	    width: 10%;
	}
	.nv-header .main-menu li .sub-menu {
	    width: 50%;
	    z-index: 9;
	}
 
}
/********** end 768px *********/
/********** 425px *********/
@media (max-width: 480px) {
	.nv-parallax-background .common-heading {
		font-size: 25px;
		margin-bottom: 12px;
        padding-top: 10px;
	}
	.nv-header {
	    top: 0;
	}
	.nv-parallax-background .slider-description{
		margin-top: 0px;
		font-size: 13px;
	}
	.nv-parallax-background .slider-content{
		 top: 60%;
	}
	.nv-parallax-background .slider-content figure{
		 width: 35%;
		margin: 0 auto;
		overflow: hidden;
	}
	.nv-parallax-background .slider-content figure img{
		width: 100%;
	}
	.nv-main-section .social-section .social-icon{
		width: 75px;
		height: 75px;
		line-height: 75px;
	}
	.nv-main-section .social-section .social-icon i {
		line-height: 75px;
	}
	.fixed-nav-bar{
		top: 10px;
		transition: .3s linear;
	}
	.floting-yelp {
	    right: -46px;
	    width: 20%;
	}
	.floting-yelp {
	    right: -46px;
	    width: 20%;
	}
	.nv-main-section .common-heading {
	    font-size: 25px;
	}
	.nv-main-section .common-desc {
	    font-size: 16px;
	}
	.nv-main-section .about-box .heading {
	    font-size: 20px;
	}
	.nv-header .logo-img {
	    width: 45%;
	    margin: 10px 0;
	}
	.nv-header {
	    padding: 5px 0 3px;
	}
	.nv-main-section .service-section .common-desc {
	    width: 95%;
	}
	.nv-main-section .social-section .social-network li {
	    width: 49%;
	}
	.nv-main-section .testimonial-section .navigation{
		display: none;
	}
	.nv-main-section .client-section .client-box {
	    width: 50%;
	    margin-bottom: 20px;
	}
	.nv-main-section .client-section {
	    padding: 30px 0;
	}
	.nv-header .main-nav .main-menu {
	    top: 4px;
	}
	.nv-main-section .social-section .common-desc{
		width: 95%;
	}
	.nv-main-section .counter-section .common-desc{
		width: 95%;
	}
	.nv-main-section .portfolio-section .common-desc{
		width: 95%;
	}
	.nv-background {
	    top: 50px;
	}
	.nv-main-section .contact-section .grid-50 {
	    width: 100%;
	}
	.nv-main-section .footer .policy-payment {
	    text-align: center;
	}
	.nv-main-section .footer .policy-payment .payment {
	    text-align: center;
	}
	.nv-main-section .client-section{
		text-align: center;
	}
	.nv-main-section .client-section .client-box {
		width: 30%;
		float: none;
	}
	.nv-main-section .content-section{
	    padding: 50px 0;
	}
	.nv-background video {
        width: auto;
    }
  
}
/********** end 425px *********/
/********** 375px *********/
@media(max-width: 425px){
    .nv-parallax-background .common-heading {
        font-size: 17px;
        margin-bottom: 5px;
        padding-top: 5px;
    }
    .nv-parallax-background .slider-btn {
        padding: 2px 15px;
        font-size: 14px;
    }
}
/********** end 375px *********/
/********** 320px *********/
/********** end 320px *********/

.fixed-nav-bar{
	top: 12px;
	transition: .3s linear;
}
.nv-fixed-header {
    background: #243124;
    box-shadow: 1px 2px 10px #505050;
}
.nv-fixed-header .main-nav .main-menu a{
    color: #fff;
}