.h-sec1 {
    background-image: url(../images/dots-blue.png);
    background-repeat: no-repeat;
    background-position: right 122px;
}
.h-sec2 .box, .h-sec3 .box {
    max-width: 395px;
}
.h-sec2 {
    background-color: #ebeff7;
}
.h-sec2 .box a {
    display: inline-block;
    position: relative;
    background-color: #000;
    color: #fff;
    text-align: center;
}
.h-sec2 .box a .text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: -40px;
}
.h-sec2 .box a img {
    opacity: 0.58;
}
.h-sec2 .box a:hover img {
    opacity: 0.30;
}
.h-sec2 .box a:hover {
    color: #ff4143;
}
.h-sec3 {
    background-image: url(../images/hsec3-bg.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    padding-bottom: 200px;
}
.h-sec3 .text {
    color: #d9d9d9;
}
.h-sec3 .box a {
    display: inline-block;
}
.h-sec3 .box a:hover {
    box-shadow: 0 0 15px #b7b7b7;
}
.h-sec4 .right img {
    box-shadow: 0 0 76px rgba(0, 27, 52, 0.3);
}
.h-sec4 {
    margin-top: -140px;
    background-image: url(../images/dots-red.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}





@media screen and (max-width: 1362px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 767px) {
	.h-sec3 {
	    padding-bottom: 20px;
	}
	.h-sec4 {
	    margin-top: 0;
	    background-position: 0 25px;
	}
@media screen and (max-width: 479px) {
	.headbg, .headbg.white {
	    background-image: none;
	    padding-top: 0;
	}
	.h-sec1, .h-sec4 {
	    background-image: none;
	}
}