﻿/* -- MEDIA -- */
/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 200px) and (max-width: 319px) {
    [class*="col-"] {
        width: 100%;
    }

    #parallaxContentOne {
        height: 1580px;
    }

    #parallaxContentTwo {
        height: 850px;
    }

    #parallaxContentThree {
        height: 700px;
    }

    .navbar-custom {
        border-bottom: 0px solid #ffffff;
    }

    #navbar {
        border-bottom: 1px solid #ffffff;
    }

    #dvCaptcha {
        transform: scale(0.77);
        transform-origin: 0 0;
    }
    .NormalText_InfoPages {
        font-size: 12px;
    }
}

@media only screen and (min-width: 319px) and (max-width: 369px) {
    [class*="col-"] {
        width: 100%;
    }

    #parallaxContentOne {
        height: 1080px;
    }

    #parallaxContentTwo {
        height: 620px;
    }

    #parallaxContentThree {
        height: 700px;
    }

    .navbar-custom {
        border-bottom: 0px solid #ffffff;
    }

    #navbar {
        border-bottom: 1px solid #ffffff;
    }

    #dvCaptcha {
        transform: scale(0.77);
        transform-origin: 0 0;
    }
    .NormalText_InfoPages {
        font-size: 13px;
    }
    .NormalText {
        font-size: 13px;
    }
    
}

@media only screen and (min-width: 370px) and (max-width: 574px) {
    [class*="col-"] {
        width: 100%;
    }

    #parallaxContentOne {
        height: 1080px;
    }

    #parallaxContentTwo {
        height: 620px;
    }

    #parallaxContentThree {
        height: 700px;
    }

    .navbar-custom {
        border-bottom: 0px solid #cea135;
    }

    #navbar {
        border-bottom: 1px solid #cea135;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 575px) and (max-width: 768px) {
    [class*="col-"] {
        width: 100%;
    }

    #parallaxContentOne {
        height: 600px;
    }

    #parallaxContentTwo {
        height: 570px;
    }

    #parallaxContentThree {
        height: 870px;
    }

    .navbar-custom {
        border-bottom: 0px solid #cea135;
    }

    #navbar {
        border-bottom: 1px solid #cea135;
    }

    .dropDownSearchLarge {
        width: 140px;
    }

    .textBoxRegister {
        width: 140px;
    }

    .textBoxMultiLine {
        width: 140px;
    }
    .parallax4 {
        background-attachment: inherit;
    }

    /* Medium devices (landscape tablets, 768px and up) */
    @media only screen and (min-width: 769px) and (max-width: 992px) {
        [class*="col-"] {
            width: 100%;
        }

        #parallaxContentOne {
            height: 700px;
        }

        #parallaxContentTwo {
            height: 630px;
        }

        #parallaxContentThree {
            height: 680px;
        }

        .navbar-custom {
            border-bottom: 1px solid #cea135;
        }

        #navbar {
            border-bottom: 0px solid #cea135;
        }

    }

    /* Large devices (laptops/desktops, 993px and up) */
    @media only screen and (min-width: 993px) and (max-width: 1100px) {
        #parallaxContentOne {
            height: 720px;
        }

        #parallaxContentTwo {
            height: 500px;
        }

        #parallaxContentThree {
            height: 660px;
        }

        .navbar-custom {
            border-bottom: 1px solid #cea135;
        }

        #navbar {
            border-bottom: 0px solid #cea135;
        }

        .dropdown:hover .dropdown-menu {
            display: block;
        }
        /* Extra large devices (large laptops and desktops, 1200px and up) */
        @media only screen and (min-width: 1101px) {
            #parallaxContentOne {
                height: 480px;
            }

            #parallaxContentTwo {
                height: 480px;
            }

            #parallaxContentThree {
                height: 720px;
            }

            .navbar-custom {
                border-bottom: 1px solid #cea135;
            }

            #navbar {
                border-bottom: 0px solid #cea135;
            }
        }
