/*=-=-=-=-=-=-=- 992 Start -=-=-=-=-=-=-*/

@media(max-width: 992px){

.blue-menu ul li a{
	font-size: 15px;
	padding: 5px 15px;
}

.blue-buttons button{
	font-size: 12px;
	padding: 3px 10px;
	margin-left: 5px;
}
.default-video{
	width: 400px;
	margin-left: 30px;
}

}

 /*=-=-=-=-=-=-=- 992 End -=-=-=-=-=-=-*/

 /*=-=-=-=-=-=-=- 768 Start -=-=-=-=-=-=-*/
@media(max-width: 768px){

.blue-menu{
	position: absolute;
	top: 60%;
	left: 0;
	background-color: rgba(71, 82, 89, .8);
	width: 100%;
	display: none;
}
.blue-menu ul{
	padding-left: 100px;
	display: inline-block;
	width: 90%;
}
.blue-menu ul li{
	border-bottom: 1px solid #F9690E;
}
.blue-menu ul li a{
	font-weight: 700;
	font-size: 15px;
	color: #ffffff;
	padding: 10px 0;
	display: block;
	text-align: center;
}
.responsive-menu-bar{
	display: block;
}

.blue-header-bottom-text{
	text-align: center;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.blue-header-bottom-text h1{
	font-size: 30px;
	line-height: 20px;
    width: 500px;
    padding: 15px 0;
}
.blue-header-bottom-text h2{
	font-size: 30px;
	line-height: 20px;
    width: 700px;
    padding: 15px 0;
}

.blue-ser-sin-item{
	border: 1px solid #ffffff;
	padding: 10px;
}
.blue-ser-icon i{
	font-size: 30px;
}
.blue-ser-text h4{
	font-size: 20px;
	padding: 10px 0;
}
.blue-ser-text p{
	font-size: 12px;
}
.blue-buttons button{
	font-size: 10px;
	padding: 3px 8px;
	margin-left: 3px;
}
.blue-port-item:hover .blue-port-item-overlay{
	opacity: 0;
}
.blue-default-left-text p{
	margin-top: 20px;
	font-size: 12px;
}
.default-video{
	width: 300px;
	margin-left: 0;
}
.blue-twiter-bottom p{
	font-size: 12px;
}
.blue-twiter-link a i{
	font-size: 20px;
}
.blue-doe-about-left p{
	font-size: 12px;
}
.blue-doe-about-right-top p{
	font-size: 12px;
}
.blue-doe-about-right-bottom a i{
	font-size: 20px;
	border: 1px solid #ffffff;
	padding: 10px;
}
.blue-testimonials-bottom h6{
	font-size: 15px;
	line-height: 20px;
}
.blue-testimonials-bottom p{
	font-size: 12px;
}
.con-info-right p{
	font-size: 12px;
}
.con-info-right span{
	font-size: 12px;
}
.sent-button button{
	width: 200px;
}
.blue-footer-left a{
	font-size: 12px;
}
.blue-footer-right{
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translate(-50%,-10%);
}
.blue-footer-right p a{
	font-size: 12px;
}


}

 /*=-=-=-=-=-=-=- 768 End -=-=-=-=-=-=-*/

 /*=-=-=-=-=-=-=- 576 Start -=-=-=-=-=-=-*/

@media(max-width: 576px){

.blue-header-bottom-text h1{
	font-size: 20px;
	line-height: 5px;
    width: 350px;
    padding: 10px 0;
}
.blue-header-bottom-text h2{
	font-size: 20px;
	line-height: 5px;
    width: 450px;
    padding: 10px 0;
}
.blue-sec-title-text h2{
	font-size: 20px;
}
.just-for-border{
	width: 40px;
}
.blue-ser-sin-item{
	margin-bottom: 15px;
}
.blue-ser-icon i{
	font-size: 20px;
}
.blue-ser-text h4{
	font-size: 15px;
	padding: 5px 0;
}
.blue-ser-text p{
	font-size: 10px;
}
.blue-port-title-text h2{
	font-size: 20px;
}
.just-for-border-port{
	width: 40px;
}
.blue-buttons button{
	font-size: 8px;
	padding: 3px 5px;
	margin-left: 2px;
}
.blue-default-left-text p{
	font-size: 10px;
}
.default-video{
	width: 250px;
	margin-left: 0;
}
.blue-testimonials-top-right h2{
	font-size: 30px;
}
.blue-testimonials-bottom{
	padding-top: 5px;
}
.blue-testimonials-bottom h6{
	font-size: 12px;
}
.blue-testimonials-bottom p{
	font-size: 10px;
}
.con-info-right p{
	font-size: 10px;
}
.con-info-right span{
	font-size: 10px;
}
.sent-button button{
	width: 150px;
}
.con-input-left label{
	font-size: 10px;
}
.message-box label{
	font-size: 10px;
}
.blue-footer-left{
	left: 10%;
	transform: translate(-10%,-50%);
}
.blue-footer-left a{
	font-size: 10px;
}
.blue-footer-right{
	right: 10%;
	transform: translate(-10%,-50%);
}
.blue-footer-right p a{
	font-size: 10px;
}

}


 /*=-=-=-=-=-=-=- 576 End -=-=-=-=-=-=-*/

 /*=-=-=-=-=-=-=- 420 Start -=-=-=-=-=-=-*/

@media(max-width: 420px){

.blue-menu ul{
	padding-left: 50px;
}
.blue-logo{
	width: 80px;
}
.responsive-menu-bar i{
	font-size: 20px;
}
.responsive-menu-bar-close i{
	font-size: 20px;
}
.blue-header-bottom-text h1{
	font-size: 15px;
    width: 250px;
}
.blue-header-bottom-text h2{
	font-size: 15px;
    width: 350px;
}
.blue-buttons{
	margin-top: 30px;
	text-align: center;
}
.blue-default-left-btn{
	margin-bottom: 50px;
}
.blue-default-left-btn button{
	padding: 8px 20px;
}
.con-info-right{
   display: none;
}
.message-box textarea{
	height: 150px;
}

.hidden-con-info-for-420px .con-info-right{
    display: block;
}
.blue-footer-left a{
	font-size: 8px;
}
.blue-footer-right p a{
	font-size: 8px;
}

}

 /*=-=-=-=-=-=-=- 420 End -=-=-=-=-=-=-*/

 /*=-=-=-=-=-=-=- 320 Start -=-=-=-=-=-=-*/
 @media(max-width: 320px){

.blue-header-bottom-text h1{
	font-size: 10px;
    width: 170px;
}
.blue-header-bottom-text h2{
	font-size: 10px;
    width: 250px;
}

}
 /*=-=-=-=-=-=-=- 320 End -=-=-=-=-=-=-*/