/* Ultra-Wide Screens (5K & 8K) - Above 2561px */
@media (max-width: 3840px) {
    .notebook {
        margin: 10% 0 0 10%;
    }

}

/* Extra Large Screens (4K TV) - Above 1921px */
@media (max-width: 2560px) {
    .notebook {
        margin: 15% 0 0 10%;
    }
}

@media (max-width: 2560px) {
    .notebook {
        margin: 18% 0 0 10%;
    }

}

/* Large Laptops / Small Desktop (16-inch and above) - 1441px to 1920px */
@media (max-width: 1769px) {
    .notebook {
        margin: 18% 0 0 10%;
    }


}

@media (max-width: 1440px) {
    .notebook {
        width: 87%;
        margin: 18% 0 0 10%;
    }

    .notecontent img {
        height: 80px;
        width: 80px;
        top: 9px;
    }

    .mission-sec .boox .icon {
        width: 50px !important;
        height: 50px !important;
        margin-right: 0px;
    }

    .mission-sec .boox .content h3 {
        font-size: 18px;
        margin: 10px;
    }

    .mission-sec .boox {
        display: flex;
        justify-content: normal;

    }

    .chat-box {
        width: 23%;
    }

}


/* Laptops (14-inch to 15.6-inch) - 1281px to 1440px */
@media (max-width: 1340px) {

    .notebook {
        width: 87%;
    }

    .notecontent img {
        height: 80px;
        width: 80px;
        top: 12%;
    }

    .mission-sec .boox .icon {
        width: 50px !important;
        height: 50px !important;
        margin-right: 0px;
    }

    .mission-sec .boox .content h3 {
        font-size: 18px;
        margin: 10px;
    }

    .mission-sec .boox {
        display: flex;
        justify-content: normal;

    }
	

}

/* Laptops (13-inch) - 1199px to 1280px */
@media (max-width: 1280px) {
    .logo-sec-left {
        width: 30%;
    }

    .cm-sec-right {
        width: 30%;
    }

    .logo-sec-right h4 {
        font-size: 20px !important;
    }

    .cm-sec-left {
        width: 67%;
    }

    .cm-sec img {
        height: 90px;
    }

    .hder-col-50 {
        width: 50% !important;
    }

    .cm-sec-left h4 {
        font-size: 20px !important;
    }


    .banner-100 {
        width: 100%;
    }

    #main-slide .owl-item img {
        height: 380px;
    }

    #main-slide .owl-nav .owl-prev {
        right: 12%;
    }

    .notebook {
        width: 87%;
        margin: 0 auto;
        display: flex;
        padding-left: 30px;
    }

    .notecontent {
        width: 28%;
    }

    .wdth-30 {
        width: 30%;
    }

    .wdth-50 {
        width: 50%;
    }

    .wdth-70 {
        width: 70%;
    }

    .wdth-100 {
        width: 100%;
    }

    .newsbg:before {
        bottom: 37%;
        width: 112%;
        height: 100px;
    }

    .mission-sec {
        display: flex;
        width: 100%;
        padding: 30px 0;
    }

    .newsbg:before {
        top: 0;
        width: 112%;
        height: 70px;
    }

    .tender-box {
        height: 535px;
        margin-bottom: 40px;
    }

    .news-tender {
        background-size: contain;
    }

    .gallery:before {
        display: none;
    }

    .gallery:after {
        display: none;
    }

    .footer-inner {
        width: 100%;
    }

    .hd-title-three h4 {
        font-size: 18px !important;
    }

    .linksection {
        background: #fff;
        width: 75%;
    }

    #eventModal {
        left: 110%;
        top: 14px;
        height: 100%;
    }

    .gallery-carousel .owl-nav .owl-prev {
        top: -62px;
        left: 80%;
        height: 30px;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .gallery-carousel .owl-nav .owl-next {
        top: -62px;
        left: 92%;
        height: 30px;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .chat-box {
        width: 23%;
    }

}


/* Laptops (13-inch) - 1025px to 1px */
@media (max-width: 1199px) {

    .logo-sec-left {
        width: 30%;
    }

    .cm-sec-right {
        width: 30%;
    }

    .logo-sec-right h4 {
        font-size: 20px !important;
    }

    .cm-sec-left {
        width: 67%;
    }

    .cm-sec img {
        height: 90px;
    }

    .hder-col-50 {
        width: 50% !important;
    }

    .cm-sec-left h4 {
        font-size: 20px !important;
    }


    .banner-100 {
        width: 100%;
    }

    #main-slide .owl-item img {
        height: 380px;
    }

    #main-slide .owl-nav .owl-prev {
        right: 12%;
    }

    .notebook {
        width: 87%;
        margin: 0 auto;
        display: flex;
        padding-left: 30px;
    }

    .notecontent {
        width: 28%;
		height: 135px;
    }

    .wdth-30 {
        width: 30%;
    }

    .wdth-50 {
        width: 50%;
    }

    .wdth-70 {
        width: 70%;
    }

    .wdth-100 {
        width: 100%;
    }

    .newsbg:before {
        bottom: 37%;
        width: 112%;
        height: 100px;
    }

    .mission-sec {
        display: flex;
        width: 100%;
        padding: 30px 0;
    }

    .newsbg:before {
        top: 0;
        width: 112%;
        height: 70px;
    }

    .tender-box {
        height: 535px;
        margin-bottom: 40px;
    }

    .news-tender {
        background-size: contain;
    }

    .gallery:before {
        display: none;
    }

    .gallery:after {
        display: none;
    }

    .footer-inner {
        width: 100%;
    }

    .hd-title-three h4 {
        font-size: 18px !important;
    }

    .linksection {
        background: #fff;
        width: 75%;
    }

    #eventModal {
        left: 110%;
        top: 14px;
        height: 100%;
    }

    .gallery-carousel .owl-nav .owl-prev {
        top: -62px;
        left: 80%;
        height: 30px;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .gallery-carousel .owl-nav .owl-next {
        top: -62px;
        left: 92%;
        height: 30px;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

}


@media (max-width: 1124px) {

    .logo-sec-left {
        width: 30%;
    }

    .cm-sec-right {
        width: 30%;
    }

    .logo-sec-right h4 {
        font-size: 20px !important;
    }

    .cm-sec-left {
        width: 67%;
    }

    .cm-sec img {
        height: 90px;
    }

    .hder-col-50 {
        width: 50% !important;
    }

    .cm-sec-left h4 {
        font-size: 20px !important;
    }


    .banner-100 {
        width: 100%;
    }

    #main-slide .owl-item img {
        height: 380px;
    }

    #main-slide .owl-nav .owl-prev {
        right: 12%;
    }

    .notebook {
        width: 100%;
        margin: 0 auto;
        display: flex;
    }

    .notecontent {
        width: 28%;
		height: 135px;
    }

    .wdth-30 {
        width: 30%;
    }

    .wdth-50 {
        width: 50%;
    }

    .wdth-70 {
        width: 70%;
    }

    .wdth-100 {
        width: 100%;
    }

    .newsbg:before {
        bottom: 37%;
        width: 112%;
        height: 100px;
    }

    .mission-sec {
        display: flex;
        width: 100%;
        padding: 30px 0;
    }

    .newsbg:before {
        top: 0;
        width: 112%;
        height: 70px;
    }

    .tender-box {
        height: 535px;
        margin-bottom: 40px;
    }

    .news-tender {
        background-size: contain;
    }

    .gallery:before {
        display: none;
    }

    .gallery:after {
        display: none;
    }

    .footer-inner {
        width: 100%;
    }

    .hd-title-three h4 {
        font-size: 18px !important;
    }

    .linksection {
        background: #fff;
        width: 75%;
    }

    #eventModal {
        left: 110%;
        top: 14px;
        height: 100%;
    }

    .gallery-carousel .owl-nav .owl-prev {
        top: -62px;
        left: 80%;
        height: 30px;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .gallery-carousel .owl-nav .owl-next {
        top: -62px;
        left: 92%;
        height: 30px;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

}

/* Large Tablets / Small Laptops - 769px to 1024px */
@media (max-width: 1024px) {

.bg-img  {
    width: 60%;
	padding: 130px 230px 0 30px;
    text-align: center;
    background-position: 90% 27%;
}

.width-100per {
    width: 40%;
}

.form-sec:before {
   top: 35%;
    left:108%;
	border-radius: 100%;
	z-index: 1;
}

.form-sec:after {
	top: 36%;
    left: 106%;
	border-radius: 100%;
}
.login-logo {
    height: 295px;
    margin-top: 30%;
}
.login-form
 {
    width: 100%;
 }
}

@media (max-width: 832px) {

.login-wraper {
overflow-x: hidden!important;
overflow-y: auto !important;
}

.bg-img {
min-height: 100%!important;
width:100%;

}

.width-100per {
    width: 100%;
}

.login-logo {
height:250px;
margin-top: 0%;
}


.copyright p {
text-align: center;
}


.copyright-two {
position: relative;
margin-top: 40px;
z-index: 1;
}
.login-title h2, h3 {
    color: #fff;
    font-size: 16px;
}

.form-sec:before {
	top: 50%;
    left: 50%;
    position: absolute;
}

.form-sec:after {
        top: 41%;
        left:47%;
        position: absolute;
    }

.bg-img {
    padding: 62px 20px 250px 20px;
    background-position: 100% 0%;
}

.login-form {
    width: 70%;
    margin-top: 10%;
}

}


@media (max-width: 768px) {
.login-wraper {
overflow-x: hidden!important;
overflow-y: auto !important;
}

.bg-img {
min-height: 100%!important;
width: 100%!important;
}

.width-100per {
    width: 100%;
}

.login-logo {
height:250px;
margin-top: 0%;
}


.copyright p {
text-align: center;
}


.copyright-two {
position: relative;
margin-top: 40px;
z-index: 1;
}
.login-title h2, h3 {
    color: #fff;
    font-size: 16px;
}

.form-sec:before {
	top: 40%;
    left: 50%;
    position: absolute;
}

.form-sec:after {
        top: 33%;
        left:47%;
        position: absolute;
    }

.bg-img {
    padding: 62px 20px 250px 20px;
    background-position: 100% 0%;
}

.login-form {
    width: 70%;
    margin-top: 10%;
}

}

@media (max-width: 640px) {
.login-wraper {
overflow-x: hidden!important;
overflow-y: auto !important;
}

.bg-img {
min-height: 100%!important;
}

.login-logo {
height:145px;
margin-top: 0%;
}


.copyright p {
text-align: center;
}


.copyright-two {
position: relative;
margin-top: 40px;
z-index: 1;
}
.login-title h2, h3 {
    color: #fff;
    font-size: 16px;
}

.form-sec:before {
    top: 55%;
    left: 50%;
	position: absolute;
}

.form-sec:after {
    top: 49%;
    left: 45%;
	position: absolute;
}

.bg-img {
    padding: 62px 20px 90px 20px;
    background-position: 100% 0%;
}

.login-form {
    width: 100%;
    margin-top: 10%;
}


}

/* Medium Devices (Tablets) - 481px to 768px */
@media (max-width: 580px) {
 
.login-wraper {
overflow-x: hidden!important;
overflow-y: auto !important;
}

.bg-img {
min-height: 100%!important;
}

.login-logo {
height:145px;
margin-top: 0%;
}


.copyright p {
text-align: center;
}


.copyright-two {
position: relative;
margin-top: 40px;
z-index: 1;
}
.login-title h2, h3 {
    color: #fff;
    font-size: 16px;
}

.form-sec:before {
    top: 55%;
    left: 50%;
	position: absolute;
}

.form-sec:after {
    top: 49%;
    left: 45%;
	position: absolute;
}

.bg-img {
    padding: 62px 20px 90px 20px;
    background-position: 100% 0%;
}

.login-form {
    width: 100%;
    margin-top: 10%;
}

}

@media (max-width: 540px) {


.login-wraper {
overflow-x: hidden!important;
overflow-y: auto !important;
}

.bg-img {
min-height: 100%!important;
}

.login-logo {
height:200px;
margin-top: 0%;
}


.copyright p {
	text-align: center;
}


 .copyright-two {
    position: relative;
    margin-top: 40px;
	z-index: 1;
}
.login-title h2, h3 {
    color: #fff;
    font-size: 16px;
}

.form-sec:before {
    top: 27%;
    left: 50%;
	position: absolute;
}

.form-sec:after {
    top: 22%;
    left: 47%;
	position: absolute;
}

.bg-img {
    padding: 62px 20px 165px 20px;
    background-position: 100% 0%;
}

.login-form {
    width: 100%;
    margin-top: 10%;
}


}


/* Small Devices (Phones) - 321px to 480px */
@media (max-width: 480px) {


.login-wraper {
overflow-x: hidden!important;
overflow-y: auto !important;
}

.bg-img {
min-height: 100%!important;
}

.login-logo {
height:145px;
margin-top: 0%;
}


.copyright p {
	text-align: center;
}


 .copyright-two {
    position: relative;
    margin-top: 40px;
	z-index: 1;
}
.login-title h2, h3 {
    color: #fff;
    font-size: 16px;
}

.form-sec:before {
    top: 55%;
    left: 50%;
	position: absolute;
}

.form-sec:after {
    top: 49%;
    left: 45%;
	position: absolute;
}

.bg-img {
    padding: 62px 20px 90px 20px;
    background-position: 100% 0%;
}

.login-form {
    width: 100%;
    margin-top: 10%;
}


}

@media (max-width: 390px) {
	.form-sec:before {
    top: 50%;
    left: 50%;
	position: absolute;
}

.form-sec:after {
    top: 45%;
    left: 45%;
	position: absolute;
}
}

@media (max-width: 375px) {


.login-wraper {
overflow-x: hidden!important;
overflow-y: auto !important;
}

.bg-img {
min-height: 100%!important;
}

.login-logo {
height:145px;
margin-top: 0%;
}


.copyright p {
	text-align: center;
}


 .copyright-two {
    position: relative;
    margin-top: 40px;
}
.login-title h2, h3 {
    color: #fff;
    font-size: 16px;
}

.form-sec:before {
    top: 40%;
    left: 50%;
	position: absolute;
}

.form-sec:after {
    top: 35%;
    left: 46%;
	position: absolute;
}

.bg-img {
    padding: 62px 20px 90px 20px;
    background-position: 100% 0%;
}

.login-form {
    width: 100%;
    margin-top: 10%;
}


}


/* Extra Small Devices (Phones) - Up to 320px */
@media (max-width: 320px) {


.login-wraper {
overflow-x: hidden!important;
overflow-y: auto !important;
}

.bg-img {
min-height: 100%!important;
}

.login-logo {
height:145px;
margin-top: 0%;
}


.copyright p {
	text-align: center;
}


 .copyright-two {
    position: relative;
    margin-top: 40px;
}
.login-title h2, h3 {
    color: #fff;
    font-size: 16px;
}

.form-sec:before {
    top: 35%;
    left: 50%;
	position: absolute;
}

.form-sec:after {
    top: 31%;
    left: 45%;
	position: absolute;
}

.bg-img {
    padding: 62px 20px 90px 20px;
    background-position: 100% 0%;
}

.login-form {
    width: 100%;
    margin-top: 10%;
}


	

}