/* @override 
        https://prong.com/dev/css/style-responsive.css
        http://coalesce.pro/dev/prong/catalog/view/theme/prong/stylesheet/style-responsive.css */

@media (max-width: 1105px) {
    .home_section_4 .back-container .comparation-row .comparation-cell span{
        display: block;
    }

    .navbar>.container-fluid{
        max-width: 96%;
    }
    
    #homecategory .categories
    {
        width: 50%;
    }
    
    #homecategory .categories .name
    {
        padding: 0 0 0 30px;
        width: 220px;
    }
    
    #homecategory .categories .name ul
    {
        height: 160px;
    }
}

@media (max-width: 991px) {
    
    #homecategory .categories .image
    {
        padding: 0 30px 0 0;
        width: 110px;
    }
    
    .one_color_wrapper {
        display: inline-block;
        float: none;
        margin-right: 0;
    }

    .numbering span {
        line-height: 24px;
        display: inline-block;
        float: none;
    }

    .category-section .color-switcher{
        text-align: center;
    }

    .category-section .product_image_div .images_menu_wrapper{
        width: 100%;
        margin: 0 auto;
        float: none;
        text-align: center;
        padding: 0;
    }

    .category-section .error {
        display: none;
        text-align: center;
        bottom: -20px;
    }

    .add-to-cart-wrap .row{
        position: relative;
        bottom: auto;
        left: auto;
        margin: 0;
        width: 100%;
    }

    .imageIconWrap{
        display: inline-block;
        float: none;
        margin: 0 5px;
    }

    .add-to-cart-wrap{
        width: 100%;
    }

    .category-section .category-section-inner{
        padding: 50px 30px 20px 30px;
    }

    #product-cart-wrap .product-cart-wrap-inner{
        padding: 40px 30px;
    }

    .section_title h1,
    .page-section .page-inner h1{
        font-size: 41px;
        line-height: 40px;
    }

    .section_title h1 span{
        display: block;
    }

    .section_title h3 {
        font-size: 12px;
        margin-top: 10px;
    }

    .pwrcase-page .section_2 .section_title h3 {
        margin: 15px auto 0;
        width: 215px;
    }

    .pwrcase-page .section_2 .animation {
        padding: 75px 0 0;
    }

    .variation-color-wrap > div {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 960px) {
    
    #devices .therow .price_total #add-to
    {
        position: relative;
        top: 0;
    }
    
    #homecategory .categories .image
    {
        padding: 0 20px 0 0;
    }
    
    #homecategory .categories .name
    {
        padding: 0 0 0 20px;
        width: 210px;
    }
    
    #videoLightBoxModal .modal-content{
        width: 75%;
    }    

    .modal.in.no_slide .modal-dialog{
        width: 92%;
    }
    
    .pocketplug-page .section_2 .cases-wrap, .pocketplug-page .section_3 .cases-wrap, .pwrcase-page .section_3 .cases-wrap
    {
        padding: 0 10px;
        width: 100%;
    }
    
    #page-cart #page-form .third
    {
        width: 30%;
    }
    
    #page-cart #page-order .thetotal .mid
    {
        height: 40px;
    }
    
    .thechara
    {
        width: 100%;
    }
}

@media (max-width: 830px){
    
    #devices .numbering span
    {
        display: inline-block;
        width: 70%;
    }
    
    #devices .numbering .num
    {
        width: 20%;
    }
    
    #homecategory .categories
    {
        padding: 40px 20px;
    }
    
    #homecategory .categories .image 
    {
        padding: 0 15px 0 0;
    }
    
    #homecategory .categories .name 
    {
        padding: 0 0 0 15px;
        width: 190px;
    }
    
    #thepress .third
    {
        width: 32%;
    }
    
    #thepress .third .square
    {
        height: 270px;
    }
    
    #thepress .third .square.double 
    {
        height: 550px;
    }
    
    .navbar-nav>li>a
    {
        font-size: 14px;
    }
    
    .navbar-nav .phone
    {
        font-size: 14px;
    }
    
    .page-colors .one_color_wrapper
    {
        margin: 0 5px 0 0;
    }
    
    .pwrcase-page .section_3 .image-wrap, .pocketplug-page .section_2 .image-wrap
    {
        width: 51%;
    }
    
    .pocketplug-page .section_2 .cases-wrap .case-wrap, .pwrcase-page .section_3 .cases-wrap .case-wrap
    {
        width: 49%;
    }
}

@media (max-width: 767px) {
    
    #homecategory .categories
    {
        padding: 30px 0px;
    }
    
    .cart_div {
        right: 58px;
        top: -30px;
        z-index: 12;
        margin-top: 0;
        width: 24px;
        height: 20px;
        line-height: 6px;
        font-size: 9px;
    }
    
    .cart_div span.count
    {
        top: 8px;
    }
    
    .pocketplug-page, .pwrcase-page
    {
        display: inline;
    }

    .pocketplug-page .section_2 .section_title h3 span{
        display: block;
    }

    .pwrcase-page .section_3 .image-wrap,
    .pocketplug-page .section_2 .image-wrap {
        float: none;
        margin: 0 auto 20px auto;
        width: 100%;
    }

    .category_image_div .product_image_wrapper{
        width: 80%;
        margin: 0 auto;
    }

    .pocketplug-page .section_2 .cases-wrap .case-wrap, 
    .pwrcase-page .section_3 .cases-wrap .case-wrap {
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        position: relative;
        width: 375px;
        max-width: 94%;
    }

    .pocketplug-page .section_2 .cases-wrap .action-wrap {
        margin: 30px 0 0;
        text-align: center;
    }

    .pocketplug-page .section_1:before {
        content: " ";
        width: 100%;
        position:absolute;
        z-index:2;
        height: 335px;

        background: #393b2a; /* Old browsers */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5M2IyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzM5M2IyYSIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTNiMmEiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #393b2a 35%, transparent 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#393b2a), color-stop(100%,transparent)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #393b2a 35%,transparent 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #393b2a 35%,transparent 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #393b2a 35%,transparent 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #393b2a 35%,transparent 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393b2a', endColorstr='#00393b2a',GradientType=0 ); /* IE6-9 */
    }

    .pocketplug-page .section_1 *{
        position: relative;
        z-index: 3;
    }

    .pocketplug-page .section_1.fill .section_title {
        padding-top: 90px;
    }

    /** header **/

    .navbar>.container-fluid{
        max-width: 100%;
    }

    .container>.navbar-collapse, 
    .container-fluid>.navbar-collapse,
    .container>.navbar-collapse.cart-not-empty,
    .container-fluid>.navbar-collapse.cart-not-empty{
        width: 100%;
        padding: 7px 0 20px;
    }

    .dropdown-menu 
    {
        background: white !important;
        max-height: 100000px;
        overflow: auto;
        position: relative;
        float: none;
        background: none;
        top: auto;
        left: auto;
        box-shadow: none;
        border-radius: 0;
        padding: 13px 0;
    }

    li.dropdown{
        border-bottom: 1px solid #666;
    }

    .nav li.about-link {
        margin-top: 13px;
    }

    .nav .open .fa-play{
        display: none;
    }

    .dropdown-menu-inner{
        padding: 0;
    }

    .dropdown-menu .divider{
        display: none;
    }

    .dropdown-menu li a{
        line-height: 40px;
        font-size: 16px;
        color: white;
        letter-spacing: 0.05em;
        padding: 0 15px;
        margin: 0;
    }

    .dropdown-menu li a i{
        display: none;
    }

    .dropdown-menu li:hover a,
    .dropdown-menu li a:hover{
        color: #ef6d21;
        text-decoration: none;
        background: none;
    }

    .container-fluid>.navbar-header{
        height: 42px;
        background: #272620;
        padding: 0 2%;
    }

    .navbar, .navbar-fixed-top
    {
        background: none;
        border: none;
    }

    .container-fluid>.navbar-collapse:before{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #272620;
        opacity: 0.9;
    }

    .navbar>.container .navbar-brand, 
    .navbar>.container-fluid .navbar-brand{
        height: 32px;
        width: 69px;
        margin: 5px 0 0 0;
    }

    .navbar-nav{
        float: none;
    }

    .navbar-collapse{
        max-height: 100000px;
    }

    .navbar-nav>li>a{
        font-size: 16px;
        line-height: 40px;
    }

    .navbar-nav>li>a.dropdown-toggle,
    .trigger-blocker{
        display: none;
    }

    #step2 form{
        padding: 20px;
        width: auto;
    }

    /** pages **/

    .pocketplug-page .section_2 .section_title, 
    .pwrcase-page .section_3 .section_title{
        padding-top: 30px;
    }
    
    #page-cart .section_title
    {
         padding-top: 0px;
    }
    
    #page-cart .section_title h1,
    #page-cart .section_title h3
    {
        display: none;
    }

    .pwrcase-page .play-video-btn {
        bottom: 5%;
    }

    .pwrcase-page .section_3 .action-wrap {
        margin-top: 20px;
        text-align: center;
    }

    .pwrcase-page .section_1 .section_title {
        text-align: center;
    }

    .pwrcase-page .section_3 .image-wrap {
        background-position: center center;
        background-size: contain;
        margin-bottom: 60px;
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
    }

    .i-blog-post footer,
    .i-blog-list footer,
    footer.page-footer,
    .i-blog-post #newsletter-section,
    .i-blog-list #newsletter-section,
    #newsletter-section.page-newsletter{
        position: relative;
        bottom: auto;
        left: auto;
    }

    .page-section .page-inner{
        padding-bottom: 50px;
    }

    .faq .btn-group {
        width: 100%;
    }

    .faq .btn-group button, 
    .faq .btn-group > .btn:not(:first-child):not(:last-child), 
    .btn-group > .btn:first-child:not(:last-child), 
    .btn-group > .btn:last-child:not(:first-child) {
        width: 38%;
        padding: 3% 5%;
        border-radius: 42px;
        font-size: 12px;
    }

    .faq .btn-group button.other {
        margin-left: -8%;
    }

    .pwrcase-page .section_1 .section_title h1,
    .home_section_0 .slide-inner h1,
    .pocketplug-page .section_1.fill .section_title h1,
    .page-section.thank-you .page-inner h1{
        font-size: 41px;
    }

    .pwrcase-page .section_1 .section_title h3 {
        font-size: 12px;
        margin-top: 20px;
    }

    .home_section_0 .slide-inner h3{
        font-size: 12px;
    }

    .pocketplug-page .section_2 .cases-wrap .case-wrap h3,
    .pwrcase-page .section_3 .cases-wrap .case-wrap h3{
        text-align: center;
    }

    .pocketplug-page .section_2 .cases-wrap .case-wrap .compatiblity{
        margin-top: 0px; 
    }

    .tablet.touchscreen .pwrcase-page .section_2 .animation .phone ,
    .mobile.touchscreen .pwrcase-page .section_2 .animation .phone {
        bottom: 33px !important;
    }

    .pocketplug-page .section_2 .cases-wrap .case-wrap .compatiblity, 
    .pwrcase-page .section_3 .cases-wrap .case-wrap .compatiblity{
        text-align: center;
    }

    .pocketplug-page .section_1.fill {
        background: url(../image/pocket-plug-section-1-back-mobile.jpg) center bottom no-repeat black;
        background-size: cover;
        padding-bottom: 320px;
        height: auto;
    }

    .pocketplug-page .section_1.fill .phone .animation-wrap {
        height: 435px;
        margin: 0 auto;
        width: 250px;
        position: relative;
        float: none;
        background-size: auto 100%;
    }

    .pocketplug-page .section_3, .pwrcase-page .section_4{
        background-position: left top;
    }

    .pwrcase-page .section_1{
        height: auto;
    }

    .pwrcase-page .section_1 .back-container {
        height: 464px;
        width: 100%;
        max-width: 358px;
        background-position: top center;
        background-size: 358px auto;
    }

    .pocketplug-page .section_1.fill .phone .charging {
        height: 190px;
        left: 66px;
        top: 43px;
        width: 115px;
    }

    .pocketplug-page .section_1.fill .phone .charging .batery {
        height: 46px;
        left: 21px;
        top: 30px;
        width: 75px;
    }

    .pocketplug-page .section_1.fill .phone .charging .progressCharged{
        font-size: 8px;
        top: 70px;
    }

    .pwrcase-page .section_1 .animation .charging {
        bottom: 247px;
        height: 177px;
        position: absolute;
        width: 101px;
        margin-left: -48px;
    }

    .pwrcase-page .section_1 .animation .charging .batery {
        height: 27px;
        left: 18px;
        top: 34px;
        width: 69px;
    }

    .pwrcase-page .section_1 .animation .charging .progressCharged {
        font-size: 8px;
        top: 70px;
        width: 100%;
        z-index: 5;
        margin: 0;
        left: 0;
    }

    .pwrcase-page .section_2{
        height: auto;
        padding-bottom: 80px;
    }

    /** main modal **/

    .modal.in.no_slide .modal-dialog{
        margin-top: 45px;
    }

    .category-section .category-section-inner {
        padding: 30px;
    }

    .category-section .category-section-inner .category-info h2,
    .category-section .category-section-inner .category-info .subcategory-switch,
    .category-section .category-section-inner .category-info .category-desc,
    .category-section .category-section-inner .category-info .subcategory-desc,
    .category-section .category-section-inner .category-info .variation-desc,
    .category-section .row .col label,
    .category-section .variation-wrap{
        text-align: center;
        display: block;
        width: 100%;
    }

    .category-section .product_image_div{
        padding-top: 25px;
    }

    .category-section .product_image_wrapper .selected_product{
        height: 320px;
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .category-section .color-switcher .col-md-6.col-xs-12{
        width: 100%;
        text-align: center;
        padding: 7px 0;
        height: auto;
    }

    .category-section .color-switcher .colors_wrapper.col-md-6.col-xs-12 .one_color_wrapper{
        display: inline-block;
        float: none;
        border-top: none 0;
        padding: 0;
    }

    .one_color_wrapper {
        display: inline-block;
        float: none;
        margin-right: 0;
    }

    .one_color{
        -webkit-transition: all 0s linear 0.0s;
        -moz-transition: all 0s linear 0.0s;
        -o-transition: all 0s linear 0.0s;
        transition: all 0s linear 0.0s;
    }

    .category-section .color-switcher .chosed_color_label{
        float: none;
        text-align: center;
        width: 100%;
    }

    .category-section .category-section-inner .quantity-selector .price_value,
    .quantity-selector label{
        text-align: center;
        width: 100%;
    }

    .quantity-selector .input_big_height div.ff_cont{
        margin: 0 auto;
    }

    .top-line{
        display: none !important;
    }

    .bottom-line{
        display: block;
    }

    .add-to-cart-wrap{
        text-align: center;
    }

    .add-to-cart-wrap .shipping-label{
        margin: 0;
        padding-top: 10px;
        width: 100%;
        text-align: center;
        min-height: 27px;
    }

    .checkout_items .one_checkout_item_row .product-name, 
    .checkout_items .one_checkout_item_row .price,
    .summary_items .summary-row .summary-name, 
    .summary_items .summary-row .price {
        font-size: 12px;
    }
}

@media (max-width: 690px){
    
    #homecategory .categories .image
    {
        padding: 0 0 15px 0;
        text-align: center;
        width: 100%;
    }
    
    #homecategory .categories .image img
    {
        height: 200px;
    }
    
    #homecategory .categories .name
    {
        border: none;
        padding: 0 0 0 15%;
        width: 85%;
    }

    #cart{
        padding: 55px 30px;
    }

    #step2 .form-group .col-xs-3.bill-zip{
        width: calc(100% - 261px);
    }

    #billZip{
        width: 100%;
    }

    #billFirstName,
    #billLastName{
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }

    footer .footer-inner{
        padding: 25px 0 15px 0;
    }

    footer .footer-inner .col{
        width: 100%;
        float: none;
        text-align: center;
        height: auto;
    }

    footer .footer-inner .col .table-wrap,
    footer .footer-inner .col .cell-wrap{
        display: block;
        height: auto;
    }

    footer .footer-inner .copyright{
        display: none;
    }

    footer .links a{
        display: block;
        margin-bottom: 15px;
    }

    footer .social {
        float: none;
        margin: 0 auto;
        padding-top: 20px;
        position: relative;
        text-align: center;
        width: auto;
    }

    footer .social a {
        height: 32px;
        margin: 0 7px;
        width: 32px;
    }

    footer .social a.twitter i {
        font-size: 18px;
        line-height: 35px;
    }

    footer .social a.facebook i {
        line-height: 35px;
        margin-right: 1px;
        font-size: 16px;
    }

    body.touchscreen .home_section_1{
        min-height: 0;
    }

    .home_section_1,
    .home_section_1 .home-1-wrap{
        height: auto;
        padding-bottom: 0px;
        padding-bottom: 30px;
        min-height: 0px;
    }

    .home_section_1 .home-1-wrap .animation,
    .home_section_1 .home-1-wrap .quote{
        width: 100%;
        float: none;
        height: auto;
    }

    .touchscreen .home_section_1 .home-1-wrap .quote{
        padding-bottom: 0px;
    }

    #down-arrow{
        bottom: 215px;
    }

    .home_section_1 .home-1-wrap .animation .case {
        width: 173px;
        height: 420px;
    }

    .home_section_1 .table-wrap,
    .home_section_1 .table-wrap .cell-wrap {
        display: block;
        width: 100%;
        height: auto;
    }

    .home_section_1 .home-1-wrap .animation{
        padding-top: 50px;
    }

    .home_section_1 .home-1-wrap .quote .top-quote{
        text-align: center;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .home_section_0.fill{
        height: auto;
        min-height: 0px;
    }

    .home_section_0 .carousel{
        height: 600px;
    }

    .home_section_0 #iphone-6-pre-order,
    .home_section_0 #iphone-6-pre-order:hover{
        width: 100%;
        height: auto;
        background: #ef6d21;
        text-align: center;
        padding: 30px 0;
        position: relative;
    }

    .home_section_0 #iphone-6-pre-order .indiegogo-logo{
        float: left;
        height: 60px;
        width: 114px;
        margin: 38px 0 0 15px;
    }

    .home_section_0 #iphone-6-pre-order .prong-logo{
        display: none;
    }

    .home_section_0 #iphone-6-pre-order .label-wrap{
        padding: 0 55px 0 0;
        background: url(../image/white-gray-arrow.png) no-repeat center right / 35px 35px;
        float: none;
        clear: none;
        font-size: 18px;
        margin: 0;
        line-height: 35px;
        display: inline-block;
    }

    .home_section_0 #iphone-6-pre-order .label-wrap.no-icon{
        margin: 10px 0px 26px 0;
        float: none;
        width: 100%;
        font-weight: 300;
        display: block;
        font-size: 32px;
        text-transform: none;
        font-family: 'HelveticaNeueLT Std UltLt';
        padding: 0;
        line-height: 34px;
        text-align: center;
    }

    .home_section_0 #iphone-6-pre-order .label-wrap.no-icon br{
        display: none;
    }

    .home_section_0 #iphone-6-pre-order:after{
        clear: both;
        display: block;
        content: "";
    }

    .home_section_4 .back-container .comparation-wrap{
        display: none;
    }

    .home_section_4 .back-container .comparation-img{
        display: block;
        width: 100%;
        height: auto;
    }

    #step3 .step3-inner{
        padding: 30px 20px;
        width: auto;
    }

    #step3 .subsection .info-block .col{
        text-align: center;
    }

}

@media (max-width: 570px) 
{
    #thepress .third
    {
        width: 100%;
    }
    
    #thepress .third .square 
    {
        height: auto;
        padding: 45px 45px 65px 45px;
    }
    
    #thepress .third .square.double
    {
        height: auto;
    }
    
    #close-lv-btn{
        top: -18px;
        right: -18px;
        width: 15px;
        height: 15px;
        background-size: 100% auto;
    }

    #iphone6Modal p{
        font-size: 14px;
    }

    /** main modal **/
    .modal-dialog,
    .modal.in.no_slide .modal-dialog,
    .modal{
        padding: 0px;
        margin: 0;
        width: 100%;
        background: #e6e5da;
    }

    body.touchscreen.modal-open footer,
    body.touchscreen.modal-open .navbar,
    body.touchscreen.modal-open .fill,
    body.touchscreen.modal-open .page-section,
    body.touchscreen.modal-open #newsletter-section{
        display: none;
    }

    .modal-dialog,
    .modal-body,
    .modal-content{
        box-shadow: none;
    }

    .modal-header{
        background: #272620;
    }

    .checkout-steps .close, 
    #cart .close.close-modal{
        display: none;
    }

    .modal-header .close,
    .logo-black{
        display: block;
    }

    #cart {
        padding: 20px;
    }

    .modal-dialog h2,
    .modal-dialog .modal-header h2{
        color: #94938a;
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .modal-body{
        border-radius: 0px;
        position: static;
        padding: 0px;
    }

    .checkout-steps{
        border-radius: 0px;
        padding: 0 0 15px 0;
    }

    #step1{
        padding-bottom: 115px;
    }

    .category-section{
        width: auto;
        margin: 0;
        padding: 20px;
    }

    .category-section .category-section-inner .category-info .color-switcher .col{
        width: 100%;
        text-align: center;
    }

    .images_menu_wrapper .one_image_menu_item{
        width: 40px;
    }

    .category-section .error{
        bottom: -10px;
    }

    .category-section .row{
        position: relative;
        padding: 0;
    }

    .category-section .category-section-inner .category-info .color-switcher,
    .category-section .category-section-inner .quantity-selector .row:first-child{
        padding: 25px 0;
        border-top: 1px solid #cac9bb;
        border-bottom: 1px solid #cac9bb;
    }

    .category-section .category-section-inner .quantity-selector .row .quantity_part {
        margin-bottom: 0;
    }

    .modal-body .col-xs-3.medium_select{
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .medium_select div.ff_cont{
        width: 100%;
    }

    .input_regular_height.medium_select div.ff_cont div.ff_input_overlay{
        width: 100%;
    }

    .medium_select div.ff_cont div.ff_input_mask{
        background-position: right 10px center;
    }

    #product-cart-wrap .product-cart-wrap-inner{
        border-radius: 0px;
        padding: 20px;
    }

    #product-cart-wrap #shipping-note {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        height: auto;
        background: #ED6D2F;
        border-radius: 0px;
        z-index: 0;
        padding: 15px 0;
    }

    #product-cart-wrap #shipping-note .heading,
    #product-cart-wrap #shipping-note .footnote{
        margin: 0px;
        text-align: center;
    }

    #product-cart-wrap #shipping-note .heading br{
        display: none;
    }

    .action-line.bottom-line .add-to-cart-wrap{
        display: none;
    }

    #product-cart-wrap .product-cart-actions{
        display: none;
    }

    .checkout_items .one_checkout_item_row .product-name{
        width: -moz-calc(100% - 160px);
        width: -webkit-calc(100% - 160px);
        width: -o-calc(100% - 160px);
        width: calc(100% - 160px);
        line-height: normal;
    }

    .modal-open.step1-opened #mobile-action-wrap{
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #CCC8B7;
        z-index: 100000;
    }

    #mobile-action-wrap .row{
        padding: 25px 0;
        margin: 0;
    }

    #mobile-action-wrap .row .col{
        padding: 0;
        margin: 0;
        text-align: center;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        overflow: hidden;
    }

    #mobile-action-wrap .row .col:first-child{
        width: 100%;
    }

    #mobile-action-wrap .row .col:last-child{
        width: 0%;
    }

    .has-products #mobile-action-wrap .row .col:first-child{
        width: 50%;
    }

    .has-products #mobile-action-wrap .row .col:last-child{
        width: 50%;
    }

    #mobile-action-wrap .btn.btn-primary{
        width: 160px;
    }

    #mobile-action-wrap .btn i{
        font-size: 25px;
        position: absolute;
        top: 7px;
        right: 10px;
    }

    #mobile-action-wrap .shipping-label{
        display: inline-block;
        margin: 0;
        padding-top: 10px;
        width: 100%;
        text-align: center;
        min-height: 27px;
        font-size: 12px;
        color: #666666;
    }

    /*** other ***/

    .page-section .page-inner{
        width: 90%;
    }

    .press .thumb-wrap .thumb{
        width: 22%;
    }

    .faq .page-inner h1 {
        padding-top: 20px;
        margin-bottom: 40px;
    }

    #billStateWrap.loading{
        width: 100%;
    }

    #circleG{
        width:77px;
        margin: 9px auto 0 auto;
        position: relative;
    }

    .home_section_0 #iphone-6-pre-order, 
    .home_section_0 #iphone-6-pre-order:hover{
        padding: 20px 0;
    }

    .home_section_0 #iphone-6-pre-order .label-wrap.no-icon {
        margin: 7px 0px 17px 0;
        font-size: 21px;
        line-height: 23px;
    }

    .home_section_0 #iphone-6-pre-order .label-wrap {
        padding: 0 35px 0 0;
        background: url(../image/white-gray-arrow.png) no-repeat center right / 24px 24px;
        font-size: 12px;
        line-height: 24px;
    }

    #down-arrow {
        bottom: 155px;
    }
    
    #devices .numbering span
    {
        width: 18px;
    }
    
    #devices .therow .price_part
    {
        padding: 10px 0 0 0;
    }
    
    #devices .therow .price_total #add-to
    {
        position: relative;
    }
    
    .thechara
    {
        margin: 20px 0;
    }
    
    .thechara .charact
    {
        width: 49%;
    }
    
    #page-cart #page-form
    {
        float: none;
        width: 100%;
    }
    
    #page-cart #page-form #billAddressLine1,
    #page-cart #page-form #billAddressLine2,
    #page-cart #page-form #billCountry,
    #page-cart #page-form #shippingUs,
    #page-cart #page-form #cardNumber,
    #page-cart #page-form #carddata,
    #page-cart #page-form #thecountrytip
    {
         width: 100%;
    }
    
    #page-cart #page-form #cardNumber,
    #page-cart #page-form #carddata .card3 #cardCvc
    {
         background-size: 40% auto;   
    }    
    
    #page-cart #page-form #billCompany
    {
        width: 100%;
    }
    
    #page-cart #page-form #orderForm
    {
        padding: 0 10px;
    }
    
    #page-cart #page-form #theemail, #page-cart #page-form #thecoupon
    {
        width: 100%;
    }
    
    #page-cart #page-form #whatis
    {
        text-align: right;
        width: 100%;
    }
    
    #page-cart #page-order
    {
        float: none;
        width: 100%;
    }
    
    #page-cart #page-order #ordersum
    {
        margin: 0 10px 25px;
    }
    
    #page-cart #page-form .third
    {
        margin: 0 !important;
        width: 100%;
    }
}

@media (max-width: 525px)
{
    #homecategory .categories
    {
        width: 100%;
    }
    
    #homecategory .categories .name
    {
        float: none;
        margin: 0 auto;
        padding: 0;
        width: 235px;
    }
    
    
    #ff_cont_musk_shippingUs,
    #us-shipping-wrap div.ff_cont div.ff_input_overlay div.ff_cont_option{
        font-size: 12px;
    }

    #step3 .order-products .product-row .product-name{
        width: -moz-calc(100% - 100px);
        width: -webkit-calc(100% - 100px);
        width: -o-calc(100% - 100px);
        width: calc(100% - 100px);
        line-height: 30px;
    }
}

@media (max-width: 460px) {
    .category-section .variation-wrap .btn,
    .category-section .variation-wrap .btn:last-child{
        display: block;
        width: 100%;
        margin: 0 auto 10px auto;
        max-width: 220px;
    }

    .home_section_1 .home-1-wrap .quote .top-quote{
        font-size: 30px;
    }

    .home_section_1 .home-1-wrap .quote .top-quote img {
        height: 16px;
    }

    .home_section_1 .home-1-wrap .quote .top-quote.techno-buffalo img{
        height: 25px;
    }

    .home_section_0 #iphone-6-pre-order .indiegogo-logo {
        height: 40px;
        width: 76px;
        margin: 0 0 0 2%;
    }
}

@media (max-width: 420px){
    span.span_or{
        display: block;
        text-align: center;
        line-height: 30px;
    }

    .section_2 .section_footer, .section_3 .section_footer{
        padding-top: 30px;
    }

    #step2 .form-group .col-xs-3.cvc-wrap .small_input{
        width: 41px;
    }

    #step2 .form-group .col-xs-3.bill-zip {
        width: -moz-calc(100% - 225px);
        width: -webkit-calc(100% - 225px);
        width: -o-calc(100% - 225px);
        width: calc(100% - 225px);
    }

    #step2 #cardNumber {
        background-size: 40% auto;
    }

    #step2 h3{
        font-size: 24px;
        text-align: center;
    }

    #cart .col{
        padding: 0;
        margin: 0;
    }

    #cart .btn{
        width: 125px;
        font-size: 13px;
    }

    faq .btn-group button, 
    .faq .btn-group > .btn:not(:first-child):not(:last-child), 
    .btn-group > .btn:first-child:not(:last-child), 
    .btn-group > .btn:last-child:not(:first-child) {
        padding: 3% 8%;
    }

    .faq .btn-group button.other {
        margin-left: -7.5%;
    }
}

@media (max-width: 390px){
    #mobile-action-wrap .row .col .btn,
    #mobile-action-wrap #mobile-checkout{
        width: 125px;
    }

    #mobile-action-wrap .row .col #mobile-checkout {
        text-align: left;
    }

    .checkout-steps .steps-inner .step .text {
        width: 55%;
        margin: 0 auto;
    }

    .checkout-steps .steps-inner:before{
        margin-top: -19px;
    }

    .checkout_items .one_checkout_item_row .price{
        margin-right: 10px;
    }

    .summary_items .summary-row .price{
        padding-right: 20px;
    }

    .checkout_items .one_checkout_item_row .product-name {
        width: -moz-calc(100% - 135px);
        width: -webkit-calc(100% - 135px);
        width: -o-calc(100% - 135px);
        width: calc(100% - 135px);
    }

    .category-section .category-section-inner .category-info h2 {
        font-size: 22px;
    }

    .category-section .row .col label{
        font-size: 16px;
        line-height: 20px;
    }

    .numbering .num{
        font-size: 20px;
    }

    .category-section .category-section-inner .category-info .color-switcher, 
    .category-section .category-section-inner .quantity-selector .row:first-child{
        padding: 15px 0;
    }

    #step1 .error{
        display: block;
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 100px;
        font-size: 10px;
    }

    .category-section .category-section-inner .category-info .subcategory-switch, 
    .category-section .category-section-inner .category-info .category-desc, 
    .category-section .category-section-inner .category-info .subcategory-desc, 
    .category-section .category-section-inner .category-info .variation-desc, 
    .category-section .variation-wrap{
        font-size: 12px;
    }

    #product-cart-wrap .btn {
        width: 125px;
        text-align: left;
    }

    .one_checkout_item_row .xsmall_select div.ff_cont div.ff_input_mask {
        background-position: 35px center;
        width: 50px;
    }

    .one_checkout_item_row .input_regular_height div.ff_cont div.ff_input_mask,
    .one_checkout_item_row div.ff_cont div.ff_input_overlay div.ff_cont_option{
        padding-left: 8px;
    }

    .one_checkout_item_row .xsmall_select div.ff_cont div.ff_input_overlay,
    .one_checkout_item_row .xsmall_select div.ff_cont{
        width: 50px;
    }

    .summary_items .summary-row .summary-name{
        padding-left: 60px;
    }

    .touchscreen .input_regular_height div.ff_cont div.ff_input_overlay,
    .touchscreen .input_big_height div.ff_cont div.ff_input_overlay{
        top: -140px;
    }

    .one_checkout_item_row .xsmall_select div.ff_cont div.ff_input_overlay div.ff_input_overlay_inner{
        width: 48px;
    }

    .checkout_items .one_checkout_item_row .col-xs-6.text_column {
        padding: 10px 0px 0px 10px;
        font-size: 11px;
    }

    .checkout_items .one_checkout_item_row .col-xs-6.text_column.has-shipping-info {
        line-height: 13px;
    }

    .checkout_items .one_checkout_item_row .col-xs-6.text_column .shipping-info{
        font-size: 10px;
    }

    .modal-dialog h4{
        font-size: 13px;
    }

    .add-to-cart-wrap .row{
        width: 100%;
        margin: 0 auto;
    }

    #step2 .form-group .col-xs-3.cvc-wrap{
        width: calc(100% - 174px);
    }

    #step2 .form-group .col-xs-3.cvc-wrap .small_input{
        width: 100%;
    }

    #step2 .form-group .col-xs-3.bill-zip {
        width: 100%;
        clear: both;
    }

    #step3 .order-products .product-row .product-name{
        line-height: normal;
    }

    /** other **/

    .home_section_0 .slide-inner .button-wrap .btn:first-child{
        margin-right: 10px;
    }

    .home_section_0 .slide-inner .button-wrap .btn:last-child{
        margin-left: 10px;
    }

    .pocketplug-page .section_2 .cases-wrap .case-wrap .compatiblity, 
    .pwrcase-page .section_3 .cases-wrap .case-wrap .compatiblity{
        font-size: 16px;
    }

    .pwrcase-page .section_2 .animation .back-container {
        height: 348px;
        margin: 0 auto;
        max-width: 100%;
        position: relative;
        width: 100%;
    }

    .pwrcase-page .section_2 .animation .back-container .plug {
        background: url("../image/plug.png") no-repeat scroll rgba(0, 0, 0, 0) center center / 100% auto;
        bottom: 0px;
        height: 130px;
        left: 50%;
        margin-left: -70px;
        opacity: 1;
        position: absolute;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
        width: 138px;
    }

    .pwrcase-page .section_2 .animation .charger {
        background: url("../image/charger.png") no-repeat rgba(0, 0, 0, 0) scroll 0 -10px  / 100% auto;
        height: 248px;
        margin: 0 auto;
        position: relative;
        width: 135px;
    }

    .pwrcase-page .section_2 .animation .phone {
        background: url("../image/phone.png") no-repeat scroll left bottom / 100% auto;
        bottom: 664px;
        height: 265px;
        left: 0;
        position: absolute;
        -webkit-transition: bottom 0.4s linear 0s;
        -moz-transition: bottom 0.4s linear 0s;
        -o-transition: bottom 0.4s linear 0s;
        transition: bottom 0.4s linear 0s;
        width: 135px;
        z-index: 4;
    }

    .pwrcase-page .section_2 .animation .phone .screen-wrap .screen {
        bottom: 40px;
        height: 182px;
        left: 50%;
        margin-left: -52px;
        width: 104px;
    }

    .pwrcase-page .section_3 .image-wrap {
        margin: 0 auto 50px;
        width: 96%;
        background-size: 100% auto;
    }

    .home_section_0 #iphone-6-pre-order, 
    .home_section_0 #iphone-6-pre-order:hover{
        padding: 15px 0;
    }

    .home_section_0 #iphone-6-pre-order .label-wrap.no-icon {
        margin: 5px 0px 13px 0;
        font-size: 16px;
        line-height: 17px;
    }

    .home_section_0 #iphone-6-pre-order .label-wrap {
        padding: 0 25px 0 0;
        background: url(../image/white-gray-arrow.png) no-repeat center right / 18px 18px;
        font-size: 9px;
        line-height: 18px;
    }

    #down-arrow {
        bottom: 135px;
    }

    .page-section.thank-you .page-inner .order-num{
        font-size: 16px;
    }
}

@media (max-width: 359px){
    #step1 .error{
        bottom: 85px;
    }
}

@media (max-width: 376px),(max-height: 376px) {

    .pocketplug-page .section_2 .cases-wrap .case-wrap .note {
        font-size: 13px;
        line-height: 20px;
        text-align: left;
    }

    .page-section .page-inner{
        padding-top: 90px;
    }


    .section_title {
        width: 96%;
        margin: 0 auto;
    }

    h1, .h1, h2, .h2, h3, .h3{
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .add-to-cart-wrap .col-md-6.col-xs-6 .btn{
        font-size: 12px;
    }

    .page-section .page-inner h1,
    .home_section_0 .slide-inner h1 {
        font-size: 35px;
    }

    .category-section .modal-dialog h4{
        font-size: 12px;
    }

    #step2 .modal-body .col-xs-3{
        margin-bottom: 10px;
    }

    .form-group {
        margin-bottom: 20px;
        padding: 0;
    }

    /*** mobile modal ***/

    body.touchscreen.modal-open .modal{
        position: fixed;
        height: 100%;
        overflow: auto;
        background: #e6e5da;
    }

    body.touchscreen.modal-open .modal-content{
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    body.touchscreen.modal-open{
        height: 100%;
    }

    #step2 .form-group a{
        font-size: 13px;
    }

    #step2 .btn-primary {
        width: auto;
        font-size: 16px;
        padding: 7px 15px;
    }

    .page-section .page-titles{
        margin-bottom: 25px;
    }

    .touchscreen .modal-dialog .close{
        letter-spacing: -0.1em;
    }

    .press .thumb-wrap {
        width: 106%;
        margin: -3% 0 0 -3%;
    }

    .press .thumb-wrap .thumb {
        width: 44%;
    }

    #cart .btn-primary{
        font-size: 15px;
    }

    .pocketplug-page .section_2 .cases-wrap .case-wrap .colors .colors-row{
        margin-right: 10px;
    }

    .pocketplug-page .section_2 .cases-wrap .case-wrap .colors .colors-row .one_color_wrapper{
        margin-right: 10px;
        width: 23px;
        height: 23px;
        line-height: 23px;
    }

    .pocketplug-page .section_2 .cases-wrap .case-wrap .colors .colors-row .one_color_wrapper .one_color{
        width: 15px;
        height: 15px;
    }

    .pwrcase-page .section_3 .cases-wrap .case-wrap .colors .color-label{
        font-size: 12px;
        line-height: 265%;
    }

}

@media (max-width: 460px) and (orientation: landscape){
    .touchscreen.mobile .section_title h1,
    .home_section_0 .slide-inner h3,
    .page-section .page-inner h1{
        font-size: 33px;
    }

    .touchscreen.mobile .section_title h3,
    .home_section_0 .slide-inner h3{
        font-size: 10px;
    }
}

@media (max-width: 376px) and (orientation: portrait){

    .press .downloads .col-md-6.col-xs-6,
    .press .downloads .col-md-6.col-xs-6.single-link{
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 20px;
    }

}