@media screen and (min-width: 1480px) {
    .container {
        max-width: 1430px;
    }
    .page-header-content h2 {
        font-size: 60px;
    }

    .container.content-wrap.pre-book-stage-image-container{
        max-width: 1455px;
    }

    .read-gra-wrap {
        padding-left: 0;
    }
}
@media screen and (max-width: 1459px){
    .credit-card-part,
    .payment-method-list{
        padding-top: 136%;
        position: relative;
    }
}
@media screen and (max-width: 1459px){
    .container.content-wrap.order-potrait-container .plaques-details-page .row > .col-sm-12.col-md-12{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .container.content-wrap.order-potrait-container .plaques-details-page .portrait-photo-right-part .product-options{

    }
    .plaques-details-page .order-photo-reference-code-image-frame #order-photo-reference-code-image {
        max-width: 710px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1366px) {
    .frame-list-view .product-item {
        width: calc(100% / 2);
    }

    .page-header-content h2 {
        font-size: 36px;
        line-height: 40px;
        padding-bottom: 6px;
    }

    .page-header-content p {
        font-size: 16px;
    }

    .graduating-ourservice-section .container {
        max-width: 100%;
    }

    .read-gra-wrap {
        padding-left: 0;
    }

    .footer-wrap h3 {
        font-size: 16px;
        line-height: 26px;
    }

    .footer-wrap h3 {
        font-size: 16px;
    }

}

@media only screen and (max-width: 1200px) {
    .accordion-div-inner .card-header.incart {
        background-position: 94% 42%;
    }
    .page-header img {
        width: 100%;
        height: 218px;
    }

    .read-gra-wrap {
        padding-left: 0;
    }

    .body-content {
        position: relative;
        padding: 0;
    }

    /* .pro-list-view {
         padding-left: 15px;
         padding-right: 15px;
     }
 */
    .content-wrap {
        padding: 0 18px 40px;
    }

    .product-option-item-label {
        width: 100% !important;
    }

    .product-option-item-price {
        width: 100% !important;
        text-align: left !important;
    }

    .regular-price {
        padding-left: 0 !important;
    }

    .page-header-content h2 {
        font-size: 34px;
        line-height: 60px;
        padding: 0 0 20px 0;
    }

    .page-header-content p {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
        padding: 0 15px;
    }

    .page-header-content p + p {
        margin-top: 10px;
    }

    .individual-section .container.contentwrap {
        width: 100%;
        min-width: 100%;
    }

    .left-graduating-now {
        max-width: 100%;
    }

    .right-already-graduated {
        max-width: 100%;
    }

    .body-content .container {
        width: 100%;
        min-width: 100%;
    }

    .individual-section h3 {
        font-size: 30px;
    }

    .product-option-item-label {
        width: 306px;
    }
}

@media screen and (max-width: 1199px) {
    .header-wrap .container{
        max-width: 100%;
    }
    .header-wrap .col-sm-8{
        max-width: calc(66.666% - 23px);
    }
    .photo-thumble-box {
        height: 180px;
    }

    .fancybox-wrap.fancybox-opened {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: calc(100vw - 30px) !important;
    }
    .fancybox-opened, .fancybox-inner{
        min-width: auto;
    }

    div.modal-dialog {
        max-width: 100% !important;
    }

    .box-container > h2 {
        font-size: 20px;
    }

    .product-photo-frame {
        width: auto !important;
        height: auto !important;;
    }

    /*.plaque-product-slider .option-icons {*/
    /*bottom: 116px;*/
    /*}*/
    .share-photo-wrap {
        padding: 50px 0 0 0;
    }

    .pro-list-view-wrap .col-sm-12.text-right {
        justify-content: center;
        display: flex;
    }

    .reedgraduations-frame-details-slider {
        height: auto;
    }

    .breadcrumb {
        margin: 0;
    }

    .item-showing-wrap {
        padding: 0 0 8px 0;
    }

    .body-content h1 {
        padding: 0 0 20px 0;
    }

    .product-name {
        font-size: 16px;
        padding-top: 0;
    }

    .price {
        font-size: 14px;
        margin-top: 0;
    }

    .frame-select-wrap {
        padding-top: 60px;
    }

    .frame-select-wrap h2 {
        padding: 0 0 20px 0;
    }

    .frame-border-box {
        justify-content: flex-start;
        overflow: auto;
    }

    .frame-select-wrap h2 {
        font-size: 18px;
        line-height: 26px;
    }

    .filter-list-item .custom-checkbox label {
        font-size: 14px;
    }

    .frame-list-view .product-name {
        line-height: 22px;
    }

    .footer-wrap div[class^="col"] {
        flex-basis: 50%;
        max-width: 50%;
        margin-bottom: 50px;
    }

    .footer-wrap div:nth-child(4),
    .footer-wrap div:nth-child(3) {
        margin-bottom: 0;
    }

    .read-gra-wrap {
        padding-left: 0;
    }

    .convocation-student-details h4,
    .convocation-caption {
        font-size: 16px;
    }

    .body-content::before {
        display: none;
    }

    .checkout_order_summery {
        width: 100%;
        overflow: auto;
    }

    .order_summery_header {
        width: 1056px;
    }

    .order_summery_body {
        width: 1056px;
    }

    .order_total_summary {
        display: flex;
        flex-direction: column;
    }

    .order_total_summary .order_total_summary_left {
        margin: 0;
        padding-bottom: 15px;
    }

    .order_total_summary_right {
        margin: 0 auto;
        float: unset;
        padding-right: 0;
    }

    .what-student-say h2 {
        font-size: 33px;
        line-height: 48px;
        font-weight: 500;
    }

    .testimonial-content h4 {
        font-size: 20px;
        line-height: 24px;
    }

    .testimonial-content p::before,
    .testimonial-content p::after {
        margin: 0 10px 10px -20px;
        background-size: 18px;
    }

    .testimonial-content p::after {
        margin: 5px 10px 10px 0px;
        transform: rotate(180deg);
    }

    .webalive-site-content .article-information-box h3 {
        font-size: 20px !important;
    }

    .employment-content h1 {
        font-size: 34px;
    }

    .my-favourites .fav-table {
        overflow-x: auto;
    }

    .pronunciation .row > :nth-child(3) .form-group.text-right {
        text-align: left !important;
    }

    .pronunciation .row > :nth-child(3),
    .pronunciation .row > :nth-child(1) {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .pronunciation .row > :nth-child(4),
    .pronunciation .row > :nth-child(2) {
        flex: 0 0 calc(100% - 30%);
        max-width: calc(100% - 30%);
    }

    .title-text {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .freq-ask-qus h2.title {
        font-size: 24px;
    }

    .freq-ask-qus {
        padding: 40px 0;
    }

    .breadcum-wrap {
        padding-bottom: 5px;
    }

    .announcements-section {
        padding: 50px 0;
    }

    .graduating-ourservice-section {
        padding: 50px 0;
    }

    .graduating-ourservice-section h2 {
        font-size: 40px;
    }

}

@media only screen and (max-width: 1024px) {
    .fancybox-inner {
        overflow-y: scroll;
        -webkit-overflow-scrolling:touch;
    }
    #plaque-product-slider.owl-carousel .owl-item img {
        max-width: 100%;
        padding-bottom: 20px;
    }

    .convocation-item {
        width: calc(50% - 27px);
    }

    .page-header-content p {
        max-width: unset !important;
    }

    iframe.plaque-product {
    }

    .inner-form-section h6.warning-title {
        margin-bottom: 8px;
    }

    .plaque-product-ack-details .form-group {
        position: relative;
        margin-bottom: 9px;
    }

    .accordion-div-inner .card-body .row > *:nth-child(1),
    .accordion-div-inner .card-body .row > *:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100% !important;
    }

    .left-graduation-booking-wrap {
        border-right: none;
        padding-right: 0;
    }

    .right-graduation-booking-wrap {
        padding-left: 0;
        margin-top: 20px;
    }

    .regalia-products-container .card-body .row > *:nth-child(1),
    .regalia-products-container .card-body .row > *:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100% !important;
    }

    .gallery-thumbnail .thumnail-slide {
        padding: 0 20px 0 20px;
    }
    .order-photo-container-landscape,
    .order-photo-container-portrait,
    .order-photo-custome-frame-container-landscape,
    .order-photo-custome-frame-container-portrait,
    .order-photo-montage-container-landscape,
    .order-photo-montage-container-portrait,
    #order-photo-reference-code-image,
    .order-photo-montage-with-frame-container-landscape,
    .order-photo-montage-with-frame-container-portrait,
    .order-photo-container-portrait #order-photo-main-image-box,
    .order-photo-custome-frame-container-portrait #order-photo-main-image-box,
    .order-photo-reference-code-image-frame,
    .custom-pager {
        width: 100%;
    }
    .thank-you-area {
        margin: 80px auto 60px;
        width: 100%;
        height: auto !important;
        padding: 25px;
    }
    .inside-border {
        height: auto;
        padding: 30px;
    }

    .eligible-discount-shopping-cart-heading {
        font-size: 20px;
        text-align: center;
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .product-name {
        font-size: 16px;
    }

    .price {
        font-size: 14px;
        margin-top: 0;
    }

    .frame-list-view .product-item {
        width: calc(100%);
    }

    .filter-options-wrap {
        padding-top: 10px;
    }

    .announcements-section h2 {
        font-size: 32px;
    }

    .freq-ask-qus {
        margin-top: 50px;
    }

    .announcements-content {
        padding-left: 32px;
    }

    .what-student-say h2 {
        font-size: 24px;
        line-height: 40px;
    }

    .body-content {
        position: relative;
        padding: 0px 10px 50px 0px;
    }

    .content-wrap {
        padding: 50px 15px;
    }

    .freq-ask-qus {
        padding: 40px 0;
    }
}

@media only screen and (max-width: 991px) {
    .contact-info {
        padding: 30px;
    }
    .credit-card-part,
    .payment-method-list{
        padding-top: 82%;
        position: relative;
    }
    .accordion-div-inner .card-header.incart {
        background-position: 92% 42%;
    }
    .portrait-photo-right-part .qty.quantity-box-container {
        float: unset;
        margin-top: 0;
        padding-top: 9px;
    }
    .product-option-box-content .product-option-item-label {
        margin: 5px 0;
    }
    .modal-dialog .modal-content {
        min-width: 100%;
    }
    .flex-reverse {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .heading-title {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .heading-title .offer-title {
        font-size: 15px;
    }

    #order-photo-reference-code-image {
        width: 100% !important;
    }

    .deferred-right-sidebar {
        padding: 16px 0 !important;
        margin-top: 30px;
    }

    .checkout-wrap label {
        font-size: 14px;
    }

    .fav-table > table,
    .fav-table.orderdetails > table {
        width: 1056px;
    }

    .photo-thumble-box.landscape {
        padding: 0;
    }

    .photo-thumble-box.landscape h5 {
        top: 0;
    }

    .frame-select-wrap h3 {
        font-size: 14px;
        margin-top: 15px;
    }

    .container.content-wrap {
        padding: 20px 15px;
        max-width: 100%;
        position: relative;
    }

    .read-gra-wrap {
        padding-left: 0;
    }

    .sign-up-wrap div .input {
        width: 50%;
    }

    .header-wrap div[class*="col-"] {
        position: static;
    }

    /*header*/
    .header-wrap .container{
        max-width: 100%;
    }
    .header-wrap {
        min-height: auto;
        padding: 30px 0;
    }
    .header-wrap .row{
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
    }
    .header-wrap .col-sm-1{
        min-width: 112px;
        position: relative;
        margin-top: 13px;
        padding-right: 15px;
    }
    .header-wrap .col-sm-8{
        max-width: 100px;
    }
    .header-wrap div.logo {
         position: relative;
         left: 0;
         top: 0;
         display: block;
         width: auto;
         height: auto;
    }

    .header-wrap div.logo img.logo {
        width: auto;
        height: 33px;
    }

    .header-wrap .shopping-card-wrap {
        padding-left: 0;
        margin-top: 0;
        position: absolute;
        z-index: 999;
        right: 11px;
        top: 0;
    }

    /*start:menu*/
    .header-wrap .navigation-wrap {
        position: absolute;
        right: 0;
        left: auto;
        width: 100%;
        padding: 0;
        top: 61px;
    }

    .header-wrap button.navbar-toggler {
        position: absolute;
        right: 16%;
        top: -12px;
        outline: none;
        border: none;
        padding: 0;
        margin: 0;
    }

    .header-wrap .navbar-collapse::before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        right: 133px;
        top: -12px;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #076990;
    }

    .header-wrap button.navbar-toggler .navbar-toggler-icon,
    .header-wrap button.navbar-toggler .navbar-toggler-icon:before,
    .header-wrap button.navbar-toggler .navbar-toggler-icon:after {
        width: 29px;
        height: 3px;
        background-color: #076990;
    }

    .header-wrap button.navbar-toggler .navbar-toggler-icon {
        background-image: none;
        position: relative;
    }

    .header-wrap button.navbar-toggler .navbar-toggler-icon:before,
    .header-wrap button.navbar-toggler .navbar-toggler-icon:after {
        content: '';
        position: absolute;
        left: 0;
    }

    .header-wrap button.navbar-toggler .navbar-toggler-icon:before {
        top: -10px;
    }

    .header-wrap button.navbar-toggler .navbar-toggler-icon:after {
        top: 10px;
    }

    .header-wrap .navbar-collapse {
        width: 100%;
        left: 0;
        top: 50px;
        position: absolute;
        text-align: left;
        background-image: linear-gradient(to right, #2a94be, #03648a);
    }

    .header-wrap .navbar-collapse ul.top-menu {
        text-align: left;
        padding: 0;
        margin: 0;
    }

    .header-wrap .navbar-collapse ul.top-menu li {
        padding: 0;
        margin: 0;
    }

    .header-wrap .navbar-collapse ul.top-menu li a {
        color: #ffffff;
        padding: 13px 33px;
        margin: 0;
        display: block;
        line-height: 20px;
        border-bottom: 1px solid #24b0e8;
        background-image: linear-gradient(to right, #2a94be, #03648a);
        font-size: 16px;
        letter-spacing: 1px;
    }

    .header-wrap .navbar-collapse ul.top-menu li a:hover {
        background-image: linear-gradient(to right, #03648a, #2a94be);
    }

    .header-wrap .myaccountdrop .dropdown-menu {
        padding: 0;
        box-shadow: none;
        border: none;
        background-image: linear-gradient(to right, #2a94be, #03648a);
        margin: 0;
    }

    .header-wrap .myaccountdrop .dropdown-toggle:after {
        visibility: hidden;
    }

    .header-wrap .myaccountdrop .dropdown-toggle[aria-expanded="false"]:before,
    .header-wrap .myaccountdrop .dropdown-toggle[aria-expanded="true"]:before {
        content: "\f157";
        font-family: "Flaticon";
        color: #ffffff;
        font-size: 16px;
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
    }

    .header-wrap .myaccountdrop .dropdown-toggle[aria-expanded="true"]:before {
        content: '\f151';
        top: 20px;
    }

    .header-wrap .navbar-collapse ul.top-menu .myaccountdrop .dropdown-menu a {
        font-size: 14px;
        padding: 10px 50px;
        text-transform: none;
    }

    /*end:menu*/
    .footer-wrap h3 {
        font-size: 17px;
        line-height: 25px;
    }

    .footer-wrap .read-gra-wrap {
        padding-left: 0;
    }

    .container.contentwrap {
        width: 100%;
        min-width: 100%;
    }

    .footer-wrap .container {
        max-width: 100%;
    }

    .page-header-content h2 {
        font-size: 30px;
        line-height: 60px;
        padding: 26px 0 0;
    }

    .individual-section h3 {
        font-size: 30px;
    }

    .page-header img {
        width: 100%;
        height: 240px;
    }

    .product-item {
        width: calc(100% / 3);
    }

    .email-model .email-popup-model {
        max-width: 670px;
    }

    .article-information-box h1 {
        margin-bottom: 30px;
    }

    .refund-information-conten,
    .article-information-box {
        padding: 40px 20px;
    }

    .plaque-product-slider {
        padding: 20px !important;
    }

    footer.footer-wrap {
        padding: 70px 23px;
    }
    .up-sale-discount-product-item {
        display: flex;
        flex-direction: column;
        height: auto;
    }
    .checkout_page_content .up-sale-discount-product-image {
        display: flex;
    }
    .checkout_page_content .up-sale-discount-product-item > * {
        flex: 1;
    }
    .up-sale-thumbnail-image-frame {
        height: auto !important;
        flex: 1;
        padding: 15px;
    }
    .checkout_page_content .up-sale-discount-product-description {
        margin-top: 20px;
        padding: 0;
    }
    .checkout_page_content .up-sale-discount-product-price {
        padding-top: 0;
        padding-left: 30px;
        margin-top: 18px;
        border: 0;
    }
    .checkout_page_content .up-sale-discount-product-description p {
        height: auto !important;
    }
    .up-sale-discount-product-checkbox {
        margin: 10px 0 0;
    }
    .up-sale-discount-product-description {
        margin: 22px 0 0 0;
    }
    .checkout_page_content .up-sale-discount-product-price{
        padding-left: 0 !important;
    }
    .up-sale-discount-product-checkbox{
        padding-left: 0 !important;
    }
    .up-sale-discount-product {
        padding: 40px 40px 12px 40px;
    }
    .my-favourites .share_favourite_list_email input{
        width: 100%;
        max-width: 100%;
        margin: 15px 0;
    }
    .my-favourites .share_favourite_list_email .submitbtn {
        padding: 12px 30px;
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .plaques-details-page #LoadingAjax {
        left: 50%;
        top: 30%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .contact-info .row .col-sm-4 {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .contact-info .info {
        min-height: auto;
        margin-bottom: 24px;
    }
    .credit-card-part,
    .payment-method-list{
        padding-top: 103%;
        position: relative;
    }
    p.coupon-error-message {
        padding-left: 0;
    }

    .header-wrap button.navbar-toggler {
        right: 20%;
    }
    .fancybox-wrap.fancybox-opened .fancybox-inner {
        height: auto !important;
    }
    .modal-dialog .modal-content,
    .modal-dialog .modal-body {
        overflow: auto;
        min-height: calc(100vh - 143px);
        max-height: calc(100vh - 110px);
    }
    .modal-dialog .modal-content {
        padding: 0 !important;
    }

    .thank-you-area {
        margin: 10px auto 10px;
        padding: 10px;
    }
    .inside-border {
        height: auto;
        padding: 20px;
    }
    .thank-you-area h4 {
        font-size: 24px;
        line-height: 35px;
    }
    .inside-border .order-details h5 {
        font-size: 18px;
    }
    .inside-border .order-details p {
        font-size: 15px;
    }
    .footer-wrap h3 {
        font-size: 16px;
    }
    #coupon_section input#checkoutCouponCode {
        border: 2px solid #d9dbe0;
        margin-bottom: 10px;
    }

    .gallery-thumbnail .thumnail-slide {
        padding: 0 20px 0 20px;
    }

    div#optionHTMLContainer .form-group {
        margin-bottom: 15px !important;
    }

    .quantity-change-option .product-option-item-price {
        width: 100% !important;
    }

    .product-options .form-group label {
        margin-bottom: 5px;
    }

    .special-price {
        padding-left: 0;
    }

    .portrait-photo-right-part .product-option-box-content {
        padding-top: 0 !important;
    }

    .potrait-image-product-select .form-group {
        margin-bottom: 0;
    }

    /*.plaque-product-slider {*/
    /*min-height: 468px;*/
    /*}*/
    #coupon_place_order {
        padding: 0;
        margin: 20px 0 0 0;
    }

    #coupon_place_order .order_total_summary_right a {
        width: 100%;
        margin: 10px;
        padding: 015px 34px;
    }

    #rego-regalia-selection .accordion-div-wrap {
        padding: 15px;
        margin-top: 30px;
    }

    .right-graduation-booking-wrap
    .add-to-card-doller-wrap {
        flex-direction: column;
    }

    .add-to-card-doller-wrap span.price-show {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .checkout_page_content .photo_description_img p,
    .checkout_page_content .photo_description_img h4 {
        font-size: 15px;
    }

    .checkout_page_content .photo_description_img h4 {
        line-height: 24px;
    }

    .checkout_page_content .photo_description_img label {
        font-size: 13px;
        line-height: 16px;
    }

    .checkout_header .checkout_header_left {
        font-size: 18px;
    }

    .order_summery_header div {
        font-size: 14px;
    }

    .checkout-wrap {
        padding: 15px;
        margin-top: 30px;
    }

    .card-summery-border-box {
        padding: 15px;
    }

    .cart-summery-table tr td {
        font-size: 13px;
        line-height: 19px;
    }

    .cart-summery-table label {
        font-size: 13px;
    }

    .check-billinfo h6 {
        font-size: 14px;
    }

    .checkout-border-box {
        padding: 10px 10px 0px 15px !important;
    }

    .checkout-wrap #so-accordion .card .card-header h5 a {
        font-size: 15px;
    }

    .checkout-wrap .form-group {
        margin-bottom: 12px;
    }

    .checkout-wrap label {
        color: #000;
    }

    .checkout-wrap #so-accordion .card .card-body {
        padding: 0 0 0px 0;
    }

    .payment-information-wrap button {
        position: relative;
        width: 100%;
        min-width: unset;
    }

    #coupon_section form div.input input {
        width: 100%;
    }

    .invoice-payment-part h6 {
        font-size: 18px;
    }

    .fancybox-wrap.fancybox-opened {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: calc(100vw - 30px) !important;
    }

    .continue-btn-wrap .btn.btn-primary {
        display: block;
        margin: 5px 0;
        width: 100%;
    }

    .modal-body .success-full-message {
        padding: 0 0 18px 0;
    }

    .modal-body .success-full-message span {
        font-size: 14px;
        line-height: 20px;
    }

    .modal-body .email-popup-model .modal-content .email-header {
        padding: 0 20px 10px;
    }

    .modal-body .image-order-photo-section h2 {
        font-size: 17px;
    }

    .full-container {
        padding: 0px 0 50px 0;
    }

    .freq-ask-qus {
        min-height: unset;
        height: auto;
    }

    /*.input-group-append {*/
        /*margin: 15px 0 0 1px;*/
    /*}*/
    .search-image-wrap .view-search-image.inline-width-input-btn .input-group-append {
        margin: 0 0 0 1px;
    }
    .owl-carousel .owl-item img {
        height: 250px;
        object-fit: contain;
    }

    .product-option-box-content .product-option-item-label {
        font-size: 15px;
    }

    .title-text {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 28px;
    }

    .breadcrumb {
        margin-bottom: 10px;
        justify-content: center;
    }

    .plaques-details-page .product-options .file-upload-block label {
        white-space: unset;
    }

    .product-option-label {
        font-size: 15px !important;
    }

    footer.footer-wrap {
        padding: 50px 36px;

    }

    .frame-border-box {
        justify-content: center;
    }

    .addtocartbtn {
        margin-top: 7px;
    }

    .filter-options-wrap {
        padding-top: 0;
    }
    .frame-list-view .product-name {
        font-size: 13px;
        text-align: center;
        line-height: 19px;

    }
    .frame-list-view .price {
        text-align: center;
    }

    .contact-details-form .input-set {
        background: #fff;
        padding: 20px;
    }

    .contact-details-form button {
        margin-top: 0;
    }

    .my-favourites .share-fav .col-md-6 {
        padding-bottom: 15px;
    }

    .my-favourites .share-fav .row > *:nth-child(2) .form-control {
        max-width: 100% !important;
    }

    .share-fav {
        padding: 20px 0 0;
    }

    .share-fav h5 {
        text-align: left;
    }

    .contact-details-form .input-set .set-title {
        font-size: 16px;
    }

    .contact-details-form .form-group label {
        font-size: 13px;
    }

    .my-favourites {
        padding: 15px;
    }

    .my-favourites .fav-table table tr td,
    .my-favourites .fav-table table tr td span,
    .my-favourites .fav-table table tr th {
        font-size: 14px;
    }

    .my-favourites .fav-table table tr td {
        padding: 10px 10px;
    }

    .account-tap {
        margin-top: 40px;
    }

    .checkout_page_content .up-sale-discount-product-item {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .checkout_page_content .up-sale-discount-product-description p {
        height: auto !important;
        padding-right: 30px;
    }

    .checkout_page_content .up-sale-discount-product-price {
        padding-top: 0;
        padding-left: 30px;
        margin-top: 18px;
        border: 0;
    }

    .checkout_page_content .up-sale-discount-product-checkbox {
        margin-top: 10px;
    }

    .checkout_page_content .up-sale-checkbox-item {
        margin: 0;
    }

    .checkout_page_content .up-sale-discount-product-price .original-price {
        padding-top: 10px;
    }

    .checkout_page_content .up-sale-discount-product-description {
        margin-top: 20px;
        padding: 0;
    }

    .checkout_page_content .up-sale-discount-product-checkbox {
        padding: 0 0 10px 30px;
    }

    .checkout_page_content .up-sale-checkbox-item label {
        padding: 0 0 0 40px;
        margin: 4px 0 0 -6px;
    }

    .checkout_page_content .up-sale-discount-product-item > * {
        flex: 1;
    }

    .checkout_page_content .up-sale-discount-product-image {
        display: flex;
    }

    .webalive-site-content .article-information-box h3 {
        font-size: 18px !important;
        line-height: 26px;
    }

    .order_summery_footer .order_summery_footer_right {
        font-size: 18px;
    }

    .up-sale-thumbnail-image-frame {
        height: auto !important;
        flex: 1;
        padding: 15px;
    }

    .modal-dialog .modal-content.portrait-content .modal-body {
        padding: 15px;
    }

    .product-name {
        font-size: 16px;
    }

    .price {
        font-size: 15px;
        margin-top: 0;
    }

    .what-student-say h2 {
        font-size: 24px;
        text-align: center;
        padding: 0 15px;
        margin-bottom: 20px;
    }

    .full-container::before,
    .body-content::before {
        display: none;
    }

    .header-wrap {
        padding: 18px 0 10px;
    }

    .logo {
        width: 140px;
    }

    .page-header-content h2 {
        font-size: 24px !important;
        line-height: 28px;
        padding-top: 0;
    }

    .individual-section h2 {
        font-size: 24px;
    }

    .right-arrow-ind::after {
        margin-top: 8px;
        margin-left: 0;
    }

    .header-wrap .navigation-wrap {
        top: 56px;
    }

    .header-wrap .shopping-card-wrap {
        top: 0;
    }

    .header-wrap div.logo {
        top: 0;
    }

    h1 {
        font-size: 26px;
    }

    h3 {
        font-size: 17px;
        line-height: 25px;
    }

    .individual-section h2 {
        padding: 0 0 25px 0;
    }

    .body-content {
        position: relative;
        padding: 0px 10px 50px 0px;
    }

    .content-wrap {
        padding: 50px 15px;
    }

    .login-btn {
        position: relative;
    }

    .sign-up-wrap div .input {
        width: 100%;
    }

    .footer-wrap {
        text-align: left;
    }

    .read-gra-wrap {
        padding-top: 25px;
        padding-left: 0px;
    }

    .freq-ask-qus {
        padding: 15px;
    }

    .product-item-wrap {
        overflow: inherit;
    }

    .frame-list-view .product-item {
        width: 50%;
        padding: 15px 10px 0;
        min-height: 378px;
    }

    .freq-ask-qus {
        padding: 40px 0;
    }

    .freq-ask-qus {
        margin-top: 50px;
    }

    .navbar-toggler {
        position: absolute;
        right: 0;
        top: 0;
    }

    .sign-up-border-box {
        padding: 15px;
    }

    .sign-up-wrap .login-btn {
        width: 93.6% !important;
    }

    .title-text {
        font-size: 24px;
        margin-bottom: 40px;
    }

    .footer-wrap a {
        word-wrap: break-word;
        font-size: 12px;
    }

    .right-already-graduated,
    .left-graduating-now {
        min-height: 140px;
        padding: 25px 15px;
        margin: 0 8px 30px 0;
    }

    .individual-section h3 {
        font-size: 24px;
        margin: 0;
    }

    .page-header img {
        width: 100%;
        height: 120px;
    }

    .page-header-content p {
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: none;
    }

    .login-wrap .normalbtn-lg {
        min-width: 100% !important;
    }

    .what-student-say .bx-next {
        right: 0;
    }

    .what-student-say .bx-prev {
        left: 0;
    }

    .product-item {
        width: calc(100% / 2);
    }

    .footer-wrap h3 {
        padding-top: 20px;
    }

    .what-student-say:before {
        display: none;
    }

    .what-student-say:after {
        display: none;
    }

    .testimonial-content {
        max-width: 100%;
    }

    .testimonial-content p {
        font-size: 15px;
    }

    .individual-section {
        padding: 50px 0px 30px 0;
    }

    .what-student-say {
        padding: 50px 0;
    }

    .what-student-say h2 {
        font-size: 30px;
    }

    .what-student-say h2 br {
        float: left;
    }

    .article-information-box h1,
    .employment-content h1,
    .refund-information-conten h1,
    .security-information-content h1 {
        font-size: 24px !important;
    }

    .what-student-say h2 {
        font-size: 24px;
    }

    .testimonial-content h4 {
        font-size: 20px;
        line-height: 33px;
        padding-top: 0;
    }

    .product-descriptions h4 {
        padding-top: 20px;
    }

    .email-model .email-popup-model {
        max-width: 502px;
        margin: 0 auto;
    }

    .view-search-image .col-sm-11 {
        width: 80%;
        float: left;
    }

    .view-search-image .col-sm-1 {
        width: 20%;
    }

    .footer-wrap div[class^="col"] {
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 0;
    }

    .footer-wrap {
        text-align: center;
        padding: 60px 20px;
    }

    .social-media a {
        display: inline-block;
        margin: 6px 7px 11px;
    }

    .divided-border {
        padding: 36px 50px 0 50px;
        margin: 20px -15px 0 -15px;
    }

    .footer-wrap ul.footer-list {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0 50px;
        margin-top: 10px;
    }

    .login-wrap {
        padding: 15px;
        margin-top: 30px;
    }

    .sign-up-wrap {
        margin-top: 30px;
    }

    .login-border-box {
        padding: 15px;
    }

    .login-wrap .forgot_your_password,
    .login-wrap .new-user {
        display: block;
        text-align: center;
        float: unset;
        margin: 0;
        padding: 0;
    }

    .announcements-content {
        padding-left: 0;
    }

    .announcements-section h2 {
        text-align: left;
        font-size: 24px;
    }

    .announcements-content h4 {
        font-size: 16px;
        line-height: 22px;
    }

    .convocation-item {
        width: calc(50% - 27px);
    }

    .graduating-ourservice-section {
        padding: 50px 0;
    }

    .graduating-ourservice-section h2 {
        font-size: 24px;
    }

    .convocation-caption {
        font-size: 16px;
        padding: 0 0 3px;
    }

    .convocation-student-details h4 {
        font-size: 15px;
    }

    .pro-list-view-wrap .col-sm-12.text-right {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
    }
    .pro-list-view-wrap .item-showing-wrap .col-sm-12 .form-group.selectbox .form-group{
        margin: 0;
    }

    .body-content h1 {
        padding: 0 0 15px 0;
        margin: 0;
    }

    .form-group.selectbox {
        margin-bottom: 0;
    }

    .item-showing-wrap span {
        font-size: 14px;
    }

    .item-showing-wrap {
        padding: 0 0 10px 0;
    }
    .view-search-image form {
        width: 509px;
        max-width: 100%;
    }
    .view-search-image {
        padding: 15px 15px 0;
        border-bottom: 0;
        margin-bottom: 0;
    }
    .searchbtn.input-group-text{
        width: 100%;
    }
    .search-image-wrap input[type="text"]#reference-code{
        text-align: center;
    }
    .input-group-append {
        margin: 0 0 23px 0;
    }
    .share-photo-wrap {
        padding: 15px 0 0 0;
    }
    .view-search-image h2 {
        font-size: 15px;
        padding-bottom: 16px;
        line-height: 25px;
    }
    .breadcum-wrap {
        padding-bottom: 0;
    }

    .input-group .input.text {
        margin-bottom: 15px;
    }

    .error {
        font-size: 16px !important;
    }

    .convocation-content {
        padding-top: 10px;
    }

    .order_total_summary {
        display: flex;
        flex-direction: column;

    }

    .order_total_summary .order_total_summary_left {
        font-size: 17px;
        margin: 0;
        padding-bottom: 15px;
    }

    .order_total_summary .order_total_summary_right {
        padding-right: 0;
    }

    .order_total_summary .order_total_summary_right a {
        font-size: 14px;
        display: block;
        margin: 0 15px 10px;
        width: calc(100% - 30px);
    }

    .article-information-box,
    .employment-content,
    .refund-information-conten,
    .security-information-content {
        padding: 30px 20px;
    }

    .article-information-box h1,
    .employment-content h1,
    .refund-information-conten h1,
    .security-information-content h1 {
        margin-bottom: 25px !important;
    }

    .account-info-tap .nav-link, .tab-arrow .nav-link, .tab-vertical .nav-link, .note-tabs .nav-link {
        font-size: 13px !important;
        padding: 5px 6px !important;
    }

    .contact-details .account-tap ul li {
        margin-bottom: 14px;
    }

    .header-wrap::before {
        width: 140px;
        height: 119px;
    }

    .header-wrap::after {
        height: 110px;
        top: 9px;
    }

    .header-wrap::after,
    .header-wrap::before {
        opacity: .3;
    }

    .header-wrap button.navbar-toggler .navbar-toggler-icon,
    .header-wrap button.navbar-toggler .navbar-toggler-icon::before,
    .header-wrap button.navbar-toggler .navbar-toggler-icon::after {
        width: 25px;
    }

    .header-wrap button.navbar-toggler .navbar-toggler-icon::after {
        top: 8px;
    }

    .header-wrap button.navbar-toggler .navbar-toggler-icon::before {
        top: -8px;
    }

    .header-wrap button.navbar-toggler {
        right: 132px;
        top: -22px;
    }

    .regalia-products-container {
        padding: 5px;
    }

    .regalia-products-container .card-body {
        padding: 15px;
    }

    .accordion-div-inner {
        padding: 15px;
    }

    .input.text {
        margin-bottom: 12px !important;
    }

    .add-to-card-doller-wrap {
        flex-direction: column;
    }

    .product-details-large-image {
        height: auto !important;
        padding: 15px 0;
    }

    .accordion-div-inner .mb-0 > a {
        font-size: 16px;
    }

    .add-to-card-doller-wrap span {
        font-size: 17px;
    }

    .product-option-item-label {
        font-size: 14px;
        line-height: 20px;
    }

    .product-option-item-label {
        width: 86% !important;
        font-size: 14px;
    }

    .product-option-item-price {
        text-align: left !important;
        margin-top: 10px;
    }

    .search-image-wrap {
        margin-top: 0;
    }
    .search-image-wrap .view-search-image .input-group .col-sm-9,
    .search-image-wrap .view-search-image .input-group .col-sm-3{
        padding: 0;
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
    }
    .search-image-wrap .view-search-image .input-group .col-sm-3 .input-group-append label,
    .search-image-wrap .view-search-image .input-group .col-sm-3 .input-group-append .stagePhotoGo{
        width: 100%;
    }
    .chosen-container .chosen-choices, .chosen-container .chosen-single{
        border: 2px solid #d9dbe0;
    }

    .search-image-wrap .view-search-image span.stagePhotoGo.input-group-text.searchbtn {
        margin-top: 15px;
    }

    .header-wrap .navbar-collapse {
        top: 24px;
    }

}


@media only screen and (max-width: 736px) {
    .wa-bxslider-wrapper {
        position: relative;
    }

    .bx-wrapper,
    .order-photo-container-landscape .bx-wrapper,
    .order-photo-custome-frame-container-landscape .bx-wrapper {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .plaques-details-page .order-photo-container-landscape #order-stage-photo-image-slider li .reference-photo-image-box img,
    .plaques-details-page #order-stage-photo-image-slider li .reference-photo-image-box img,
    .plaques-details-page .order-photo-container-landscape #order-photo-image-slider li .reference-photo-image-box img,
    .plaques-details-page #order-photo-image-slider li .reference-photo-image-box img
    {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .plaques-details-page .order-photo-container-landscape #order-photo-image-slider li .reference-photo-image-box img,
    .plaques-details-page .order-photo-container-landscape #order-photo-image-slider li .reference-photo-image-box img {
        max-width: 100%;
    }

    .order-photo-container-landscape .bx-viewport,
    .order-photo-custome-frame-container-landscape .bx-viewport {
        width: 100%;
        height: 560px !important;
        max-width: 100%;
        max-height: 100%;
    }

    .bx-viewport #order-stage-photo-image-slider,
    .bx-viewport #order-photo-image-slider {
        display: block;
    }

    .custom-pager {
        width: 575px;
        max-width: 100%;
    }

    .custom-pager img {
        width: 80px;
        height: 60px;
    }

    /**/
    .order-photo-container-portrait #order-photo-logo-effect {
        right: 0;
        max-width: 136px;
        height: auto;
    }

    .order-photo-container-portrait .reference-photo-image-box canvas,
    .order-photo-container-landscape .reference-photo-image-box canvas {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .order-photo-container-portrait #order-photo-vintage-effect {
        top: 0;
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .order-photo-container-landscape #order-photo-vintage-effect {
        width: 100%;
        height: auto;
        top: 0;
        max-width: 100%;
        max-height: 100%;
    }

    .order-photo-container-landscape #order-photo-logo-effect,
    .order-photo-custome-frame-container-landscape #order-photo-logo-effect {
        right: 0;
        top: 5%;
    }
    .order-photo-container-landscape #order-photo-logo-effect {
        max-width: 116px;
        height: auto;
    }

    /*Frame*/
    .order-photo-container-portrait #order-photo-image-frame,
    .order-photo-custome-frame-container-portrait #order-photo-image-frame {
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: initial;
        z-index: 2;
    }

    .added-custom-frame .order-photo-custome-frame-container-portrait .custom-pager {
        margin: 78px auto 0;
    }

.added-custom-frame .plaques-details-page .order-photo-container-landscape #order-stage-photo-image-slider li .reference-photo-image-box img,
    .added-custom-frame .plaques-details-page #order-stage-photo-image-slider li .reference-photo-image-box img,
    .added-custom-frame .plaques-details-page .order-photo-container-landscape #order-photo-image-slider li .reference-photo-image-box img,
    .added-custom-frame .plaques-details-page #order-photo-image-slider li .reference-photo-image-box img
    {
        max-width: 82%;
        height: auto;
        position: relative;
        margin-top: 12%;
        z-index: 1;
    }

    .added-custom-frame .order-photo-container-landscape #order-photo-image-frame,
    .added-custom-frame .order-photo-custome-frame-container-landscape #order-photo-image-frame {
        top: 0;
        max-height: 100%;
        width: 104%;
        height: auto;
        margin: 0 auto 0;
        z-index: 2;
    }

    .added-custom-frame .order-photo-custome-frame-container-portrait #order-photo-logo-effect {
        right: 10.6%;
    }

    .added-custom-frame .order-photo-custome-frame-container-portrait #order-stage-photo-image-slider li .reference-photo-image-box img,
    .added-custom-frame .order-photo-custome-frame-container-portrait #order-stage-photo-image-slider li .reference-photo-image-box canvas,
    .added-custom-frame .order-photo-custome-frame-container-portrait #order-photo-image-slider li .reference-photo-image-box img,
    .added-custom-frame .order-photo-custome-frame-container-portrait #order-photo-image-slider li .reference-photo-image-box canvas
    {
        width: 82%;
        height: auto;
        margin: 12% auto 0;
    }
    .added-custom-frame .order-photo-custome-frame-container-landscape #order-stage-photo-image-slider li .reference-photo-image-box img,
    .added-custom-frame .order-photo-custome-frame-container-landscape #order-stage-photo-image-slider li .reference-photo-image-box canvas,
    .added-custom-frame .order-photo-custome-frame-container-landscape #order-photo-image-slider li .reference-photo-image-box img,
    .added-custom-frame .order-photo-custome-frame-container-landscape #order-photo-image-slider li .reference-photo-image-box canvas
    {
        width: 85%;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        margin: 8% auto 0;
    }

    .added-custom-frame .order-photo-container-portrait #order-photo-vintage-effect,
    .added-custom-frame .order-photo-custome-frame-container-portrait #order-photo-vintage-effect {
        width: 82%;
        height: auto;
        left: 50%;
        top: 8%;
        max-width: 100%;
        max-height: 100%;
    }
    .added-custom-frame .order-photo-container-landscape #order-photo-vintage-effect,
    .added-custom-frame .order-photo-custome-frame-container-landscape #order-photo-vintage-effect {
        width: 84%;
        height: auto;
        max-height: 100%;
        max-width: 100%;
        left: 50%;
        top: 6%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
    .added-custom-frame .order-photo-container-landscape #order-photo-logo-effect,
    .added-custom-frame .order-photo-custome-frame-container-landscape #order-photo-logo-effect {
        right: 8%;
        top: 15%;
        max-width: 180px;
        height: 33px;
    }
}

@media only screen and (min-width: 650px) and (max-width: 736px) {
    .plaques-details-page #order-photo-main-image-container #order-photo-main-image-box{
        padding-bottom: 105px;
    }
}

@media only screen and (max-width: 660px){
    .credit-card-part,
    .payment-method-list{
        padding-top: 114%;
        position: relative;
    }
    .checkout-wrap{
        padding: 0;
    }
    .card-summery-border-box{
        border: 1px solid #dcdcdc;
        padding: 15px;
    }
    .checkout-border-box{
        border: 1px solid #dcdcdc;
        margin-top: 30px;
        padding: 15px !important;
    }

    .frame-list-view .product-item {
        width: 100%;
        padding: 15px 10px 60px;
        min-height: auto;
    }

    span.stagePhotoGo.input-group-text.searchbtn {
        margin-top: 10px;
    }

    .pronunciation .row > :nth-child(3),
    .pronunciation .row > :nth-child(1) {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pronunciation .row > :nth-child(4),
    .pronunciation .row > :nth-child(2) {
        flex: 0 0 calc(100%);
        max-width: calc(100%);
    }

    .pronunciation .row > :nth-child(3) .form-group.text-right {
        text-align: left !important;
    }

    .convocation-item {
        width: calc(100%);
        margin: 10px 0;
    }

    .product-item {
        width: calc(100%);
        height: 350px;
    }

    .input-group-append {
        display: flex;
        justify-content: center;
    }
}

@media only screen and (max-width: 575px) {
    .header-wrap .navbar-collapse {
        top: 12px;
    }
    .credit-card-part,
    .payment-method-list{
        padding-top: 138%;
        position: relative;
    }
    .search-image-wrap .view-search-image.inline-width-input-btn .input-group-append {
        margin: 10px 0 0 1px;
    }
    .header-wrap .col-sm-1 {
        width: 112px;
    }
    .accordion-div-inner .card-header.incart {
        background-position: 88% 42%;
    }
    #order-photo-reference-code-image .bx-next {
        right: 27%;
        bottom: -40%;
    }
    #order-photo-reference-code-image .bx-prev {
        left: 27%;
        bottom: -40%;
    }
}

@media only screen and (max-width: 500px) {
    .header-wrap button.navbar-toggler {
        top: -32px;
    }
    .favourite-star-icon-wrap .qty-num {
        top: -12px;
        font-size: 12px;
        font-weight: 300;
        width: 18px;
        line-height: 13px;
        height: 18px;
    }
    #cart_counter {
        font-size: 12px;
        top: -13px;
        width: 18px;
        line-height: 14px;
        height: 18px;
    }


    .owl-carousel .owl-item img {
        height: auto;
    }
    .logo {
        width: 110px;
    }

    .divided-border {
        padding: 36px 0 0 0;
    }

    .footer-wrap ul.footer-list {
        padding: 0;
        margin-top: 10px;
    }

    /*.product-item {*/
    /*padding: 15px 20px;*/
    /*float: none;*/
    /*margin: 0 auto;*/
    /*width: 305px;*/
    /*margin-bottom: 20px;*/
    /*}*/
    .email-model.modal {
        padding: 0 15px 15px 15px;
    }

    .logo {
        width: 140px;
    }

    .breadcum-wrap {
        padding-bottom: 0;
    }

    /*.product-option-item-label {*/
    /*width: 85% !important;*/
    /*}*/
    /*.product-descriptions h4 {*/
    /*padding-top: 35px;*/
    /*}*/
    /*.plaque-product-slider {*/
    /*padding: 65px 65px 40px 65px;*/
    /*min-height: 445px;*/
    /*}*/
    /*.product-item {*/
    /*width: 259px;*/
    /*float: none;*/
    /*}*/
    .email-header {
        font-size: 18px;
    }

    .email-popup-model h5 {
        font-size: 18px;
    }

    .email-model.modal {
        overflow: auto;
    }

    .modal-dialog .modal-content .modal-body {
        padding: 12px 12px;
    }

    .form-group .input-group-text {
        line-height: 21px;
    }

    /*.form-group input[type="text"],*/
    /*.form-group input[type="password"],*/
    /*.form-group input[type="tel"],*/
    /*.form-group input[type="email"] {*/
    /*height: 35px;*/
    /*line-height: 43px;*/
    /*font-size: 13px;*/
    /*box-shadow: none;*/
    /*}*/
    /*.input input[type="text"],*/
    /*.input input[type="password"],*/
    /*.input input[type="tel"],*/
    /*.input input[type="email"] {*/
    /*height: 35px;*/
    /*line-height: 43px;*/
    /*font-size: 13px;*/
    /*}*/
    .sign-up-wrap div .input {
        padding-left: 13px;
    }

    .sign-up-wrap {
        padding: 8px;
    }

    .container.content-wrap {
        padding: 25px 14px;
        max-width: 100%;
    }

    .sign-up-wrap .input.file {
        padding-left: 0;
    }

    .sign-up-wrap .login-btn {
        width: 74.6% !important;
        font-size: 18px;
    }

    .sign-up-wrap select {
        height: 34px !important;
        line-height: 43px;
        font-size: 13px;
    }

    .submitbtn {
        padding: 8px 30px;
        min-width: 133px;
    }

    .users h2 {
        font-size: 18px;
    }

    .users .form {
        max-width: 288px;
    }

    .individual-section h2 {
        text-align: center;
        font-size: 24px;
        font-weight: 500;
        padding: 0 0 21px 0;
    }

    .page-header-content h2 {
        font-size: 20px !important;
        line-height: 26px;
        padding: 0 15px;
    }

    .what-student-say h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .testimonial-content h4 {
        font-size: 17px;
        line-height: 33px;
        padding: 0;
    }

    .testimonial-content h5 {
        font-size: 15px;
    }

    .freq-ask-qus h2.title {
        color: #0d76a1;
        text-align: center;
        margin-bottom: 19px;
        padding-top: 28px;
        font-size: 22px;
    }

    .right-arrow-ind::after {
        content: '';
        width: 41px;
        height: 19px;
        background: url(../images/minify/right-arrow.png) no-repeat;
        position: absolute;
        margin-top: 0;
        left: 50%;
        transform: translateX(-50%);
        margin-left: 0;
        -webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

    .users.form {
        max-width: 430px;
    }

    .header-wrap {
        padding: 10px 0;
    }

    .header-wrap .navigation-wrap {
        top: 56px;
    }

    .header-wrap .shopping-card-wrap {
        top: 0;
    }
    .header-wrap .col-sm-1 {
        width: 102px;
    }
    .header-wrap div.logo {
        top: 0;
    }
    .favourite-shopping-wrap{
        width: 87px;
        position: relative;
        top: 0;
        right: 0;
    }
    .favourite-star-icon,
    .shop-card-icon{
        background-size: 25px;
        width: 25px;
        height: 25px;
    }
    .back-to-top a {
        right: -19px;
        bottom: -44px;
    }

    .testimonial-content {
        max-width: 100%;
    }

    .left-graduating-now {
        min-height: 127px;
        padding: 22px 15px 38px 15px;
        margin: 0 8px 30px 0;
    }

    .right-already-graduated {
        min-height: 127px;
        padding: 22px 15px 38px 15px;
        margin: 0 8px 30px 0;
    }

    .individual-section h3 {
        font-size: 22px;
    }

    .freq-ask-qus {
        padding: 0;
    }

    .product-options {
        padding: 10px;
    }

    .normalbtn-lg {
        min-width: 100% !important;
    }

    .graduating-ourservice-section::before {
        content: " ";
        background: url(../images/minify/testimonial-left-shape.png) no-repeat left 0;
        width: 553px;
        height: 397px;
        position: absolute;
        bottom: 0;
        display: none;
    }

    .view-search-image .col-sm-11 {
        width: 80%;
        float: left;
    }

    .view-search-image .col-sm-1 {
        width: 20%;
    }

    .input-group-append .submit .searchbtn {
        width: 66px;
        /*height: 35px !important;*/
    }
    .continue-btn-wrap .returning-continue-shopping-btn {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .continue-btn-wrap .returning-continue-shopping-btn a {
        color: #fff !important;
    }

    #portraitPhotoGo {
        margin-left: -31px;
        padding: 3px 11px 4px 11px;
    }
}

@media only screen and (max-width: 480px){
    .accordion-div-inner .card-header.incart {
        background-position: 82% 42%;
    }
    .credit-card-part,
    .payment-method-list{
        padding-top: 140%;
        position: relative;
    }
    .order-photo-container-landscape .bx-viewport,
    .order-photo-custome-frame-container-landscape .bx-viewport {
        height: 373px !important;
    }
    .header-wrap button.navbar-toggler {
        top: -31px;
    }
    #card_number.field_section {
        margin-right: 20px;
    }
    .checkout-border-box {
        border: 0;
        padding: 0 !important;
    }
}

@media only screen and (max-width: 340px){
    .credit-card-part,
    .payment-method-list {
        padding-top: 236%;
        position: relative;
    }
}