/****************** For Desktop ******************/ @media screen and (min-width:1022px) and (max-width:1228px){ /* Home */ body{ min-width: inherit;} .wrapper{ width: 96%;} #home_container img{width: 100%; overflow: hidden;} #home_container .blocks .column img{ max-width: 100%;} #home_container .blocks .small{ width: 32%; margin-right: 2%;} #home_container .blocks .large{ width: 66%;} #home_container .actor_container * img{ width: 100%;} #home_container .actor_container .small{ width: 40%;} #home_container .actor_container .large{ width: 59%;} #home_container .actor_container .large .inner_blk{ width: 48%; margin-right: 2%;} #home_container .media_center_new .gallery_container .col_blk img{ max-width: 100%; height: auto;} #home_container .media_center_new .gallery_container .one_item{ width: 62%; margin-right: 2%;} #home_container .media_center_new .gallery_container .two_item{ width: 36%;} #home_container .media_center_new .gallery_container .three_item .col_blk{ width: 32%; margin-right: 1%;} #home_container .media_center_new .gallery_container .col_blk{ width: 100%;} #home_container .bookstore_blk img{ max-width: 100%;} #home_container .bookstore_blk{ padding-bottom: 100px; background: #100c0d;} #home_container .bookstore_blk_inner .blk_left{ width: 60%;} #home_container .bookstore_blk_inner .blk_right{ width: 39%;} #home_container .bookstore_blk_inner .heading_bg{ width: 100%;} #home_container .bookstore_blk_inner .blk_right h2{ font-size: 40px;} #home_container .bookstore_blk_inner .blk_left .col_blk{ margin-left: 2%; margin-right: 2%;} #home_container .motion_picture_container .callout_blk img{ width: 100%;} #home_container .motion_picture_container {padding-bottom: 0;} #home_container .event_block{ width: 40%;} #home_container .blog_block{ margin-left: 1.%; width: 58%;} #home_container .campus_spotlight .large_blk{ width: 60%;} #home_container .campus_spotlight .large_blk img{ max-width: 100%;} #home_container .campus_spotlight .small_blk{ width: 40%;} #home_container .bulletion_board .left_blk{ width: 40%; padding: 0 28px; box-sizing: border-box;} #home_container .bulletion_board .right_blk{ margin-left: 1%; width: 58%;} #home_container .ctric_reviews .left_critic{ width: 48%;} #home_container .ctric_reviews .post_row{ width: 100%;} #home_container .ctric_reviews .right_critic{ width: 50%;} /* About */ #inner_container .blocks .column img{ max-width: 100%;} #inner_container .blocks .small{ width: 31.5%; margin-right: 1%;} #inner_container .blocks .large{ width: 66%;} #inner_container .row .col_left{ width: 49%; margin-right: 1%;} #inner_container .row .col_left img{ max-width: 100%;} #inner_container .row .col_right{ width: 49%;} /* yearbook */ #inner_container .actor_container .small{ width: 40%;} #inner_container .actor_container .large{ width: 59%;} #inner_container .actor_container .large .inner_blk{ width: 48%; margin-right: 2%;} #inner_container .actor_container img{ max-width: 100%; height: auto; width: 100%;} #inner_container .gallery_container .col_blk img{width: 100%} /* media */ #inner_container .gallery_container .one_item{ width: 63%;} #inner_container .gallery_container .two_item{ width: 36%;} #inner_container .gallery_container .two_item .col_blk{ display: block;} #inner_container .gallery_container .col_blk img{ max-width: 100%; height: auto;} #inner_container .gallery_container .one_item .col_blk{ width: 100%;} #inner_container .media_container .themes_btn{ right: 0; top: 5px;} .roach.leftbottom{ /*width: 150px;*/} .roach.leftbottom img{ max-width: 100%;} #inner_container .soundtrack{ width: 100%;} footer{ overflow: hidden;} /* news */ #inner_container .news_blocks article{width: 46.875%;} /*width 450/960 */ #inner_container .news_blocks figure{width: 100%; overflow: hidden; margin-right: 01.041666667%;} /* margint-right 10/960 */ #inner_container .news_blocks img{width: 100%;} #inner_container .news_blocks figure img{height: auto;} /* bookstore */ #inner_container .product_list .product_box{ width: 49%; margin-right: 2%;} #inner_container .product_list .productimg{ width: 49%} #inner_container .product_list .productcopy{ width: 49%; box-sizing: border-box;} #inner_container .product_list .img_outer{ width: 100%; display: block;} /* bookstore */ #inner_container .bk_store_detail .left_side{ width: 49%;} #inner_container .bk_store_detail .right_detail{ width: 49%; box-sizing: border-box; margin-left: 1%;} /* cart */ #inner_container .cart_container .item{ width: 44%;} /* checkout */ #inner_container .checkout_container .item{ width: 67%;} #inner_container .checkout_container .left_side{ width: 60%; box-sizing: border-box;} #inner_container .checkout_container .right_side{ width: 38%; box-sizing: border-box; margin-left: 1%;} #inner_container .form_container .left_side .column{ width: 49%;} #inner_container .form_container .left_side .column-last{ margin-left: 1%;} #inner_container .form_container .text{ width: 100%; box-sizing: border-box;} #inner_container .form_container .select{ width: 100%; box-sizing: border-box;} #inner_container .form_container .right_side .column{ width: 100%;} #inner_container .form_container .right_side .small_field .column{ width: 48%;} #inner_container .form_container .right_side .small_field .column.column-last{ margin-left: 1%;} /* support */ #inner_container .partner_support{ width: 96%;} /* edits on @v01/26/2016 */ #home_container .blocks .large{width: 65.5%} .media_center_new iframe{width: 100%} #home_container .bulletion_board .bulletion_blk{width:24.5%; max-width: 140px;} } /****************** For Ipad ******************/ @media screen and (min-width:768px) and (max-width:1024px){ /* Home */ body{ min-width: inherit;} .wrapper{ width: 96%;} #home_container .blocks .column img{ max-width: 100%;} #home_container .blocks .small{ width: 32%; margin-right: 2%;} #home_container .blocks .large{ width: 66%;} #home_container .actor_container * img{ width: 100%;} #home_container .actor_container .small{ width: 40%;} #home_container .actor_container .large{ width: 59%;} #home_container .actor_container .large .inner_blk{ width: 49%; margin-right: 2%;} #home_container .media_center_new .gallery_container .col_blk img{ max-width: 100%; height: auto;} #home_container .media_center_new .gallery_container .one_item{ width: 62%; margin-right: 2%;} #home_container .media_center_new .gallery_container .two_item{ width: 36%;} #home_container .media_center_new .gallery_container .three_item .col_blk{ width: 32%; margin-right: 1%;} #home_container .media_center_new .gallery_container .col_blk{ width: 100%;} #home_container .bookstore_blk img{ max-width: 100%; height: auto;} #home_container .bookstore_blk{ padding-bottom: 100px; background: #100c0d;} #home_container .bookstore_blk_inner .blk_left{ width: 60%;} #home_container .bookstore_blk_inner .blk_right{ width: 39%;} #home_container .bookstore_blk_inner .heading_bg{ width: 100%;} #home_container .bookstore_blk_inner .blk_right h2{ font-size: 40px;} #home_container .bookstore_blk_inner .blk_left .col_blk{ margin-left: 2%; margin-right: 2%;} #home_container .motion_picture_container .callout_blk img{ width: 100%;} #home_container .event_block{ width: 40%;} #home_container .blog_block{ margin-left: 1.463414634%; width: 58%;} #home_container .campus_spotlight .large_blk{ width: 60%;height: auto;} #home_container .campus_spotlight .large_blk img{ max-width: 100%; height: auto; width: 100%} #home_container .campus_spotlight .small_blk{ width: 40%;} #home_container .bulletion_board .left_blk{ width: 40%; padding: 0 28px; box-sizing: border-box;} #home_container .bulletion_board .right_blk{ margin-left: 1%; width: 58%;} #home_container .ctric_reviews .left_critic{ width: 48%;} #home_container .ctric_reviews .post_row{ width: 100%;} #home_container .ctric_reviews .right_critic{ width: 50%; height: auto !important} #home_container .banner_caption{ top: 20%;} #home_container .banner_caption h2{ font-size: 36px; line-height: normal; margin-bottom: 0;} #home_scroll{ bottom: 10px;} #home_container .banner_caption .themes_btn{ margin-top: 25px;} header .slideout{ width: 225px;} header nav{ padding-left: 19px;} header .social_feed{ padding-left: 19px;} header .btm_feed a{ margin-right: 5px;} header .slideout_bg{ width: 225px; background-size: 100%;} #main_container, header .fixed_header{ width: calc(100% - 215px);} footer .ftr_btm .ftr_mdl{ width: 60%;} footer .social_media{ width: 35%;} header.inner_header .brand{width: 370px;} header.inner_header .brand p{text-align: left} #right-wrap{right: 60px !important;} /* CHANGES OF 12/15/2015 */ #home_container .wrapper iframe{width: 100% !important; height: 480px !important;} /* edits on @v01/20/2016 */ #home_container .media_center_new .gallery_container .three_item .col_blk{ width: 32.6%; } /* edits on @v01/26/2016 */ #home_container .blocks .large{width: 65.5%} #home_container .bulletion_board .bulletion_blk{width:24.5%; max-width: 140px} /* About */ #inner_container .blocks .small{ width: 31.5%; margin-right: 1%;} #inner_container .blocks .large{ width: 66%;} #inner_container .row .col_left{ width: 49%; margin-right: 1%;} #inner_container .row .col_left img{ max-width: 100%;} #inner_container .row .col_right{ width: 49%;} #inner_container .blocks .column img{ max-width: 100%;} /*#inner_container .blocks .small{width: 263px} #inner_container .blocks .large{width: 501px}*/ #inner_container .about_container article{ width: 100%;} #inner_container .blocks .large .blk_caption{ padding-right: 50px;} #inner_container .blocks .full .blk_caption{ width: 90%;} #inner_container .character_desc .tabing a{font-size: 13px;} #inner_container .row .col_left{ width: 100%; margin-right: 0; margin-bottom: 10px;} #inner_container .row .col_left img{ max-width: 100%;} #inner_container .row .col_right{ width: 100%;} #inner_container .about_entry blockquote{ width: auto;} /* yearbook */ #inner_container .actor_container .small{ width: 40%;} #inner_container .actor_container .large{ width: 59%;} #inner_container .actor_container .large .inner_blk{ width: 48%; margin-right: 2%;} #inner_container .actor_container * img{ max-width: 100%; height: auto;} #inner_container .actor_container * img{ max-width: 100%; height: auto; width: 100%;} #inner_container .gallery_container .col_blk img{width: 100%} /* yearbook */ #inner_container .character_desc .avtar{ width: 55%; margin-right: 2%;} #inner_container .character_desc .avtar img{ max-width: 100%;} #inner_container .character_desc .avtar_desc{ width: 42%;} #inner_container .character_desc .tabing a.active.last::after{left:-7px;} #inner_container .actore_group .slider_wrapper{ width: 100%; box-sizing: border-box;} #inner_container .actore_group .owl-next{ right: 10px;} #inner_container .actore_group .owl-prev{ left: 30px;} #inner_container .actore_group .avtar{ width: -webkit-calc(100% - 10px); width: calc(100% - 10px); margin: 0 5px; } #inner_container .actore_group .avtar img{ width: 100%; height: auto;} /* media */ #inner_container .gallery_container .one_item{ width: 63%;} #inner_container .gallery_container .two_item{ width: 36%;} #inner_container .gallery_container .two_item .col_blk{ display: block;} #inner_container .gallery_container .col_blk img{ max-width: 100%; height: auto;} #inner_container .gallery_container .one_item .col_blk{ width: 100%;} #inner_container .media_container .themes_btn{ right: 0; top: 5px;} .roach.leftbottom{ /*width: 150px;*/} .roach.leftbottom img{ max-width: 100%;} #inner_container .soundtrack{ width: 100%;} footer{ overflow: hidden;} #inner_container .gal_thumb li{margin-right: 13px;} /* 404 */ #inner_container.thank .mainbar{ width: 100%;} /* news */ #inner_container .news_blocks article{ width: 49%; margin-right: 2%;} /* #inner_container .news_blocks figure{ width: 100%;} #inner_container .news_blocks figure img{ height: auto;}*/ #inner_container .news_blocks figcaption h3{ font-size: 26px; line-height: 34px;} #inner_container .news_blocks figcaption{ padding-bottom: 5px;} /* bookstore */ #inner_container .product_list .product_box{ width: 49%; margin-right: 2%;} #inner_container .product_list .productimg{ width: 49%} #inner_container .product_list .productcopy{ width: 49%; box-sizing: border-box; padding: 10px 10px 13px 10px;} #inner_container .product_list .productcopy h3{ font-size: 18px;} #inner_container .product_list .img_outer{ width: 100%; display: block;} #inner_container .product_list .themes_btn{ min-width: 100%;} /* bookstore */ #inner_container .bk_store_detail .left_side{ width: 49%;} #inner_container .bk_store_detail .right_detail{ width: 49%; box-sizing: border-box; margin-left: 1%;} /* cart */ #inner_container .cart_container .item{ width: 26%;} #inner_container .cart_container .cart_list .avtar{ margin-bottom: 5px; margin-top: 5px;} #inner_container .checkout_container .cart_list .avtar{margin-top: 5px;} #inner_container .cart_container .price{ width: 20%;} #inner_container .cart_container .quantity{ width: 30%;} #inner_container .cart_container .total{ width: 20%;} /* checkout */ #inner_container .checkout_container .item{ width: 55%;} #inner_container .checkout_container .left_side{ width: 60%; box-sizing: border-box;} #inner_container .checkout_container .right_side{ width: 38%; box-sizing: border-box; margin-left: 1%;} #inner_container .form_container .left_side .column{ width: 48%;} #inner_container .form_container .left_side .column-last{ margin-left: 1%;} #inner_container .form_container .text{ width: 100%; box-sizing: border-box;} #inner_container .form_container .select{ width: 100%; box-sizing: border-box;} #inner_container .form_container .right_side .column{ width: 100%;} #inner_container .form_container .right_side .small_field .column{ width: 100%;} #inner_container .form_container .right_side .small_field .column.column-last{ margin: 0;} #inner_container .form_container .small_field .select{ width: 99% !important; margin-bottom: 20px;} #inner_container .form_container .small_field .column-last ..select{width: 99% !important; margin-bottom: 0px;} /* login */ #inner_container .login_form{ box-sizing: border-box; width: 49%;} #inner_container .registration_form{ box-sizing: border-box; width: 48%; margin-left: 1%;} /* support */ #inner_container .partner_support{ width: 96%;} #inner_container .partner_support .info_txt{ width: 100%;} /* Contact */ #inner_container .contact_form .form_container{ padding: 10px;} #inner_container .contact_form{ width: 70%;} #inner_container .contact_info{ width: 28%; margin-left: 1%;} #inner_container .contact_form .form_container .column{ width: 49% !important;} #inner_container .form_container .column-last{ margin-left: 1%;} #inner_container .contact_form .form_container .dform_textarea textarea{ width: 100%; box-sizing: border-box;} /* news page */ #inner_container .event_block{width: 40%; display: inline-block; vertical-align: top} #inner_container .releted_news .block_caption{width: 98%; box-sizing: border-box; margin: 0 auto; padding: 10px} #inner_container .news_block{width: 48%; display: inline-block; vertical-align: top;} #inner_container .releted_news .block_caption h2{font-size: 24px;} #inner_container .releted_news .callout_blk img{width: 100%; height: auto;} #home_container .bulletion_board .bulletion_blk a::after{left: 0;} #inner_container .partner_support li{width: 45%; padding: 0 2%;} /* RETESTING 12/15/2015 */ /* bookstore */ #inner_container .bk_store_detail .slider_large{ width: 100%; max-width: 380px;} .thank_bg{bottom: 30px} #sb-container{height: 100% !important; } } @media screen and (min-width:768px) and (max-width:800px){ /* Home */ #home_container .motion_picture_container .callout_blk {height: auto;} #home_container .blocks .small{ width: 100%; margin-right: 0;} #home_container .blocks .large{ width: 100%;} #home_container .blocks .full .blk_caption{ width: 88%;} #home_container .blocks .large .blk_caption{ padding-right: 60px;} #home_container .actor_container .small{ width: 100%; margin-right: 0; margin-bottom: 10px;} #home_container .actor_container .large{ width: 100%; margin-right: 0;} #home_container .blocks .column img{ width: 100%;} #home_container .actor_container * img{ width: 100%;} #home_container .bookstore_blk_inner .blk_left .col_blk{ width: 39%;} #home_container .bookstore_blk_inner .heading_bg{ padding: 19px 0 29px;} #home_container .bookstore_blk_inner .blk_right h2{ font-size: 28px;} #home_container .campus_spotlight .large_blk{ width: 100%; margin-right: 0;} #home_container .campus_spotlight .small_blk{ width: 100%;} #home_container .bulletion_board .left_blk{ width: 100%;} #home_container .bulletion_board .right_blk{ width: 100%; margin-left: 0; text-align: center;} #home_container .bulletion_board .bulletion_blk{ float: none; display: inline-block; vertical-align: top;} #home_container .ctric_reviews .left_critic{ width: 100%; overflow: hidden; padding: 0} #home_container .ctric_reviews .right_critic{ width: 100%;} #home_container .motion_picture_container .block_caption{ left: 0; padding-left: 2%; width: 100%; box-sizing: border-box;} #home_container .motion_picture_container .block_caption h2{ font-size: 18px;} footer .text{ margin-right: 10px !important;} footer input[type="email"], footer .email{ width: 146px;} footer .ftr_btm .ftr_mdl{ width: 100%; margin-bottom: 20px;} footer .social_media{ width: 100%; text-align: center;} /* About */ #inner_container .blocks .column img{ width: 100%;} #inner_container .blocks .small{ width: 100%; margin-right: 0;} #inner_container .blocks .large{ width: 100%;} /* yearbook */ #inner_container .actor_container .small{ width: 100%; margin-right: 0;} #inner_container .actor_container * img{ width: 100%;} #inner_container .actor_container .large{ width: 100%; margin-right: 0;} #ypic-37.small.actor_block{ width: 100% !important;} #inner_container .character_desc .avtar{ width: 100%; margin-right: 0;} #inner_container .character_desc .avtar_desc{ width: 100%;} #inner_container .actore_group .owl-prev{left: 30px;} #inner_container .actor_container * img{ max-width: 100%; height: auto; width: 100%;} #inner_container .gallery_container .col_blk img{width: 100%} /* media */ #inner_container .gallery_container .one_item{ width: 100%; margin-right: 0;} #inner_container .gallery_container .two_item{ width: 100%;} #inner_container .gallery_container .two_item .col_blk{ display: inline-block; width: 49%; margin-right: 1%;} #inner_container .gallery_container .two_item .col_blk:last-child{ margin-right: 0;} #inner_container .gallery_container .three_item .col_blk{ width: 49%; margin-right: 1%;} #inner_container .media_container .themes_btn{ position: relative; top: 0;} #inner_container .soundtrack_wrap .song_left{ width: 52%; text-align: center; margin-bottom: 20px;} #inner_container .soundtrack_wrap .song_preview{ margin-left: 0;} #inner_container .soundtrack_wrap .song_list{ width: 47%;} /* bookstore */ #inner_container .bk_store_detail .left_side{ width: 100%; margin-bottom: 10px;} #inner_container .bk_store_detail .right_detail{ width: 100%; box-sizing: border-box; margin-left: 0;} #inner_container .bk_store .heading_bg{width: 410px;} /* login */ #inner_container .login_form{ box-sizing: border-box; width: 100%; min-height: inherit; padding: 20px 15px 20px 15px; margin-bottom: 20px;} #inner_container .registration_form{ box-sizing: border-box; width: 100%; margin-left: 0; min-height: inherit; padding: 20px 15px 20px 15px;} /* Media */ #inner_container .media_entry{ width: 100%;} #inner_container .media_entry a img{ max-width: 100%; height: auto;} /* Contact */ #inner_container .contact_form{ width: 100%;} #inner_container .contact_info{ margin-left: 0; width: 100%;} #inner_container .news_entry .news_blocks{width: 100%;} #inner_container .news_entry .news_blocks article{width: 100%;} /* news page */ #inner_container .event_block{width: 100%; display: block;} #inner_container .releted_news .block_caption{width: 98%; box-sizing: border-box; margin: 0 auto; padding: 10px} #inner_container .news_block{width: 100%; display: block; } #inner_container .releted_news .block_caption h2{font-size: 24px;} #inner_container .releted_news .callout_blk img{width: 100%; height: auto;} /* updates on 12/3/2015*/ .scroll-hide #home_container .motion_picture_container .callout_blk .block_caption p{margin-bottom: 25px;} .scroll-hide #home_container .motion_picture_container .block_caption{bottom: 10px;} .scroll-hide #home_container .motion_picture_container .viewmore{height: 35px; width: 35px; background-size: 100% auto; bottom: 43px;} #home_container .motion_picture_container .block_caption .blk_tag{margin-bottom: 5px;} /* RETESTING 12/15/2015*/ #inner_container .news_blocks figure{width: auto} #sb-container{height: 100% !important; } .slide #home_container .banner_container li > img{width: 100%; max-width: 100%} #home_container .banner_container li > img{width: 140%; max-width: 140%} /* bookstore */ #inner_container .bk_store_detail .slider_large{max-width: 432px;} .thank_bg{bottom: 235px} /* edits on @v01/05/2016 */ #home_container .motion_picture_container .block_caption{padding-right: 15px;} #inner_container .actor_container .actor_block .inner_blk{margin-bottom: 10px;} #inner_container .actor_container .large .inner_blk{width: 49%} } /****************** For Mobile ******************/ @media screen and (max-width:767px){ /* Home */ body{ min-width: inherit;} .wrapper{ width: 92%;} #home_container .blocks .column img{ width: 100%;} #home_container .blocks .small{ width: 100%; margin-right: 0;} #home_container .blocks .large{ width: 100%;} #home_container .actor_container * img{ width: 100%; height: auto;} #home_container .actor_container .small{ width: 100%; margin-bottom: 10px;} #home_container .actor_container .large{ width: 100%;} #home_container .actor_container .large .inner_blk{ width: 49%; margin-right: 2%;} #home_container .media_center_new .gallery_container .col_blk img{ width: 100%; height: auto;} #home_container .media_center_new .gallery_container .one_item{ width: 100%; margin-right: 0;} #home_container .media_center_new .gallery_container .two_item{ width: 100%;} #home_container .media_center_new .gallery_container .two_item .col_blk{ width: 49%;} #home_container .media_center_new .gallery_container .three_item .col_blk{ width: 49%; margin-right: 0;} #home_container .media_center_new .gallery_container .col_blk{ width: 100%;} #home_container .bookstore_blk > img{ position: absolute;} #home_container .bookstore_blk img{ max-width: 100%; height: auto;} #home_container .bookstore_blk{ padding-bottom: 30px; background: #100c0d;} #home_container .bookstore_blk_inner .blk_left{ width: 100%;} #home_container .bookstore_blk_inner .blk_right{ width: 270px;} #home_container .bookstore_blk_inner .heading_bg{ width: 100%;} #home_container .bookstore_blk_inner .blk_right h2{ font-size: 30px; line-height: normal;} #home_container .bookstore_blk_inner .blk_left .col_blk{ margin-left: 2%; margin-right: 2%; padding-bottom: 20px;} #home_container .motion_picture_container .callout_blk {height: auto;} #home_container .motion_picture_container .callout_blk img{ width: 100%;} #home_container .event_block{ width: 100%;} #home_container .blog_block{ margin-left: 0; width: 100%;} #home_container .campus_spotlight .large_blk{ width: 100%; height: auto;} #home_container .campus_spotlight .large_blk img{ width: 100%; height: auto} #home_container .campus_spotlight .small_blk{ width: 100%;} #home_container .bulletion_board .left_blk{ width: 100%; padding: 0 28px; box-sizing: border-box;} #home_container .bulletion_board .right_blk{ margin-left: 0; width: 100%; text-align: center;} #home_container .bulletion_board .bulletion_blk{ float: none; display: inline-block; vertical-align: top;} #home_container .ctric_reviews .left_critic{ width: 96%;} #home_container .ctric_reviews .post_row{ width: 100%;} #home_container .ctric_reviews .right_critic{ width: 100%;} #home_container .banner_caption{ top: 20%;} #home_container .banner_caption h2{ font-size: 35px; line-height: normal; margin-bottom: 0;} #home_scroll{ bottom: 10px; display: none;} #home_container .banner_caption .themes_btn{ margin-top: 25px;} header .slideout{ width: 100%; overflow: scroll;} header nav{ padding-left: 19px;} header .social_feed{ padding-left: 0; padding-bottom: 20px; text-align: center; margin-top: 20px;} header .btm_feed a{ margin-right: 5px;} header .slideout_bg{ width: 100%; background-size: 110%;} #main_container, header .fixed_header{ width: calc(100% - 0px); height: 55px;} #home_container .bookstore_blk_inner{ position: relative;} #home_container .news_block .block_caption{ width: 100%; left: 0; padding-left: 20px; box-sizing: border-box;} footer .ftr_btm .ftr_mdl{ width: 100%; margin-bottom: 10px;} #home_container .heading_bg h2{ font-size: 24px;} #home_container .blocks .column .blk_caption{ padding-right: 0; width: 86%;} #home_container .blocks .large .blk_caption{ padding-right: 30px;} #home_container .bookstore_blk_inner .heading_bg span{ font-size: 26px;} #home_container .bulletion_board .bulletion_blk a::after{ display: block;} #home_container .bulletion_board .bulletion_blk:hover a{opacity: 1} #home_container .bulletion_board .bulletion_blk:hover a::after{opacity: 1} footer .social_media{ width: 100%; text-align: center;} .dfcolumns .column{ margin-bottom: 5px;} #home_container .banner_container .bx-pager{ top: 20%;} header .navcrest{ width: 90px; margin-top: 10px;} header .navcrest img{ max-width: 100%;} header .nav_brand{ width: 100%; text-align: center;} header .nav_brand img{ display: inline-block; vertical-align: top; max-width: 180px;} header .slideout_bg.slide, header .slideout.slide{ left: -100%;} .roach.rightbottom{ width: 150px;} .roach.rightbottom img{ max-width: 100%;} .themes_btn:hover{background-color: transparent; color: #93332c;} #home_container .banner_container .bx-controls-auto{ right: 10px !important; top: 10px; left: auto;} #sliderVolume{ width: 100px;} #mediaPlayer{ right: 114px;} #home_container .actor_container .actor_block h2{ font-size: 30px;} #right-wrap{ z-index: 9999;} header nav{ padding-left: 0; text-align: center;} header nav li a::after{ left: 0; width: 100%; bottom: 2px;} header nav li a:hover::after, header nav li a.active::after{ width: 100%; left: 0;} header nav li a:hover{ color: #767676;} header nav li a:hover::after{ background: #767676;} header nav li a.current::after{ background: #ab5f59;} .cart a{display: block;background: #93332c;height: 42px;} .cart a::after, .cart a:hover::after{ background: none;} .cart .cart_icon {background:url(../images/site/cart_ico.png) no-repeat center; width: 20px;height: 42px;display: inline-block;margin-left: 13px;margin-right: 6px;} .cart .cart_label{font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;font-size: 12px;color: #fff;font-weight: 700;display: inline-block;vertical-align: top;line-height: 42px;margin-right: 19px;} .cart .count{display: inline-block;vertical-align: top;line-height: 42px;font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;font-size: 20px;color: #fff;font-weight: 700;background: #888484;width: 49px;text-align: center;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} body.scroll-hide{ overflow: hidden;} .roach{ display: none;} header.inner_header .brand{ text-align: center;} header.inner_header .brand p{ text-transform: uppercase; font-size: 18px !important;} .secondary_nav_mobi{ display: block; padding: 0 30px} .secondary_nav_mobi div.fancy-select ul.options li{ margin: 0 !important; padding: 4px 10px 0} #inner_container .secondary_nav .secondary_nav_desk{ display: none;} header nav li.search_mobi{ display: block; margin-top: 10px;} header nav li.search_mobi .search_box{ background: #202020; display: block; height: auto; margin: 0 auto; position: relative; width: 220px;} header .search_box .search_txt{ width: 160px !important;} header .search_box{ display: none;} header nav li a{ letter-spacing: 1px; padding: 5px 0; margin-bottom: 5px;} header .top_feed{ margin-bottom: 10px;} /* CHANGES OF 12/15/2015 */ #home_container .wrapper iframe{width: 100% !important; height: 380px !important;} #home_container .ctric_reviews .right_critic{height: auto !important; margin-top: 15px; padding: 5px} #home_container .ctric_reviews .left_critic{height: auto !important; padding: 0} /* About */ #inner_container .blocks .column img{ width: 100%;} #inner_container .blocks .small{ width: 100%; margin-right: 0;} #inner_container .blocks .large{ width: 100%;} #inner_container .about_container article{ width: 100%;} #inner_container .blocks .large .blk_caption{ padding-right: 50px;} #inner_container .blocks .full .blk_caption{ width: 90%;} #inner_container .inner_heding{ font-size: 24px; padding-bottom: 5px; margin-bottom: 10px} #inner_container .bk_store .heading_bg h2{font-size: 24px; padding-bottom: 5px;} .roach.righttop{ width: 200px;} .roach.righttop img{ max-width: 100%;} #inner_container .heading_bg h2{ font-size: 26px;} header nav li.mob-login{ display: block;} #right-wrap{ display: none;} /* #inner_container .blocks .column .blk_caption{ position: relative;}*/ #inner_container .blocks .column{ background: rgba(147, 51, 44, 0.8);} #inner_container .blocks .column .blk_caption h3{ font-size: 24px; padding-top: 5px;} #inner_container .row .col_left{ width: 100%; margin-right: 0; margin-bottom: 10px;} #inner_container .row .col_left img{ max-width: 100%;} #inner_container .row .col_right{ width: 100%;} #inner_container .about_entry blockquote{ width: auto;} h1{ font-size: 26px;} #inner_container .about_entry blockquote p{ font-size: 20px; line-height: 30px;} #inner_container .character_desc .tabing a{font-size: 12px;} #inner_container .character_desc .tabing a.active.last::after{left:-7px} /* yearbook */ #inner_container .actor_container .small{ width: 100%; margin-right: 0; margin-bottom: 10px;} #inner_container .actor_container .large{ width: 100%;} #inner_container .actor_container .large .inner_blk{ width: 48%; margin-right: 2%;} #inner_container .actor_container * img{width: 100%; height: auto;} #ypic-37.small.actor_block{ width: 100% !important;} #inner_container .inner_heding h1{ font-size: 20px;} #inner_container .actor_container .actor_block h2{ font-size: 26px;} #inner_container .character_desc .avtar{ width: 100%; margin-right: 0;} #inner_container .character_desc .avtar img{ max-width: 100%;} #inner_container .character_desc .avtar_desc{ width: 100%;} #inner_container .actore_group .slider_wrapper{ width: 100%; box-sizing: border-box;} #inner_container .actore_group .owl-next{ right: 10px;} #inner_container .actore_group .owl-prev{ left: 10px;} #inner_container .actore_group .avtar{ width: 100%; width: -webkit-calc(100% - 10px); width: calc(100% - 10px); margin: 0 5px} #inner_container .actore_group .avtar img{ width: 100%; height: auto;} #inner_container .actore_group .owl-prev{left: 30px;} /* edits on @v01/25/2016 */ #inner_container .actor_container .large .inner_blk{ margin-right: 3%;} /* media */ #inner_container .gallery_container .one_item{ width: 100%; margin-right: 0;} #inner_container .gallery_container .two_item{ width: 100%;} #inner_container .gallery_container .two_item .col_blk{ display: inline-block; width: 49%; margin-right: 1%;} #inner_container .gallery_container .two_item .col_blk:last-child{ margin-right: 0;} #inner_container .gallery_container .three_item .col_blk{ width: 49%; margin-right: 1%; display: inline-block; vertical-align: top;} #inner_container .media_container .themes_btn{ position: relative; top: 0; right: 0;} #inner_container .soundtrack_wrap .song_left{ width: 52%; text-align: center; margin-bottom: 20px;} #inner_container .soundtrack_wrap .song_preview{ margin-left: 0;} #inner_container .soundtrack_wrap .song_list{ width: 47%;} #inner_container .gallery_container .col_blk{ display: block;} #inner_container .gallery_container .col_blk img{ width: 100%; height: auto; overflow: hidden;} #inner_container .soundtrack{ width: 100%;} .cate_years{ padding: 5px 0; margin-bottom: 10px;} /* 404 */ #inner_container.thank .mainbar{ width: 100%;} /* news */ #inner_container .news_blocks article{ width: 100%; margin-right: 0; } #inner_container .news_blocks figure{ width: 100%;height: auto} #inner_container .news_blocks figure img{ height: auto; width: 100%;} #inner_container .news_blocks figcaption h3{ font-size: 26px; line-height: 34px;} #inner_container .news_blocks figcaption{ padding-bottom: 10px; min-height: inherit} .bg_image.bg_cover2{ background-size: contain; background-position: left bottom;} #inner_container .news_entry .news_blocks{ width: 100%;} #inner_container .news_entry .news_blocks article{ width: 100%;} #inner_container .news_entry h3{ font-size: 26px; line-height: 34px;} #inner_container .filterbar .selelct_box{ margin-bottom: 10px;} /* bookstore */ #inner_container .product_list .product_box{ width: 100%; margin-right: 0;} #inner_container .product_list .productimg{ width: 100%} #inner_container .product_list .productcopy{ width: 100%; box-sizing: border-box; padding: 10px 10px 13px 10px; text-align: center;} #inner_container .product_list .productcopy_inner{ min-height: inherit;} #inner_container .product_list .productcopy .dash{ display: inline-block; vertical-align: top} #inner_container .product_list .productcopy h3{ font-size: 18px;} #inner_container .product_list .img_outer{ width: 100%; display: block;} #inner_container .product_list .productcopy .price{ display: block; margin-bottom: 10px;} #inner_container .product_list .themes_btn{margin-top: 10px;} #inner_container .bk_store .heading_bg{width: auto} #inner_container .bk_store .heading_bg span{font-size: 16px;} /* bookstore */ #inner_container .bk_store_detail .left_side{ width: 100%; margin-bottom: 10px;} #inner_container .bk_store_detail .right_detail{ width: 100%; box-sizing: border-box; margin-left: 0; padding: 10px 15px 10px 15px;} #inner_container .bk_store_detail .themes_btn{ float: none;} #inner_container .bk_store_detail .themes_btn{margin:0 10px 0; width: 130px; display: inline-block; vertical-align: top; float: right} #inner_container .bk_store_detail .action_group .control-group{display: inline-block; vertical-align: top; margin-bottom: 10px} /* cart */ #inner_container .cart_container .item{ width: 26%;} #inner_container .cart_container .cart_list .avtar{ margin-bottom: 5px; margin-top: 5px;} #inner_container .checkout_container .cart_list .avtar{margin-top: 5px;} #inner_container .cart_container .price{ width: 20%;} #inner_container .cart_container .quantity{ width: 27%;} #inner_container .cart_container .total{ width: 24%;} /* checkout */ #inner_container .checkout_container .item{ width: 41%;} #inner_container .checkout_container .quantity{ width: 30%;} #inner_container .checkout_container .total{ width: 25%;} #inner_container .checkout_container .left_side{ width: 100%; box-sizing: border-box;} #inner_container .checkout_container .right_side{ width: 100%; box-sizing: border-box; margin-left: 1%;} #inner_container .form_container .left_side .column{ width: 48%;} #inner_container .form_container .left_side .column-last{ margin-left: 1%;} #inner_container .form_container .text{ width: 100%; box-sizing: border-box;} #inner_container .form_container .select{ width: 100%; box-sizing: border-box;} #inner_container .form_container .right_side .column{ width: 100%;} #inner_container .form_container .right_side .small_field .column{ width: 48%;} #inner_container .form_container .right_side .small_field .column.column-last{ margin-left: 1%;} #inner_container .form_container .small_field .select{ width: 100% !important;} /* login */ #inner_container .login_form{ box-sizing: border-box; width: 100%; min-height: inherit; padding: 20px 15px 20px 15px; margin-bottom: 20px;} #inner_container .registration_form{ box-sizing: border-box; width: 100%; margin-left: 0; min-height: inherit; padding: 20px 15px 20px 15px;} #inner_container .form_container .column{ width: 100%;} /* Media */ #inner_container .media_entry{ width: 100%;} #inner_container .media_entry a img{ max-width: 100%; height: auto;} /* support */ #inner_container .partner_support{ width: 92%;} #inner_container .partner_support .info_txt{ width: 100%;} #inner_container .partner_support .info_txt h1{ font-size: 20px;} #inner_container .partner_support li{ margin: 0 2%; width: 45%;} #inner_container .partner_support li a{ font-size: 14px;} #inner_container .partner_support .inner_title h2{ font-size: 26px;} /* Contact */ #inner_container .contact_form .form_container{ padding: 10px;} #inner_container .contact_form{ width: 100%;} #inner_container .contact_info{ width: 100%; margin-left: 0; padding-top: 30px;} #inner_container .contact_form .form_container .column{ width: 49% !important;} #inner_container .form_container .column-last{ margin-left: 1%;} #inner_container .contact_form .form_container .dform_textarea textarea{ width: 100%; box-sizing: border-box; min-height: 194px;} /* news page */ #inner_container .event_block{width: 100%; display: block;} #inner_container .releted_news .block_caption{width: 98%; box-sizing: border-box; margin: 0 auto; padding: 10px} #inner_container .news_block{width: 100%; display: block; } #inner_container .releted_news .block_caption h2{font-size: 24px;} #inner_container .releted_news .callout_blk img{width: 100%; height: auto} /* update 12/03/2015 */ #home_container .heading_bg{} #home_container .motion_picture_container .block_caption{/*position: static;*/ margin-bottom: 10px; padding-left: 5px} #home_container .motion_picture_container .block_caption .blk_tag{display: none} #home_container .motion_picture_container .callout_blk .block_caption p{color: #544e4e} #home_container .motion_picture_container .callout_blk .block_caption p,#home_container .motion_picture_container .block_caption h2{-webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; -o-text-shadow: none; text-shadow: none;} #home_container .motion_picture_container .block_caption h2{font-size: 22px;color:#93332e; } #home_container .motion_picture_container .viewmore{position: absolute; background-color: rgba(0,0,0,0.6); border-radius: 25px; -webkit-border-radius: 25px;} /*#home_container .motion_picture_container .callout_blk::after{display: none}*/ #home_container .motion_picture_container .callout_blk{max-height: inherit;height: auto} #home_container .news_block .social_media ,#home_container .blog_block .social_media ,#home_container .event_block .social_media { position: absolute; right: 0px; top: 0px; background: rgba(0,0,0,.5); width: 100%; display: block;padding: 10px ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: right} .mob-img{position: relative} /* RETESTING 12/15/2015*/ #inner_container .news_blocks figure{width: auto} #inner_container .media_entry a img{width: 100%} .secondary_nav_mobi > strong{margin-bottom: 5px; display: inline-block; letter-spacing: 1px} #sb-container{height: 100% !important; } #inner_container.terms_cond .contact_form p a{word-wrap: break-word; display: inline-block} #inner_container .cart_container .remoeve_item{margin-left: 10px} #inner_container .cart_container .remoeve_item{width: 36px} .store_product_form.form-horizontal > ul{padding-left: 10px;} #inner_container .releted_video{width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 370px; display: block; margin: 0 auto; float: none} #inner_container .releted_video a{width: 100%} #inner_container .bk_store_detail .right_detail p a{word-wrap: break-word} .thank_bg{display: none} /* edits on @v01/05/2016 */ #home_container .motion_picture_container .viewmore{background-size: 100% auto; height: 35px; width: 35px;border-radius: 0; -webkit-border-radius: 0; background-color:transparent;} #home_container .motion_picture_container .viewmore:hover{background-size: 100% auto; height: 35px; width: 35px;border-radius: 0; -webkit-border-radius: 0; background-color:transparent;} /* edit on @v1/20/2016 */ #home_container .motion_picture_container .block_caption h2{color:#fff; } #home_container .news_block .social_media ,#home_container .blog_block .social_media ,#home_container .event_block .social_media {background: rgba(0, 0, 0, 0.0)} #home_container .media_center_new .gallery_container .col_blk .caption{width: auto} #home_container .media_center_new .gallery_container .two_item .col_blk:last-child{margin-right: 0} #home_container .media_center_new .gallery_container .two_item .col_blk,#home_container .media_center_new .gallery_container .three_item .col_blk{ margin-right: 5px;} #home_container .media_center_new .gallery_container .three_item .col_blk{margin-right: 8px;} #home_container .media_center_new .gallery_container .three_item .col_blk:nth-child(2){margin-right: 0} /* edits on @V2/9/2016 */ #home_container .blocks{padding: 0;} #home_container .blocks a:last-child .column{margin-bottom: 0;} #home_container .heading_bg{padding: 63px 0 40px; margin-bottom: 5px;} #home_container .actor_container{padding-bottom: 0;} #home_container .media_center_new .gallery_container .three_item .col_blk:last-child{margin-bottom: 0;} #home_container .actor_container .small:last-child{margin-bottom: 0;} } /****************** For Mobile ******************/ @media screen and (max-width:480px){ /* Home */ #home_container .banner_caption .themes_btn{ margin-top: 5px; padding: 3px 18px;} #home_container .banner_caption h3{ font-size: 16px;} #home_container .banner_caption h2{ font-size: 24px; margin-bottom: 5px;} /* #home_container .blocks .column .blk_caption{ position: relative; padding-top: 5px;} #home_container .blocks .column{ background: rgba(147, 51, 44, 0.8);}*/ #home_container .blocks .column .blk_caption h3{ font-size: 26px;} #home_container .actor_container .actor_block h3{ font-size: 14px;} .dfcolumns .column{ width: 100% !important;} footer input[type="text"], footer .text, footer input[type="email"], footer .email{ width: 100%; box-sizing: border-box;} footer .social_media span{ display: block; margin-bottom: 10px;} footer .dform_element.submit_button{ width: 100% !important;} #home_container .media_center_new .gallery_container .two_item .col_blk{ width: 100%;} #home_container .media_center_new .gallery_container .two_item .col_blk img{ width: 100%;} #home_container .media_center_new .gallery_container .three_item .col_blk{ width: 100%;} #home_container .media_center_new .gallery_container .three_item .col_blk img{ width: 100%;} #home_container .campus_spotlight .large_blk{ min-height: auto;} #home_container .campus_spotlight .large_blk img{ min-height: auto} /* CHANGES OF 12/15/2015 */ #home_container .wrapper iframe{width: 100% !important; height: 280px !important;} /* yearbook */ #inner_container .secondary_nav li{ display: block; margin: 10px 0;} /* book store */ #inner_container .bk_store .heading_bg h2{font-size: 18px;} #inner_container .bk_store .heading_bg span{font-size: 16px;} #inner_container .bk_store .popular_prdct{display: none} #inner_container .bk_store .heading_bg{background-size: 100%} #inner_container .releted_media_inner .col_blk{width: 100%; display: block} #inner_container .releted_media_inner .col_blk img{max-width: 100%} /* media */ #inner_container .soundtrack_wrap .song_left{ width: 100%;} #inner_container .soundtrack_wrap .song_list{ width: 100%; text-align: center; padding-bottom: 10px;} #inner_container .soundtrack_wrap .song_list li{ box-sizing: border-box;} #inner_container .soundtrack_wrap .song_list li a{ display: block;} #inner_container .soundtrack_wrap .song_list li h3{ margin-left: 0; display: block;} #inner_container .gallery_container .two_item .col_blk{ width: 100%; margin-right: 0;} #inner_container .gallery_container .two_item .col_blk img{ width: 100%;} #inner_container .gallery_container .three_item .col_blk{ margin-right: 0; width: 100%;} #inner_container .gallery_container .three_item .col_blk img{ width: 100%;} #inner_container .releted_gallery{width: 100%} /* cart */ .wrapper > form#cart_form{ overflow: scroll;} #cart_form .wrapper{ width: 500px;} /* checkout */ #inner_container .form_container .left_side .column{ width: 100%; margin-bottom: 5px;} #inner_container .form_container .left_side .column-last{ margin-left: 0;} #slideshow{height: 380px;} #inner_container .gal_thumb li{margin-bottom: 10px; margin-right: 15px;} #inner_container .filterbar h3{min-width: 75px;} /* Contact */ #inner_container .contact_form .form_container .column{ width: 100% !important; margin-bottom: 0;} #inner_container .contact_form .form_container .column.column-last{ margin-left: 0;} /* update 12/3/2015*/ #inner_container .news_blocks figure{height: 245px;} /* new update 12/11/2015 */ #inner_container .news_blocks figure{height: auto;} #inner_container .news_blocks figure img{min-height: inherit} /* RETESTING 12/15/2015 */ #inner_container .releted_media_inner .col_blk{max-width: 310px; width: 100%} .viewmore_corner{background-size: 100% auto; width: 35px; height: 35px; } .viewmore_corner:hover{background-size: 100% auto; width: 35px; height: 35px; } #home_container .actor_container .actor_block .caption{right: 19px;} #inner_container .bk_store_detail .themes_btn{display: table; float: none; margin: 0 auto; text-align: center; margin-top: 15px;} /* edits on @v01/05/2016 */ #home_container .motion_picture_container .viewmore{background-size: 100% auto; height: 35px; width: 35px;border-radius: 0; -webkit-border-radius: 0; background-color:transparent;} #home_container .motion_picture_container .viewmore:hover{background-size: 100% auto; height: 35px; width: 35px;border-radius: 0; -webkit-border-radius: 0; background-color:transparent;} }