/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
.swiper-container h1 small {display: inline !important;float: right;margin-bottom: -20px;font-size: 20px !important;}
.swiper-slide-caption .jumbotron {padding: 20px !important;width: 90% !important;margin-top: 60px;}
.logo-pc img {width: 40% !important;display:none !important;}
.logo-pc {display:none !important;}
.logo-mobile {text-align:center;}
.logo-mobile .brand-name {text-align: right;width: 40%;}
.rd-navbar-brand .brand-name {font-family: Montserrat, sans-serif !important;}
.rd-navbar-nav li a .btn-name {position: relative !important;right: auto !important;width: auto !important;line-height: 2.2em !important;}
.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-nav li .rd-navbar-submenu-toggle {right: 44px !important;}
.mia-line, .btn-mio-2 {display:none !important;}
.mio-link {color:#000000 !important;}
.swiper-button-prev, .swiper-button-next {display:inline !important;z-index:99999 !important;}
.swiper-button-prev {left:0px;}
.swiper-button-next {right:-5px;}
.fil {margin-top: -10px;margin-bottom: 5px;}
.tex {margin-bottom: 5px;}
.mac {margin-bottom: 5px;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
.swiper-container h1 small {display: inline !important;float: right;margin-bottom: -20px;font-size: 20px !important;}
.swiper-slide-caption .jumbotron {padding: 20px !important;width: 90% !important;margin-top: 60px;}
.logo-pc img {width: 40% !important;display:none !important;}
.logo-pc {display:none !important;}
.logo-mobile {text-align:center;}
.logo-mobile .brand-name {text-align: right;width: 40%;}
.rd-navbar-brand .brand-name {font-family: Montserrat, sans-serif !important;}
.rd-navbar-nav li a .btn-name {position: relative !important;right: auto !important;width: auto !important;line-height: 2.2em !important;}
.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-nav li .rd-navbar-submenu-toggle {right: 44px !important;}
.mia-line, .btn-mio-2 {display:none !important;}
.mio-link {color:#000000 !important;}
.swiper-button-prev, .swiper-button-next {display:inline !important;z-index:99999 !important;}
.swiper-button-prev {left:0px;}
.swiper-button-next {right:-5px;}
.fil {margin-top: -10px;margin-bottom: 5px;}
.tex {margin-bottom: 5px;}
.mac {margin-bottom: 5px;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
.swiper-container h1 small {display: inline !important;float: right;margin-bottom: -20px;font-size: 20px !important;}
.swiper-slide-caption .jumbotron {padding: 20px !important;width: 90% !important;margin-top: 60px;}  
.logo-pc img {width: 40% !important;display:none !important;}
.logo-pc {display:none !important;}
.logo-mobile {text-align:center;}
.logo-mobile .brand-name {text-align: right;width: 40%;}
.rd-navbar-brand .brand-name {font-family: Montserrat, sans-serif !important;}
.rd-navbar-nav li a .btn-name {position: relative !important;right: auto !important;width: auto !important;line-height: 2.2em !important;}
.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-nav li .rd-navbar-submenu-toggle {right: 44px !important;}
.mia-line, .btn-mio-2 {display:none !important;}
.mio-link {color:#000000 !important;}
.swiper-button-prev, .swiper-button-next {display:inline !important;z-index:99999 !important;}
.swiper-button-prev {left:0px;}
.swiper-button-next {right:-5px;}
.fil {margin-top: -10px;margin-bottom: 5px;}
.tex {margin-bottom: 5px;}
.mac {margin-bottom: 5px;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
.swiper-container h1 small {display: inline !important;float: right;margin-bottom: -20px;font-size: 20px !important;}
.swiper-slide-caption .jumbotron {padding: 20px !important;width: 90% !important;margin-top: 60px;}  
.logo-pc img {width: 40% !important;display:none !important;}
.logo-pc {display:none !important;}
.logo-mobile {text-align:center;}
.logo-mobile .brand-name {text-align: right;width: 40%;}
.rd-navbar-brand .brand-name {font-family: Montserrat, sans-serif !important;}
.rd-navbar-nav li a .btn-name {position: relative !important;right: auto !important;width: auto !important;line-height: 2.2em !important;}
.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-nav li .rd-navbar-submenu-toggle {right: 44px !important;}
.mia-line, .btn-mio-2 {display:none !important;}
.mio-link {color:#000000 !important;}
.swiper-button-prev, .swiper-button-next {display:inline !important;z-index:99999 !important;}
.swiper-button-prev {left:0px;}
.swiper-button-next {right:-5px;}
.fil {margin-top: -10px;margin-bottom: 5px;}
.tex {margin-bottom: 5px;}
.mac {margin-bottom: 5px;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}


/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {
.swiper-container h1 small {display: inline !important;float: right;margin-bottom: -20px;font-size: 20px !important;}
.swiper-slide-caption .jumbotron {padding: 20px !important;width: 90% !important;margin-top: 60px;}	  
.logo-pc img {width: 40% !important;display:none !important;}
.logo-pc {display:none !important;}
.logo-mobile {text-align:center;}
.logo-mobile .brand-name {text-align: right;width: 40%;}
.rd-navbar-brand .brand-name {font-family: Montserrat, sans-serif !important;}
.rd-navbar-nav li a .btn-name {position: relative !important;right: auto !important;width: auto !important;line-height: 2.2em !important;}
.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-nav li .rd-navbar-submenu-toggle {right: 44px !important;}
.mia-line, .btn-mio-2 {display:none !important;}
.mio-link {color:#000000 !important;}
.swiper-button-prev, .swiper-button-next {display:inline !important;z-index:99999 !important;}
.swiper-button-prev {left:0px;}
.swiper-button-next {right:-5px;}
.fil {margin-top: -10px;margin-bottom: 5px;}
.tex {margin-bottom: 5px;}
.mac {margin-bottom: 5px;}
}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
.swiper-container h1 small {display: inline !important;float: right;margin-bottom: -20px;font-size: 20px !important;}
.swiper-slide-caption .jumbotron {padding: 20px !important;width: 90% !important;margin-top: 60px;}	  
.logo-pc img {width: 40% !important;display:none !important;}
.logo-pc {display:none !important;}
.logo-mobile {text-align:center;}
.logo-mobile .brand-name {text-align: right;width: 40%;}
.rd-navbar-brand .brand-name {font-family: Montserrat, sans-serif !important;}
.rd-navbar-nav li a .btn-name {position: relative !important;right: auto !important;width: auto !important;line-height: 2.2em !important;}
.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-nav li .rd-navbar-submenu-toggle {right: 44px !important;}
.mia-line, .btn-mio-2 {display:none !important;}
.mio-link {color:#000000 !important;}
.swiper-button-prev, .swiper-button-next {display:inline !important;z-index:99999 !important;}
.swiper-button-prev {left:0px;}
.swiper-button-next {right:-5px;}
.fil {margin-top: -10px;margin-bottom: 5px;}
.tex {margin-bottom: 5px;}
.mac {margin-bottom: 5px;}
}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
.swiper-container h1 small {display: inline !important;float: right;margin-bottom: -20px;font-size: 20px !important;}
.swiper-slide-caption .jumbotron {padding: 20px !important;width: 90% !important;margin-top: 60px;}	  
.logo-pc img {width: 40% !important;display:none !important;}
.logo-pc {display:none !important;}
.logo-mobile {text-align:center;}
.logo-mobile .brand-name {text-align: right;width: 40%;}
.rd-navbar-brand .brand-name {font-family: Montserrat, sans-serif !important;}
.rd-navbar-nav li a .btn-name {position: relative !important;right: auto !important;width: auto !important;line-height: 2.2em !important;}
.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-nav li .rd-navbar-submenu-toggle {right: 44px !important;}
.mia-line, .btn-mio-2 {display:none !important;}
.mio-link {color:#000000 !important;}
.swiper-button-prev, .swiper-button-next {display:inline !important;z-index:99999 !important;}
.swiper-button-prev {left:0px;}
.swiper-button-next {right:-5px;}
.fil {margin-top: -10px;margin-bottom: 5px;}
.tex {margin-bottom: 5px;}
.mac {margin-bottom: 5px;}
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
.swiper-container h1 small {display: inline !important;float: right;margin-bottom: -20px;font-size: 20px !important;}
.swiper-slide-caption .jumbotron {padding: 20px !important;width: 90% !important;margin-top: 60px;}	  
.logo-pc img {width: 40% !important;display:none !important;}
.logo-pc {display:none !important;}
.logo-mobile {text-align:center;}
.logo-mobile .brand-name {text-align: right;width: 40%;}
.rd-navbar-brand .brand-name {font-family: Montserrat, sans-serif !important;}
.rd-navbar-nav li a .btn-name {position: relative !important;right: auto !important;width: auto !important;line-height: 2.2em !important;}
.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-nav li .rd-navbar-submenu-toggle {right: 44px !important;
.mia-line, .btn-mio-2 {display:none !important;}
.mio-link {color:#000000 !important;}
.swiper-button-prev, .swiper-button-next {display:inline !important;z-index:99999 !important;}
.swiper-button-prev {left:0px;}
.swiper-button-next {right:-5px;}
.fil {margin-top: -10px;margin-bottom: 5px;}
.tex {margin-bottom: 5px;}
.mac {margin-bottom: 5px;}
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}