/* Media Queries */
/*Change banner for smaller screen sizes*/
@media only screen and (max-width: 450px) {
    .oraclelogo {
        height: 33px;
    }
}


@media only screen and (max-width: 350px) {
    .oraclelogo {
        height: 32px;
    }
}
/*Change homepage for smaller screen sizes*/
@media only screen and (max-height: 800px) {
    h1.NAV {
        font-size: 2.25em;
    }
}
@media only screen and (max-width: 800px) {
    .centertitle {
        padding-left: 10%;
        padding-right: 10%;
    }
    .homecontent {
        padding: 0px 60px;
    }
}
@media only screen and (max-height: 400px) {
    h1.NAV {
        font-size: 2em;
    }
}
@media only screen and (max-width: 450px) {
    .centertitle {
        padding-left: 5%;
        padding-right: 5%;
    }
    h1.NAV {
        font-size: 2em;
    }
}
@media only screen and (max-width: 400px) and (max-height: 640px) {
    .centertitle {
        padding-left: 1%;
        padding-right: 1%;
    }
    h1.NAV {
        font-size: 1.5em;
    }
}
@media only screen and (max-width: 600px) and (max-height: 400px) {
    .centertitle {
        padding-left: 1%;
        padding-right: 1%;
    }
    h1.NAV {
        font-size: 1.5em;
    }
}
/*Change topic search, yah, and main content for smaller screen sizes*/
@media only screen and (max-width: 900px) {
    .sidebar .topiccontent {
        padding: 0px 30px;
    }
    /*.sidebar h1.title {
	margin: 0px;
}*/
    .sidebar input.searchtext {
        width: 24vw;
    }
    /*.nosidebar .previouslink {
	left: 6px;
}*/
    .sidebar .previouslink {
        margin-left: 6px;
    }
    .sidebar .nextlink {
        right: 6px;
    }
    .sidebar button.previouslink, .sidebar button.nextlink {
        height: 1.3em;
        width: 1.3em;
        padding: 0;
        top: 66px;
    }
    .sidebar .previouslink img, .sidebar .nextlink img {
        height: 10px;
        width: 10px;
    }
}
    @media only screen and (max-width: 500px) {
        .topiccontent {
            padding: 0px 30px;
        }
        #searchbox {
            margin: 60px 30px 0px;
        }
        #yahbox {
            margin-left: 30px;
            margin-right: 30px;
        }
        h1 {
            /*	margin: 20px;*/
        }
        input.searchtext {
            width: 60vw;
        }
        .nosidebar .previouslink {
            left: 6px;
        }
        .nosidebar .nextlink {
            right: 6px;
        }
        .nosidebar button.previouslink, .nosidebar button.nextlink {
            height: 1.3em;
            width: 1.3em;
            padding: 0;
            top: 66px;
        }
        .nosidebar .previouslink img, .nosidebar .nextlink img {
            height: 10px;
            width: 10px;
        }
}
        /*Adjust main content when sidebar is open*/
        @media only screen and (max-width: 900px) {
            .sidebar .centertitle {
                padding-left: 10%;
                padding-right: 10%;
            }
        }
        @media only screen and (max-width: 800px) {
            .sidebar .centertitle {
                padding-left: 5%;
                padding-right: 5%;
            }
            .sidebar h1.NAV {
                font-size: 2.25em;
            }
        }
        @media only screen and (max-width: 800px) and (orientation: landscape) {
            .sidebar h1.NAV {
                font-size: 1.8em;
            }
        }
        @media only screen and (max-width: 699px) {
            .nav-panel {
                z-index: 1100;
            }
            .sidebar #wrapper2 {
                overflow: hidden;
                left: 0px !important;
            }
            .sidebar .previouslink, .sidebar .previouslink img {
                left: 3px;
            }
        }
        @media only screen and (max-width: 600px) and (orientation: landscape) {
            .sidebar h1.NAV {
                font-size: 1.8em;
            }
        }
        @media only screen and (max-width: 500px) and (orientation: landscape) {
            .sidebar .centertitle {
                padding-left: 1%;
                padding-right: 1%;
            }
        }
        /*Adjust homepage search field and you are here box for smaller screens*/
        @media only screen and (max-width: 1330px) {
            .HomePage #searchbox {
                margin: 52px 12px 0 12px;
            }
            .HomePage #yahbox {
                margin: 52px 12px 0 12px;
            }
            .sidebar input.searchtext {
                width: 30vw;
            }
        }
        @media only screen and (max-width: 900px) {
            #searchbox .ptclose {
                left: 10px;
            }
            .sidebar #searchbox, .sidebar #yahbox {
                margin: 60px 30px;
            }
        }
        @media only screen and (max-width: 800px) {
            .HomePage #searchbox {
                width: auto;
            }
            .HomePage input.searchtext {
                width: 89%;
            }
            .HomePage #yahbox {
                max-width: 89%;
            }
/*            #searchbox .ptclose {
                left: 50px;
            }*/
            .sidebar input.searchtext {
                width: 25vw;
            }
        }
        @media only screen and (max-width: 550px) {
            .HomePage input.searchtext {
                width: 80%;
            }
        }