/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 *                     H I - R E S    M O N I T O R
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


@media (min-width: 1280px){

}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 *                     M O N I T O R
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media (min-width: 1024px) and (max-width: 1279px){
    #container #wrapper{
        width:100%;
        padding:20px 20px 50px 20px;
    }
    #container .page-hero .container{
        width:100%;
        padding:0 20px;
    }
    #container .page-hero .page-title{
        right:20px;
    }
    #container .breadcrumbs{
        width:100%;
        padding:10px 16px;
    }
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 *                     T A B L E T
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media (min-width: 768px) and (max-width: 1023px){
    #container #wrapper{
        width:100%;
        padding:20px 20px 50px 20px;
    }
    #container .page-hero .container{
        width:100%;
        padding:0 20px;
    }
    #container .page-hero .page-title{
        right:20px;
    }
    #container .breadcrumbs{
        width:100%;
        padding:10px 16px;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 *                     S M A R T P H O N E
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media (max-width: 767px){
    header{
        display:none;
    }
    body.home header{
        display:block;
    }
    #container #wrapper{
        width:100%;
        padding:20px 20px 50px 20px;
    }
    #container #wrapper #loop{
        width:100%;
        padding-left:0;
        float:none;
    }
    #container #wrapper #sidebar{
        width:100%;
        float:none;
    }
    #container .breadcrumbs{
        display:none;
    }
    #container .page-hero {
        height:200px;
        background-position:center left;
        background-image:url('../images/bg-page-m.jpg');
    }        
    #container .page-hero .container {
        width:100%;
        height:100%;
    }
    .flex-items .item100,
    .flex-items .item50,
    .flex-items .item33,
    .flex-items .item30,
    .flex-items .item25,
    .flex-items .item10,
    #loop .flex-items.category > div{
        width:100%;
    }
    #sidebar{ /* (1) */
        display:none;
    }
    #sidebar .sidebar.whole-box-link .elementor-image-box-img{ /* WAIT!!! LOOK AT (1). It's OK, keep these properties for any case in the future... */
        left:12px;
    }
    .contact-section.inline .flex-items > div:not(:last-child){
        margin-bottom:10px;
    }
    #container .page-hero .page-title{
        position:absolute;
        bottom:initial;
        right:initial;
        top: 50%;
        left: 50%;
        display: inline-block;
        width:calc(100% - 60px);
        transform: translate(-50%,-50%);
        background:transparent;
        padding:0;      
    }
    #container .page-hero .page-title h1{
        font-size:36px;
        line-height:0.85;
    }
    .calculator .flex-items .item50{
        width:50%;
    }
    .calculator .custom-radio{
        padding-left:0;
        font-size:20px;
        text-align:right;
    }
    .calculator .custom-radio .checkmark{
        right:0;
    }
    .calculator .custom-radio .type-text {
        padding-right:32px;
    }

    .about-box{
        width:80%;
        display:block;
        margin:0 auto 20px auto !important;
    }

}




@media (max-width: 920px){

}