/*
CSS RESPONSIVE ON DEVICE
 */

/*=============== START DESKTOP ====================*/

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

}

@media only screen 
and (min-device-width : 1200px) 
and (max-device-width : 1399px) {
    .wrapper-menu ul#menu-main>li>a {
        padding: 12px 20px;
    }
}

/*=============== END DESKTOP ====================*/

/*=============== START IPAD ====================*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px) {
	
.contact-3-info-item {
    flex: 0 0 30%;
}

.policy-item>span {
    flex: 0 0 10%;
}

.policy-item-right h4 {
    font-size: 16px;
}

.policy-item-right p {
    font-size: 14px;
}

.about-area-content>h2 {
    font-size: 2.4rem;
}

h2.title-home>span {
    font-size: 2.6rem;
}

p.icon-title:after {
    right: 32%;
}

p.icon-title:before {
    left: 32%;
}

.banner-ads-content>h2 {
    font-size: 22px;
}

.banner-ads-content p {
    font-size: 14px;
}

.banner-ads-action>a {
    font-size: 16px;
    padding: 8px 15px;
}

.project-item-content>h3>a {
    font-size: 14px;
}

.blogs-box-item-thumb>a>img {
    aspect-ratio: 1/1;
}

.blogs-box-item-content>p {
    font-size: 14px;
}

.blogs-box-item-content>h5 {
    font-size: 16px;
}

.footer-policy {
    padding: 0;
}

.footer-contact {
    margin-bottom: 3rem;
}
div#owl-slide-desktop .owl-item img {
    height: 450px;
    -o-object-fit: cover;
    object-fit: cover;
}


}		
/*=============== END IPAD ====================*/



/*=============== START MOBILE ====================*/

@media only screen 
and (max-width : 767px) {

div#owl-slide-desktop .owl-item img {
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
}
.single-project-info {
    margin-bottom: 4rem;
}
h2.header-page-title {
    font-size: 18px;
}

section.bg-breadcrumb {
    padding: 30px 0;
}

.contact-3-info {
    flex-wrap: wrap;
}

.contact-3-info-item {
    flex: 0 0 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.form-contact-3-row-top {
    flex-wrap: wrap;
    margin-bottom: 0;
}

.form-contact-3-row-top>div {
    flex: 0 0 100%;
    margin-bottom: 15px;
}

.policy-item {
    margin-bottom: 20px;
}

.policy-item-right h4 {
    font-size: 18px;
}

section.policy>.container>.row>div:last-child>.policy-item {
    margin-bottom: 0;
}

.about-area-image {
    margin-bottom: 3rem;
}

.about-area-content {
    padding: 0;
}

.about-area-content>h2, h2.title-home>span {
    font-size: 2.4rem;
}

.banner-ads-box {
    flex-direction: column;
}

.banner-ads-content {
    margin-bottom: 3rem;
}

.banner-ads-content>h2 {
    font-size: 22px;
    margin-bottom: 2rem;
}

p.icon-title:before, p.icon-title:after {
    width: 50px;
}

p.icon-title:after {
    right: 130px;
}

p.icon-title:before {
    left: 130px;
}

p.icon-title:before, p.icon-title:after {
    width: 50px;
}

p.icon-title:after {
    right: 30%;
}

p.icon-title:before {
    left: 30%;
}

div#owl-feedback .owl-dots {
    bottom: -35px;
}

section.feedback {
    padding-bottom: 8rem;
}

.blogs-box {
    grid-template-columns: 1fr;
    gap: 15px;
}

.blogs-box-item-thumb>a>img {
    aspect-ratio: 2 / 1.8;
}

.footer-policy {
    padding: 0;
    margin: 3rem 0;
}

h4.title-footer {
    font-size: 18px;
}

.single-project-info>h1 {
    font-size: 23px;
}

}

/*=============== END MOBILE ====================*/



/*=============== START MOBILE < 320px ====================*/

/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 320px) {
	


}

/*=============== END MOBILE < 320px====================*/