/*
Theme: Orquestra Arte Nossa - Custom Responsive
Author: DiveraMKT
Author URL: http://www.diveramkt.com.br
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
header .costumer-area .d-sm-block{
    display: inline!important;
}
@media (max-width:991px) {
    .d-block-md-mt20{
        margin-top:20px;
    }
    .d-block-center {
        text-align: center;
    }
    /* MAIN FOOTER */
    main .footer a, main .footer .title {
        font-size: 1.2rem;
    }
    main .footer .col-sm-12, main .footer .col-12{
        text-align: center;
    }
    
    /* FOOTER */
    footer .social ul > li a .flaticon-facebook:before,
    footer .social ul > li a .flaticon-instagram:before {
        font-size: 1.5rem;
    }
}
@media (max-width:767px) {
    .d-block-sm-mt20{
        margin-top:20px;
    }
    /* POSTS */
    main .body .posts .col-12 .title {
        margin-top: .5rem;
    }
    main .body .posts .posts-img { text-align: center; }
    /* FOOTER */
    footer .address .flaticon-map-marker:before{ font-size: 4rem;}
    footer .address p { margin-bottom: .1rem;}
    footer .address .col-sm-9 { padding-top: 10px;}

    footer .social ul {padding-left: 10px;}
    footer .social ul > li {font-size: .8rem;}
    footer .social ul > li {font-size: .75rem;}
    footer .social ul > li a .flaticon-facebook:before,
    footer .social ul > li a .flaticon-instagram:before {
        font-size: 2rem;
    }
}
@media (max-width: 575px){
    /* HEADER */
    header .col-md-12 .text-right{
        text-align: center!important;
    }
    header .costumer-area .d-sm-block{
        display: none!important;
    }
    header .costumer-area .dropdown-menu.show{ left:-60px!important;}

    /* SIDEBAR */
    main .sidebar .widget-recent-posts h5{ margin-top: 1rem!important;}

    /* FOOTER */
    footer .address .flaticon-map-marker:before{ font-size: 4rem;}
    footer .address .col-10 { padding-top: 20px;}
    footer .social ul > li {font-size: .75rem;}
    footer .social ul > li a .flaticon-facebook:before,
    footer .social ul > li a .flaticon-instagram:before {
        font-size: 2rem;
    }
    footer .copy a {font-weight: bold;}
}
@media(max-width:420px){
    /* HEADER */
    header .costumer-area .dropdown-menu.show { 
        width:250px;
        left:-20px!important;
    }
    /* FOOTER */
    footer .address { margin-top: 10px;}
    footer .address .flaticon-map-marker:before{ font-size: 3rem;}
    footer .address .col-10 { padding-top: 5px;}
}