@charset "utf-8";
/*
---------------------------------------------------------
combine/combine-5a6252fb.css
---------------------------------------------------------
00. /var/www/archibm/public/css/trial.css
*/

/*
---------------------------------------------------------
00. /var/www/archibm/public/css/trial.css
---------------------------------------------------------
*/


#app-trial                          { background: url(../image/assets/trial-bg.jpg) no-repeat center top; background-size: contain; }

#trial-video-section .inner         { max-width: 1200px; margin: auto;}
#trial-video-section .thumb         { border: 10px solid #fff; }
#trial-video-section .thumb img        { display: block;}


/*
-----------------------------
For 1024px or less
-----------------------------
*/
@media screen and (max-width: 1024px) {

#app-trial                          { background-size: auto 80vh; }

}

/*
-----------------------------
For 768px or less
-----------------------------
*/
@media screen and (max-width: 768px) {

#app-trial                          { background-size: auto 65vh; }

}

/*
-----------------------------
For 640px or less
-----------------------------
*/
@media screen and (max-width: 640px) {

#app-trial                                  { background-size: auto 85vh; }
#app-trial .page-section-header             { text-align: center;}
#app-trial .page-section-header .summary br { display: none;}

}