/* banner 
.main-banner {
    background: url(../images/bg1.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    min-height: 50vw;
    z-index: 0;
}

.img-banner-w3 {
    position: absolute;
    right: 11px;
    top: 67px;
    z-index: -1;
}

*/

.button-style {
    padding: 12px 25px;
    border: none;
    color: #fff;
    font-size: 35px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 3px solid #0ff;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 4px;
}

.button-style:hover {
    opacity: .9;
    color: #fff;
}



/* responsive */

@media(max-width: 1680px) {
    /* HTML set debug token: */ 
    /* <span class="debug"></span> */
    .debug:after {content: "1680px";} 
    /* for CSS debug tracking */
}

@media(max-width: 1600px) {
    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "1600px";} 
    /* for CSS debug tracking */    
}

@media(max-width: 1440px) {
    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "1440px";} 
    /* for CSS debug tracking */   
    .img-banner-w3 {
        right: 60px;
    }

    .ab-w3-img {
        top: -8em;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 14px;
    }

}

@media(max-width: 1366px) {
    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "1366px";} 
    /* for CSS debug tracking */ 


    .button-style {
        font-size: 13px;
    }


    .img-banner-w3 {
        right: 10px;
    }

    .img-banner-w3 img {
        width: 90%;
    }

    .ab-w3-img img {
        width: 90%;
    }
}

@media(max-width: 1280px) {

    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "1280px";} 
    /* for CSS debug tracking */ 

    #logo a {
        font-size: 25px;
    }

    #logo a span {
        font-size: 25px;
        letter-spacing: 8px;
    }



    #menu {
        right: -70px;
        width: 175px;
    }

    .ab-w3-img img {
        width: 85%;
    }

    .what-w3ls {
        margin: 6em 0 10em;
    }
}

@media(max-width: 1080px) {
    #menu {
        right: -62px;
        width: 165px;
    }

    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "1080px";} 
    /* for CSS debug tracking */ 

    .main-banner {
        min-height: 58vw;
    }

    #menu:after {
        top: -19px;
        left: 74px;
    }

    h3.title-w3 {
        font-size: 43px;
    }

    .img-banner-w3 img {
        width: 80%;
    }

    .img-banner-w3 {
        right: 10px;
        text-align: right;
    }

    .lead {
        font-size: 1rem;
    }

    p {
        font-size: 15px;
    }

    .ab-w3-img {
        top: -1em;
    }

    .ab-w3-img img {
        width: 71%;
    }

    .what-w3ls {
        margin: 2em 0 7em;
    }

    p.sub-test-w3ls {
        font-size: 16px;
    }
}

@media(max-width: 1050px) {
    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "1050px";} 
    /* for CSS debug tracking */ 

    #menu {
        right: -50px;
        width: 150px;
    }

    #menu:after {
        left: 69px;
    }



    .button-style {
        padding: 11px 20px;
    }

}

@media(max-width: 1024px) {
    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "1024px";} 
    /* for CSS debug tracking */  

    #toggle {
        margin-right: 1em;
    }

    #menu {
        right: -35px;
    }

    .map iframe {
        min-height: 350px;
    }

    .ab-w3-img img {
        width: 68%;
    }

    .what-w3ls {
        margin: 2em 0 5em;
    }
}

@media(max-width: 991px) {

    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "991px";} 
    /* for CSS debug tracking */ / 


    .popup {
        margin: 3em auto;
    }

 
    .box20 .title {
        font-size: 28px;
    }

    .wthree-bottom {
        max-width: inherit;
    }


    .img-banner-w3 img {
        width: 70%;
    }

    h3.title-w3 {
        font-size: 36px;
    }

    h3.tittle,
    h2.tittle {
        font-size: 32px;
    }

    .what-w3ls {
        margin: 0;
        padding: 4em 0;
    }

    .ab-w3-img {
        text-align: center;
        position: static;
    }

    .ab-w3-img img {
        width: 54%;
    }
}

@media(max-width: 900px) {
    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "900px";} 
    /* for CSS debug tracking */ 

    .main-banner-2 {
        background-position: top;
        min-height: 27vw;
    }

    .main-banner {
        min-height: 600px;
    }


}

@media(max-width: 800px) {

    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "800px";} 
    /* for CSS debug tracking */ 

    .map iframe {
        min-height: 320px;
    }



    .ab-w3-img img {
        width: 60%;
    }

    .slide-imaes {
        min-height: 400px;
    }
}

@media(max-width: 768px) {

    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "768px";} 
    /* for CSS debug tracking */ 

    .img-banner-w3 img {
        width: 60%;
    }

    .main-banner {
        min-height: 560px;
    }


}

@media(max-width: 736px) {

    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "736px";} 
    /* for CSS debug tracking */ 

    p.sub-test-w3ls {
        font-size: 15px;
    }

    .box20 .title {
        font-size: 25px;
    }

    .box20 .icon li a,
    .box20 .post {
        font-size: 13px;
    }

    .box20:hover .box-content {
        top: 40px;
    }

    h3.title-w3 {
        font-size: 36px;
    }

    h6.subheading-w3ls {
        font-size: 26px;
    }

    p {
        font-size: 15px;
    }

    #menu {
        right: 175px;
    }


    #logo a {
        font-size: 28px;
    }

    #logo a span {
        font-size: 20px;
    }


    .button-style {
        font-size: 12px;
    }


    .img-banner-w3 {
        right: 0;
    }

    h3.title-w3 {
        font-size: 32px;
    }
}

@media(max-width: 667px) {

    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "667px";} 
    /* for CSS debug tracking */ 

    .main-banner {
        min-height: 520px;
    }



    .img-banner-w3 img {
        width: 56%;
    }

    .ab-w3-img img {
        width: 70%;
    }

    .slide-imaes {
        min-height: 330px;
    }
}

@media(max-width: 640px) {

    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "640px";} 
    /* for CSS debug tracking */   
}

@media(max-width: 600px) {
    p.copy-right-grids {
        font-size: 13px;
    }

    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "600px";} 
    /* for CSS debug tracking */ 



    .main-banner {
        min-height: 480px;
    }

}

@media(max-width: 568px) {

    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "568px";} 
    /* for CSS debug tracking */ 

    .box20 {
        max-width: 400px;
        margin: 0 auto;
    }

    #menu {
        right: 165px;
    }

    .main-banner-2 {
        min-height: 32vw;
    }

    h3.tittle,
    h2.tittle {
        font-size: 28px;
    }

    .ab-w3-img img {
        width: 80%;
    }

    .img-banner-w3 img {
        width: 50%;
    }

    .popup {
        margin: 3em 1em;
    }
}

@media(max-width: 480px) {

    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "480";} 
    /* for CSS debug tracking */


    #menu {
        right: 119px;
    }

    .debug{color: F00;}

    .breadcrumb li {
        font-size: 14px;
    }

    ol.breadcrumb {
        padding: 10px 0;
    }

    .home-radio-clock ul li {
        font-size: 14px;
    }

    .navbar-light .navbar-toggler {
        padding: 2px 7px;
    }

    #logo a {
        font-size: 26px;
    }

    #logo a span {
        letter-spacing: 7px;
    }


    .main-banner {
        min-height: 440px;
    }


    .img-banner-w3 img {
        width: 40%;
    }


}

@media(max-width: 440px) {
    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "440px";} 
    /* for CSS debug tracking */

    h3.tittle,
    h2.tittle {
        font-size: 25px;
    }

    .lead {
        font-size: .9rem;
    }

    .w3_testi_grid h5 {
        font-size: 18px;
    }

    .w3_testi_grid p {
        font-size: 12px;
    }

    .testi-img-res {
        padding: 0 .5em;
    }

    p.sub-test-w3ls {
        font-size: 15px;
    }

    .testimonials .row.mt-5 {
        margin-top: 2em !important;
    }

    h3.title-w3 {
        font-size: 28px;
    }

    h6.subheading-w3ls {
        font-size: 23px;
    }

    #menu {
        right: 100px;
    }

    .main-banner-2 {
        min-height: 38vw;
    }

    .img-banner-w3 img {
        width: 40%;
    }


    .img-banner-w3 {
        position: static;
    }

    p {
        font-size: 14px;
    }

    .ab-w3-img img {
        width: 100%;
    }

    p.sub-test-w3ls {
        font-size: 14px;
    }
    .debug{color: #00f;}
}

@media(max-width: 414px) {
    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "414px";} 
    /* for CSS debug tracking */    

    input.form-control {
        font-size: 14px;
    }

    .newsletter_right_w3w3pvt-lau {
        padding-bottom: 1em !important;
    }

    ul.footer-nav-wthree li a {
        font-size: 14px;
    }

    .w3social-icons ul li a {
        width: 38px;
        height: 38px;
    }

    .w3social-icons ul li a span {
        font-size: 15px;
    }

    p {
        font-size: 14px;
    }

    #menu {
        right: 86px;
    }

    .contact-us1-bottom input[type="text"],
    .contact-us1-bottom input[type="email"],
    .contact-us1-bottom textarea {
        font-size: 13px;
    }

    .map iframe {
        min-height: 300px;
    }
}

@media(max-width: 384px) {
    .img-banner-w3 img { width: 50%;}
    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "384px";} 
    /* for CSS debug tracking */

    h3.tittle,
    h2.tittle {
        font-size: 23px;
    }

    .testimonials .bg-white.rounded {
        padding: 2em !important;
    }

    p.sub-test-w3ls {
        font-size: 14px;
    }

    h3.title-w3 {
        font-size: 30px;
    }

    h3.title-w3 {
        margin-bottom: 1em !important;
    }


    #menu {
        right: 72px;
    }

    h3.title-w3 {
        font-size: 25px;
    }
}

@media(max-width: 375px) {
    ul.footer-nav-wthree li {
        margin-right: .8em !important;
    }



    .img-banner-w3 img {
        width: 40%; 
        padding-top:0px; 
        padding-right: -10px; 
        margin-top: -100px; 
    }   
    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "t375px";} 
    /* for CSS debug tracking */



    p.copy-right-grids {
        letter-spacing: 1px;
    }

    .breadcrumb li {
        font-size: 13px;
    }
}

@media(max-width: 320px) {

    .img-banner-w3 img {width: 60%; padding-top:0px; padding-right: -10px; margin-top: -100px; }   
    /* HTML set debug token */ 
    /* <span class="debug"></span> */
    .debug:after {content: "320px";} 

    /* for CSS debug tracking */
    .testi-img-res {
        padding: 0;
    }

    .w3_testi_grid h5 {
        font-size: 16px;
    }

    .w3_testi_grid p {
        font-size: 11px;
    }

    p.sub-test-w3ls {
        font-size: 13px;
    }

    input.form-control {
        font-size: 13px;
    }

    .n-right-w3ls button {
        font-size: 14px;
    }

    h6.subheading-w3ls {
        font-size: 20px;
    }

    p {
        font-size: 13px;
    }

    #menu {
        right: 39px;
    }

    .home-radio-clock .col-4 {
        padding-right: 0;
    }

    .home-radio-clock ul li {
        font-size: 13px;
    }

    .home-radio-clock ul li i {
        font-size: 15px;
    }

    .map iframe {
        min-height: 250px;
    }

    #logo a {
        font-size: 22px;
    }

    #logo a span {
        letter-spacing: 5px;
    }

    .navbar-light .navbar-toggler {
        padding: 1px 6px;
    }



    h3.title-w3 {
        font-size: 22px;
    }

    .slide-imaes {
        min-height: 300px;
    }
}

/* //responsive */



/* //banner */