/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 76px) {



.text-extra-big {
    font-size: 4rem;
}



 }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

.text-extra-big {
    font-size: 6rem;
}

 }

/* Large devices (desktops, 992px and up)*//
@media (min-width: 992px) { 


    .text-extra-big {
    font-size: 9rem;
}



 }

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 



.text-extra-big {
    font-size: 9rem;
}




 }

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 



 }



     .trigger {
        width: 100%;
        height: auto;
        }
        .box {
        width: 100%;
        height: 310px;
        overflow: hidden;
        padding: 20px;
        }
        .trigger.clicked .box {
        min-height:920px
        }
        .fancy-text-box:hover .title-hover-white {
        color: #000;
        }
        .fancy-text-box .title-hover-white {
        color: #FFF
        }
        .border-color-dark-white-transparent {
        border-color: rgba(255,255,255,0.6) !important;
        }
        /* Style the tab */
        .tab {
        
        }
        /* Style the buttons inside the tab */
        .tab button {
        
        transition: 0.3s;
        font-size: 17px;
        }
        /* Change background color of buttons on hover */
        .tab button:hover {
        background-color: #ddd;
        }
        /* Create an active/current tablink class */
        .tab button.active {
        background-color: #ccc;
        }
        /* Style the tab content */
        .tabcontent {
        display: none;
        opacity: 1;
        padding: 6px 12px;
        -webkit-transition: all 0.12s linear;
        -moz-transition: all 0.12s linear;
        -ms-transition: all 0.12s linear;
        -o-transition: all 0.12s linear;
        transition: all 0.12s linear;
        
        }
        #map-1 {
        display: block;
        opacity: 1;
        }
        .blob {
        background: black;
        border-radius: 50%;
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
        margin: 8px;
        height: 10px;
        width:10px;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
        transform: scale(1);
        animation: pulse-black 2s infinite;
        }
        .blob:hover {
        
        
        
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
        transform: scale(2);
        animation: pulse-black 2s infinite;
        }
        
        .blob.red {
        background: rgba(255, 82, 82, 1);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
        animation: pulse-red 2s infinite;
        }
        @keyframes pulse-red {
        0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
        }
        
        70% {
        transform: scale(1.5);
        box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
        }
        
        100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
        }
        }
        .thepress {
        display: none
        }
.list-style-03 .active  {
background-color: #FFF;
font-size: 1.0rem;
}
.list-style-03 {
padding-left: 25px;
}
.list-style-03 li a {
width: 100%;
padding: 7px 15px;
    margin-bottom: 8px;
border-bottom: 1px solid rgb(223, 223, 223, 0.2);
display: inline-block;
border-radius: 5px 0px 0px 5px;
font-size: 1.0rem;
}
.list-style-03 li:hover a {
padding: 15px 15px;
}
.list-style-03 li {
border: none ;
padding: 0;
}