/* lg */ 
@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
  

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
    .navbar-lg .navbar-brand 
    {
	   font-size:21px;
    }

    .navbar-lg 
    {
        min-height:75px;
    }

    .logo_top
    {
        height: 300%;
    
    }

    .padng_12
    {
        /*
        margin: 12px;
        */
        padding: 39px;
    }

    #boxes #dialog
    {
    /* width: 450px; */
    width: 84%;
    }
    
}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {


    .navbar-lg .navbar-brand 
    {
	   font-size:21px;
    }

    .navbar-lg 
    {
        min-height:75px;
    }

    .logo_top
    {
        height: 300%;
    
    }

    .padng_12
    {
        /*
        margin: 12px;
        */
        padding: 39px;
    }

    #boxes #dialog
    {
    /* width: 450px; */
    width: 84%;
    }
    
}

/* xs */
@media (max-width: 767px) {

    
    .navbar-lg .navbar-brand 
    {
	   font-size:21px;
       padding-bottom: 30px;
    }

    .navbar-lg 
    {
        min-height:75px;
    }

    .logo_top
    {
        height: 300%;
    
    }

    .padng_12
    {
        /*
        margin: 12px;
        */
        padding: 39px;
    }
    
    #boxes #dialog
    {
    /* width: 450px; */
    width: 84%;
    }

}

/* XS Portrait */
@media (max-width: 480px) {


    .navbar-lg .navbar-brand 
    {
	   font-size:21px;
       padding-bottom: 30px;
    }

    .navbar-lg 
    {
        min-height:75px;
    }

    .logo_top
    {
        height: 300%;
    
    }

    .padng_12
    {
        /*
        margin: 12px;
        */
        padding: 39px;
    }

    #boxes #dialog
    {
    /* width: 450px; */
    width: 84%;
    }
    
}