@media screen and (min-width:1920px){

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

}
@media (min-width:1440px) and (max-width:1600px){

}
@media (min-width:1280px) and (max-width:1440px){

}
@media (min-width:1024px) and (max-width:1281px){

}
@media (min-width:768px) and (max-width:1024px){
	
}
@media (max-width:768px){
    .header-top {
        background-color: #062E39;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 66px;
        display: flex;
        align-items: center;
    }
    .header-top-contact{
        padding-left:0px;
        padding-right:0px;
    }
    ul.top-contanct>li:last-child{
        margin-right:0px;
    }
    ul.top-contanct>li:last-child>a {
        text-decoration: none;
        display: flex;
        margin-right: 0px;
        align-items: center;
        color: white;
        font-size: 15px;
        font-weight: 300;
        transition: all .4s;
    }
    ul.top-social {
        display: flex;
        justify-content: center;
        list-style: none;
        align-items: center;
        margin: 0px;
        padding: 10px 0 0px;
    }
    .home-about-text {
        padding-left: 15px;
        margin-top: 110px;
    }
	.home-about-text>ul {
        display: flex;
        list-style: none;
        padding: 0px;
        margin: 30px 0px;
        flex-wrap: wrap;
    }
    .home-about-text>ul>li {
        margin-right: 5px;
        margin-bottom:5px;
    }
    a.navbar-brand>img {
        height: 60px;
    }
    .banner-right>.overflow {
        background-color: rgba(6, 46, 57, .80);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
    }
    .banner-text>h1 {
        font-size: 24px;
        color: white;
        font-weight: 700;
        margin-bottom: 30px;
        text-align: center;
    }
    .banner-text>ul>li {
        display: flex;
        align-items: center;
        color: white;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .banner-text>p{
        color:white;
        font-size:16px;
        font-weight: 500;
    }
    .home-about {
        margin-top: 90px;
    }
    .about-images{
        padding:0px;
    }
    .home-form-area {
        margin-top: 20px;
    }
    .home-form-area>.row{
        padding-left:25px;
    }
    .home-left-box>.overlay-orange>.text-area {
        margin-left: 30px;
        display: flex;
        flex-direction: column;
        padding-right: 30px;
    }
    .home-right-box>.overlay-blue>.text-area {
        margin-right: 30px;
        padding-left: 30px;
        display: flex;
        flex-direction: column;
    }
    .copyright {
        font-size: 12px;
        font-weight: 300;
        color: white;
        text-align: center;
    }
    .design {
        display: flex;
        justify-content: center;
        color: white;
        font-size: 12px;
        font-weight: 300;
        align-items: center;
    }
    .about-text {
        padding-right: 40px;
        margin-top: 25px;
    }
    ul.page-breadcrumb {
        display: flex;
        width: fit-content;
        background-color: #FD5523;
        clip-path: polygon(10% 0, 90% 0%, 100% 100%, 0 100%);
        list-style: none;
        margin: 0px;
        padding: 0px 40px;
        height: 60px;
        align-items: center;
        width: 100%;
        justify-content: center;
    }
    ul.page-breadcrumb>li {
        font-size: 14px;
        font-weight: 500;
        color: white;
    }
    .Page-Title>h1 {
        color: white;
        text-align: center;
        font-size: 24px;
        font-weight: 600;
    }
    span.suptitle {
        display: flex;
        width: 100%;
        color: #FD5523;
        font-size: 14px;
        font-weight: 300;
        align-items: center;
        margin-bottom: 5px;
        margin-top: 20px;
    }
    .about-text>h2 {
        font-size: 22px;
        font-weight: 400;
        color: black;
        margin-bottom: 30px;
    }
    .about-images-area>.about-img-2 {
        position: absolute;
        display: flex;
        left: 5.5%;
        top: 187px;
        width: 50%;
        box-shadow: 0px 0px 16px rgba(0, 0, 0, .16);
        margin-right: 10%;
    }
    .about-intro {
        margin-bottom: 180px;
    }
    .about-line {
        padding: 0px;
        background-color: #062E39;
        display: flex;
        align-items: center;
        position: relative;
        flex-direction: column;
    }
    .about-line>.line-img {
        width: 100%;
        display: flex;
        position: relative;
        height: 33vh;
    }
    .line-right {
        display: flex;
        width: 100%;
        position: relative;
        align-items: center;
        flex-direction: column;
    }
    .line-right>.line-icon {
        width: 100px;
        height: 100px;
        position: absolute;
        left: auto;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #FD5523;
        top: -50px;
    }
    .line-text>.text-left {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-right: 0px;
    }
    .line-text {
        display: flex;
        margin-left: 0px;
        width: 100%;
        flex-direction: column;
        padding:80px 15px 50px;
    }
    .line-text>.text-right {
        display: flex;
        width: 100%;
        align-items: center;
    }
    .line-text>.text-left>h1 {
        font-size: 22px;
        font-weight: 600;
        color: white;
    }
    .comment-area {
        background-image: url(../../images/comment-bg.jpg);
        padding: 40px 0px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .commnet-area-title>h3 {
        text-align: center;
        font-size: 22px;
        font-weight: 700;
    }
    .faq-img>img {
        width: 100%;
    }
    .right-form>.right-title {
        display: flex;
        width: 100%;
        font-size: 19px;
        font-weight: 600;
        color: black;
        align-items: center;
        margin-bottom: 20px;
        border-bottom: 2px solid #FD5523;
        padding-bottom: 3px;
    }
    .overlay-blue>.container{
        padding:0px;
    }
    .contact-box {
        display: flex;
        width: 100%;
        background-color: white;
        box-shadow: 0px 0px 16px rgba(0, 0, 0, .16);
        padding: 20px;
        align-items: center;
        margin-bottom: 10px;
    }
}