/*#####################################################################
	MODAL TEXT
#####################################################################*/
#modalCVV { width: 90%; max-width: 1000px; margin-left: auto; margin-right: auto; }
#modalCVV h2 { font-size: 1.3em; }
#modalCVV h3 { font-size: 1.1em; }
#cvvSummary { max-height: 550px; overflow: hidden; overflow-y: auto; }


#modalPayType { width: 90%; max-width: 1000px; margin-left: auto; margin-right: auto; }
#modalPayType h3 { font-size: 1.3em; }
#modalPayType .btns form { display: inline-block; }

#modalCheckout { width: 90%; max-width: 1000px; margin-left: auto; margin-right: auto; }
#modalCheckout h3 { font-size: 1.3em; }
#modalCheckout .btns form { display: inline-block; }
#modalCheckout .mwBody { overflow-y: auto; max-height: calc(100vh - 275px); height: auto; }
#modalCheckout .note { font-size: .9em; font-style: italic; color: #777; line-height: 1.5em; font-weight:normal; }


#modalVideo { width: 90%; max-width: 700px; margin-left: auto; margin-right: auto; }
#modalVideo iframe { width: 300px; height: 169px; margin-left: auto; margin-right: auto; }


/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {
    #modalCVV .info { padding-left: 1.5rem; }
    #modalVideo iframe { width: 560px; height: 315px; }
}

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

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {
}