/*
Theme Name: Hodil
Theme URI: https://wp.quomodosoft.com/hodil
Author: Mehedi Hasan Nahid
Author URI: https://quomodosoft.com
Description: Hodil is a Bootstrap Based WordPress Theme.
Version: 1.3.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hodil
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Hodil is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/


@media screen and (min-width: 575px){
    
}
@media screen and (min-width: 768px){
    .land-modal{
        padding-right: 0 !important;
    }
    .land-modal .modal-dialog{
        width: 100%;
        max-width: 1510px;
    }
    .land-modal .modal-content{
        width: 100%;
    }
    .pr-0{
        padding-right: 12px !important;
    }
    .pl-0{
        padding-left: 0 !important;
    }
    .pl-1{
        padding-left: 12px !important;
    }
    .col-left{
        max-width: 740px;
    }
    .col-right{
        max-width: 660px;
    }
    .col-right > div{
        width: 660px;
    }
}

@media screen and (min-width: 1200px){
    .land-modal iframe{
    }
}

.land-modal .modal-content{
    box-shadow: none;
    border: 0;
    border-radius: 24px;
}

.row-flex{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.land-modal .modal-header h5{
	color: #284D53;
	font-family: Arial;
    font-size: 24px;
    font-weight: 700;
    line-height: 33.6px;
    text-transform: initial;
}

.land-modal .modal-header{
    padding: 42px 42px 0;
}

.land-modal .modal-header h5 img{
    margin-right: 8px;
}

.border-bottom-0{
    border: 0 !important;
}

.land-modal .modal-body{
    padding: 38px 42px 42px;
}



.modal-dialog-centered{
    min-height: calc(100% - 60px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.land-modal .modal-body iframe{
    height: 614px !important;
}

.land-modal .modal-body img{
    height: 100%;
    border-radius: 24px;
}

#masterplan svg{
    width: 100%;
    height: auto;
}


@media screen and (max-width: 768px){
    .land-modal .modal-header{
        padding: 15px;
    }
    .land-modal .modal-header h5{
        font-size: 18px;
    }
    .land-modal .modal-body {
        padding: 0;
    }
    .land-modal .modal-body iframe{
        height: 670px  !important;
    }
}

@media screen and (max-width: 575px){
    .land-modal .modal-body img{
        border-radius: 0;    
    }
    .col-right{
        width: 100%;
        padding: 12px;
    }
    .row-flex{
        gap: 14px;
    }
}