@import "custom.css";
@import "magnific-popup.css";


.fo td {
    vertical-align: middle;
}
input#quantity_to_order {
    height: 40px;
}
h5.h5{
    padding-top: 8px;
}
h5{
    margin-top: 4px;
}
span#summ {
    padding-left: 40px;
}
span#price_display {
    padding-left: 40px;
}
.material-icons {
    width: 3em;
}
button#ecm_fo7-btn {
    height: 2.75rem;
	line-height: inherit;
	padding-top: .625rem;
}
.material-icons {
    width: 1em;
}
button#ecm_fo7-btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
}
@media screen and (width: 768px) {
    .qty {
        width: 70px;
        margin-top: -39px;
        margin-left: 100px;
    }
    span#price_display {
        padding-left: 40px;
        margin-left: 60px;
        margin-top: -28px;
        float: left;
    } 
    span#summ {
        padding-left: 40px;
        margin-left: 60px;
        margin-top: -28px;
        float: left;
    }
    }
@media screen and (width: 375px){
    .qty {
         width: 70px;
         margin-top: -39px;
         margin-left: 100px;
        }
    span#price_display {
        padding-left: 40px;
        margin-left: 60px;
        margin-top: -28px;
        float: left;
    }
    span#summ {
        padding-left: 40px;
        margin-left: 60px;
        margin-top: -28px;
        float: left;
    }   
    }
@media screen and (width: 414px){
    .qty {
            width: 70px;
            margin-top: -39px;
            margin-left: 100px;
        } 
    span#price_display {
            padding-left: 40px;
            margin-left: 60px;
            margin-top: -28px;
            float: left;
        }
    span#summ {
        padding-left: 40px;
        margin-left: 60px;
        margin-top: -28px;
        float: left;
    } 
    }
@media screen and (width: 320px){
    .qty {
        width: 70px;
        margin-top: -39px;
        margin-left: 100px;
        } 
    span#price_display {
        padding-left: 40px;
        margin-left: 60px;
        margin-top: -28px;
        float: left;
    }    
    span#summ {
        padding-left: 40px;
        margin-left: 60px;
        margin-top: -28px;
        float: left;
    } 
    }
@media screen and (width: 411px){
    .qty {
            width: 70px;
            margin-top: -39px;
            margin-left: 100px;
        }
    span#price_display {
        padding-left: 40px;
        margin-left: 60px;
        margin-top: -28px;
        float: left;
    }
    span#summ {
        padding-left: 40px;
        margin-left: 60px;
        margin-top: -28px;
        float: left;
    }   
    }
@media screen and (width: 360px){
    .qty {
            width: 70px;
            margin-top: -39px;
            margin-left: 100px;
        }
    span#price_display {
        padding-left: 40px;
        margin-left: 60px;
        margin-top: -28px;
        float: left;
    } 
    span#summ {
        padding-left: 40px;
        margin-left: 60px;
        margin-top: -28px;
        float: left;
    }  
    }