@media (max-width: 1920px) {}

@media (max-width: 1480px) {
    .themeBox .col-lg-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .themeBox .htSpacing>div.row>div.right,
    .themeBox .htSpacing>div.row>div.left {
        padding: 2rem;
    }
}



@media (max-width: 1440px) {
    html {
        font-size: 14px;
    }
}





@media (max-width: 1199px) {
    html {
        font-size: 12px;
    }

    .menuLink .pdSpacing>div i {
        font-size: 4.5rem;
    }
}

@media screen and (min-width: 576px) and (max-width: 991px) {}

@media screen and (min-width: 768px) and (max-width: 1199px) {}

@media (max-width: 1140px) {}


@media (max-width: 991px) {

    .menuLink div.row .pdSpacing:nth-child(1),
    .menuLink div.row .pdSpacing:nth-child(2) {
        margin-bottom: 1rem;
    }
	.themeBox {
	     width: inherit;
	    max-height: inherit;
	    min-height: inherit;
	    height: inherit;
/* 	    background-position:  inherit;
	    background-repeat: inherit;
	    -webkit-background-size: inherit;
	    -moz-background-size: inherit;
	    -o-background-size: inherit;
	    background-size: inherit;
	    background-repeat: inherit; */
	   background-image:none;
	}

}

@media (max-width: 767px) {
    html {
        font-size: 12px;
    }
	.backgroundImg{
	    background-position: center;
	}

}

@media (max-width: 576px) {
    html {
        font-size: 10px;
    }
    .menuLink .pdSpacing {
        padding: 0px .8rem;
    }
    .nav {
	    height: 60px;
	}
    .nav div.logo img {
        width: 25%;
    }
	.header .container.affix {
	    background-color: #fff;
	    height: 60px;
	}
	.nav div.logo {
		height: 60px;
	}
}