/*Styles for Mobile screen 515px and lower*/

@media only screen and (max-width : 480px) {
    .top-menu nav {
        height: auto;
    }

        .top-menu nav ul {
            width: 100%;
            display: none;
            height: auto;
            background: #565656;
            position: relative;
            z-index: 999;
            float: none;
        }

        .top-menu nav li {
            width: 100%;
            float: left;
            position: relative;
        }


        .top-menu nav ul li a {
            line-height: 40px;
            margin-left: 0px;
            border-bottom: 1px solid #fff;
            padding-right: 0px;
            padding-left: 0px;
            color: #fff;
        }

        .top-menu nav a {
            text-align: left;
            width: 100%;
            text-indent: 25px;
        }

        .top-menu nav ul li a:hover,
        .top-menu nav ul .active a {
            background: #404041;
            color: #fff !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: none;
            border-bottom: 1px solid #fff;
        }

    .home-nav a {
        background: none;
        text-indent: -99999px;
        /*padding: 10px 0px !important;*/
        margin-right: 2px;
    }

    .top-menu nav ul ul {
        position: static;
        z-index: 11;
        top: 0px;
        height: auto;
        display: none;
    }

    .submenu {
        width: 100% !important;
    }

    .top-menu nav ul ul li a {
        background:;
    }




    /* Pull menu */
    .top-menu nav a#pull {
        display: block;
        background-color: #404041;
        width: 100%;
        position: relative;
        height: 41px;
        text-indent: -99999px;
        z-index: 99;
        border: none;
        border-bottom: 1px solid #fff;
    }

        .top-menu nav a#pull:after {
            content: "";
            background: url(/National_Library/oe_/https://www.transcontinentalmusic.com/img/nav-icon.png) no-repeat;
            width: 30px;
            height: 30px;
            display: inline-block;
            position: absolute;
            right: 15px;
            top: 10px;
        }


    .logo-wrap {
        width: 100%;
        height: 41px;
        float: none;
        margin: auto;
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: center;
    }

    .header {
        width: 100%;
        margin: auto;
        height: auto;
    }

    .top-menu nav ul li a {
        padding: 2px 0px 2px 0px !important;
    }

    .userinfo {
        width: 100%;
        margin: auto;
        text-align: center;
    }

    .top-menu {
        width: 100%;
        margin: auto !important;
        margin-bottom: 15px !important;
        margin-top: 10px !important;
        display: none;
    }

        .top-menu .first-link {
            padding-left: 0px !important;
        }

    .bastine-box {
        width: 100%;
        margin: auto;
        margin-top: 42px;
    }

    .bastine-text-box {
        width: 95%;
        margin: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        float: none;
    }

    .bastine-img-box {
        width: 100%;
        float: none;
        margin: auto;
        text-align: center;
    }

        .bastine-img-box img {
            width: 100%;
        }

    .align-middle-box {
        width: 98%;
        margin: auto;
        height: auto;
    }

    .footer-links {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    .copyright {
        float: none;
        text-align: center;
    }

    .all-top-menu ul .active a {
        line-height: 30px !important;
    }


    .mrg-rgt-60 {
        margin-top: 10px;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }


    .show-filters-new {
        width: 100% !important;
        position: relative;
        margin-top: 7px !important;
        text-align: center;
    }

    .sort-by {
        text-align: center;
        width: 100%;
    }

    .mrg-rgt-25 {
        margin-right: 25px;
        margin-top: 2px;
        width: 100%;
        text-align: center;
    }

    .inner-page-title {
        width: 100%;
        text-align: center;
    }

    .item-counts {
        width: 100%;
        text-align: center;
        margin-left: 0px !important;
    }

    /*Product listing styling*/
    .listing-product {
        width: 90%;
        height: auto;
        float: none;
        margin: auto;
        margin-bottom: 25px;
    }

        .listing-product img {
            width: 100%;
        }

    .product-listing-layout .listing-product:nth-child(3n+3) {
        margin: auto;
        margin-bottom: 20px;
    }

    .listing-product-size {
        height: auto !important;
    }

    .vintage-product-holder {
        width: 50%;
        float: left;
        margin: auto;
        text-align: center;
        margin-bottom: 5px;
    }

    /*Home styling 10-15-2015*/
    .bg-lightgrey {
        padding: 0px;
    }

    .login-reg-links ul {
        margin-top: 0px !important;
        float: none;
    }

    .userinfo {
        margin-top: 29px;
        width: 100%;
        margin: auto;
    }

    .mr-left35 {
        margin-left: 10%;
    }

    .vintage-left {
        width: 100%;
        margin-top: 100px;
        margin: auto;
        float: none !important;
    }

    .page-title {
        font-size: 43px;
        text-align: center;
    }

    .pd-b10 {
        text-align: center;
    }

    .underline-title {
        margin: auto;
    }

    .small-heading {
        text-align: center;
    }

    .vintage-right {
        width: 50%;
        margin: auto;
        float: none !important;
        margin-top: 20px;
    }

        .vintage-right img {
            width: 100%;
        }

    .home-featured-single {
        width: 90%;
        margin: auto;
        float: none !important;
        margin: auto;
        margin-bottom: 15px;
    }

        .home-featured-single .featured-image img {
            width: 100%;
        }

    .behind-gobbi-single {
        width: 60%;
        margin: auto;
        float: none;
    }

        .behind-gobbi-single img {
            width: 100%;
        }

    .behind-details img {
        width: auto !important;
    }

    .behind-details {
        margin-top: 45px;
    }

    .ft-col-1, .ft-col-2, .ft-col-3, .ft-col-4 {
        width: 100%;
        margin-left: 1%;
    }

    .home-txt-box {
        margin-bottom: 5px;
    }

    .filter-tools {
        width: 100%;
        margin: auto;
        margin-top: 10px;
    }

    .show-filters {
        margin: auto;
        float: none;
        margin-bottom: 10px;
    }


    .filter-col-1, .filter-col-2, .filter-col-3, .filter-col-4 {
        width: 100%;
        float: none;
        margin: auto;
        text-align: center;
    }

    .filter-close {
        width: 100%;
        margin: auto;
        text-align: center;
        padding-bottom: 10px;
    }


    .all-top-menu {
        text-align: center;
    }

    .hideOnResp {
        display: none;
    }

    .PositionAbsoluteCus {
        display: none;
    }

    .width-12 {
        width: 36%;
    }

    .resources-bx {
        width: 100%;
    }

        .resources-bx select {
            width: 100%;
        }

        .resources-bx select {
            /* border: 1px solid #2B3386; */
            -webkit-appearance: none;
            color: #fff;
            font-family: 'Open Sans';
            font-size: 14px;
            text-transform: uppercase;
            border-right: 0px;
            /* height: 28px; */
            padding: 10px 15px;
            background: #041b72;
            border-radius: 5px;
            outline: none;
            border-left: 1px solid #041b72;
            border-bottom: 1px solid #041b72;
            border-top: 1px solid #041b72;
            position: relative;
            right: -7px;
            width: 166px;
            height: 42px;
        }

    .width-500x {
        width: 95%;
        float: right !important;
        /*border: 2px solid gray;*/
        border-left: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .search-btn-bx {
        /*float: none !important;*/
        border-radius: 7px;
        float: right !important;
        border-radius: 7px;
        border: 1px solid darkblue;
        text-align:center;
    }

    .resources-bx select {
        width: 100%;
    }

    .search-bx .new-search-inpt {
        width: 100%;
        /* height: 18px; */
        border: 1px solid #e2e2e2;
        font-family: 'Open Sans';
        /* height: 24px; */
        padding: 11.5px 0px;
        padding-left: 5px;
        font-size: 12px;
        color: #898989;
        /* border-left: none; */
        /* position: relative; */
        left: 0px;
        outline: none;
    }

    .menu-container {
        /* width: 960px; */
        height: auto !important;
        background: transparent;
        /* margin: 80px auto; */
        font-family: corbel;
    }
    ul.menu {
            padding: 0px;
    }
    ul.menu li {
        float: left;
        padding: 15px;
        list-style: none;
        width: auto !important;
        /* height: 20px; */
        text-align: left;
        position: relative;
        font-size: 14px;
        text-transform: uppercase;
            display: block;
            float: none !important;
        /* font-weight: lighter; */
    }

    .testamonial-text-box {
        top: 0 !important;
    }

    .testamonial-text-box {
        position: absolute;
        top: 40%;
        width: 100%;
        margin: auto;
        position: static;
        top: 40%;
        width: 100%;
        margin: auto;
        background-color: #041b72;
        /* margin-bottom: 97px; */
        padding-bottom: 68px;
    }

        .testamonial-text-box p {
            width: 100%;
            width: 80%;
            font-size: 10px;
            display: block;
            line-height: 14px;
        }

    .footer-right {
        background-color: #041b72;
        width: 100%;
        /* margin-left: 2%; */
    }

    .ImgRespSelf {
        width: 85px;
        height: auto;
    }

    .book-sm-detail-box {
        width: 90%;
        height: 400px;
    }

    .PagResp {
        width: 200px !important;
        margin-top: 90px !important;
    }

    .pagiWidth {
        display: none;
    }

    .marginRight60 {
        margin-right: 0px;
    }

    .marginLeft60 {
        margin-left: 0px;
    }

    .prod-left-content {
            width: 100%;
    margin-right: 2%;
    text-align: left;
    float: none !important;
    }
    .prod-right-content {
    width: 100%;
    float: none !important;
    margin-top: 25px;
}

    .prod-detail-box .individual-songs-list {
        overflow:auto
    }
    .cart-btm-two-col {
        width: 90%;
    }

    .app-code-box {
        float: none !important;
    margin-bottom: 35px;
    width: 100%;
    }

    .price-box {
        width: 100%;
    }

    .sub-nav a {
        display: block;
    }


    /*New*/

    .menu-container {
        width: 100% !important;
    }

    .tp-left-text.font-style.pull-left {
        /*display: none !important;*/
        text-align:center;
        float:none;
    }

    .search-btn-bx.pull-left {
        margin-top: 10px;
    }

    .search-bx.pull-left.width-400 {
        width: 97%;
        margin-top: 10px;
        margin-left: 5px;
    }

    .resources-bx select {
        right: 0px;
    }

    .book-img-box img {
        width: 100%;
        height: auto !important;
    }

    /*.tabViewGOHomeBtn {
        margin-top: 0px !important;
    }*/


    .tabViewSearchBox {
        border: none !important;
        padding: 0px !important;
    }

    .footer-nav.a-tag-style.pull-left {
        margin: 0 auto;
        float: none !important;
        text-align: center;
        margin-bottom: 10px;
    }

    .footer-social-box.pull-left.SOcialHomeMaster {
        text-align: center;
        margin: 0 auto;
        float: none;
    }

    .copyright-text.pull-right.BottomMasterText {
        margin: 0 auto;
        text-align: center;
        float: none;
        width: 100%;
    }
    .footer-nav {
        text-align:center;
        width:100%;
    }
    .footer-nav a {
        margin-right:0px;
        display:block;
        margin-bottom:5px;
    }

    ul.menu ul {
            top: auto !important;
            width: auto !important;
            left: 0px !important;
            position: relative !important;
            display: block;
    }

    /*a#ctl00_ctl00_Body_HyperLink1 {
        font-size: 10px;
    }

    a#ctl00_ctl00_Body_btnSubmit {
        font-size: 10px;
    }*/

    .tp-right-text.font-style.a-tag-style.pull-right {
        padding-left:0px;
        float:none;
    }

    .top-header-right.pull-right {
        /*float: left;*/
        float:none;
    }

    #MasterLOgoSection {
        width: 100% !important;
    }

    #InnerMasterLogoSection {
        width: 100% !important;
    }

    #LogoBoxMaster a img {
        width: 80% !important;
        margin: 0 auto;
        margin-left: auto;
    }

    #MasterSearchBox {
            width: 96%;
    float: none;
    margin: auto;
    }

    a#ctl00_ctl00_Body_BodyContent_GroupLink {
        display: block;
        float: left;
    }

    .books-heading.a-tag-style.SettingOverloadRight {
        /*display: none;*/
    }

    .books-heading.a-tag-style.SettingOverload {
        width: 100% !important;
        display: block;
    }

    #MsaterBotomLogo1 {
        /*background-color: transparent !important;*/
    }

    #MsaterBotomLogo2 {
        background-color: transparent !important;
    }

    .books-mini-boxes.mrg-right-nw {
        display: block;
        width: 100% !important;
    }

    .mini-box.pull-left.a-tag-style.pad-tp-bt-20.width-11new.height300px.display-block.widthLatest {
        margin-right: 1px;
        float: left !important;
    }

    div#CoralsBestSelling {
        margin-left: 0px !important;
    }

    #LanBestSellingHeading {
        width: 100%;
        display: block;
    }

    #LanBestSellingCoral {
        width: 100%;
        float: left !important;
    }

    #LanFeaturedHeading {
        width: 100%;
        float: left;
    }

    #LanFeaturedHeadingSeeMore {
        width: 100%;
        float: left;
    }

    .mini-box.pull-left.a-tag-style.pad-tp-bt-20.height300px.display-block {
    }

    .mini-box.pull-left.a-tag-style.pad-tp-bt-20.height300px.display-block {
        width: 41% !important;
        margin-right: 6%;
    }

    .RingTORuleThemAll {
        margin: 0px;
        display: block;
        margin: 0 auto;
        margin-bottom: 5px;
    }

    .LOrdOftheSOrting {
        font-size: 10px !important;
    }

    #MsaterBotomLogo1 {
        margin-bottom: 0px;
        padding: 0px;
        float: none;
        width: 100%;
        text-align: center;
    }

        #MsaterBotomLogo1 img {
            margin-left: 0 !important;
            margin: 0 auto !important;
            /*padding-left: 40% !important;*/
            padding-right: 0px !important;
    }


    #MsaterBotomLogo2 {
        text-align: center !important;
        margin-top: 0px;
        padding: 0px;
        float: none;
        width: 100%;
        background-color: #fff !important;
        margin: auto;
            height: auto;
    }

    #MsaterBotomLogo2 img {
        margin-left: 0 !important;
        margin: 0 auto !important;
        /*padding-left: 40% !important;*/
        padding-right: 0px !important;
        width: 80% !important;
    }
    /*Adil480 */
    .continue-btn a {
        margin-bottom:10px;
    }
    .logo-box {
        width: 100%;
        float: none !important;
        margin: auto;
        text-align: center;
    }
    .selling-books-right {
        width: 100%;
        float: none;
    }
    .selling-books-left {
        width: 100%;
        float: none;
    }
    .selling-books-left .mini-box.pull-left.a-tag-style.pad-tp-bt-20.height300px.display-block {
        width: 48% !important;
        margin-right: 2% !important;
    }
    .selling-books-right .mini-box.pull-left.a-tag-style.pad-tp-bt-20.height300px.display-block{
    width: 48% !important;
    margin-right: 2% !important;
    float: left !important;
}
    .footer-right .width-25 {
    margin-left: 0%;
    margin-top: 2%;
    margin-bottom: 1%;
    float: none;
    text-align: center;
    width: 100%;
}
    .email-text {
        width: 100% !important;
        text-align: center;
        margin-bottom: 10px;
    }

    .inner-wrapper {
        width: 98%;
        margin: auto;
    }
    .create-acc-box .two-col {
    
    }
    .create-acc-box .two-col .col2 {
        width: 96%;
        float: none;
        margin: auto;
        border: 0px;
    }
    .create-acc-box .form-wrap {
        width: 95% !important;
        height: auto;
        padding: 0px 1%;
    }
    .checkout-guest-popup .fileds-wrap{
        width: 100%;
    }

    /*Tmp product listing */
    .tmp-product-listing-layout .book-sm-detail-box {
            width: 100%;
        height: auto;
        margin-bottom: 10px;
        float: none;
        margin-top: 20px;
    }
    .tmp-product-listing-layout .book-sm-detail-box .book-sm-img {
        width: 30%;
        float: none;
        text-align: center;
        margin: auto;
    }  
    .tmp-product-listing-layout .book-sm-detail-box .book-sm-detail {
        width: 100%;
        float: none;
    } 

    /*top-header-styling*/
    .signout-links {
        float: none;
        text-align: center;
    }
    .top-login-reg-links {
        float: none;
        text-align: center;
    }
    .top-account-links {
        float: none;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer-desktop-img {
        display:none;
    }
    .footer-mobile-img {
        display:block;
    }
    .email-search-box {
        margin-left: auto !important;
    }
    .ft-newsletter-search{
        float: none !important;
        margin: auto;
        width: 90%;
    }
    .btm-search-bx {
        width: 100%;
        float: none !important;
    }
    .bought-box {
        padding:0px;
    }

    /* Cart Page Styling*/
    .col-left-cart .gift-img {
        width: 112px;
        float: none;
        margin: auto;
    }
    .col-left-cart .cart-right {
        width: 100%;
        float: none;
    }
    .cart-btm-two-col {
        width: 100% !important;
        float: none !important;
    }
    .app-code-box span {
        float: none;
    }

    /*Payment page*/
    .card-no-box {
        width:100% !important;
    }
    .card-no-box .fileds-wrap {
        width: 100% !important;
        float: none;
        margin-right: 0px;
    }
    .expiry-box span {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    .expiry-box span select {
        margin-left: 0px;
        width: 100%;
    }
    .card-detail-row {
        width:100%;
        display: flex;
    }
    .invoice-box {
        width: 100%;
    }

    .pd-add-cart-col-1 {
        width:100%;
        margin-bottom: 10px;
    }
    .pd-add-cart-col-2,
    .pd-add-cart-col-3{
        width:48%;
        margin-right:1%;
        margin-top:0px;
    }
    .pd-add-cart-col-3 {
        text-align: right;
    }
    .song-type .sp-quantity {
        width:100%;
        float:none;
    }
        
    
    .pd-add-cart-col-4 {
        width:100%;
        text-align: center;
        margin-top: 10px;
    }

    .top-row-inline {
        /* display: inline; */
        display: block;
    }
    

    .pd-add-cart-col-2 .widthFixed60px {
        width:100%;
    }

    .detail-breadcrumbs {
        float: none !important;
        margin-bottom:10px;
    }
    .detail-social-icons {
        margin-left: 8px;
        float: none !important;
        margin-top:0px;
    }

    .col-1-pd, .col-2-pd, .col-3-pd {
        width: 100%;
        float: none;
        text-align:center;
        margin-bottom: 10px;
    }
    .privew-modal-footer{
        height:auto;
    }
    .col-1-pd span, .col-2-pd span, .col-3-pd span{
        margin:0px !important;
    }
    .content-layout-tmp iframe{
        width: 100% !important;
    }

    .toast-container {
    
    }

    .detail-img-wrap {
        width:50%;
        margin:auto;
    }

     #toast-container {
        right:10px;
        width: auto;
    }
    #toast-container > div {
        width:auto;
    }

    .mini-billing-add-box {
        width: 100%;
        margin-right: auto !important;
        float: none !important;
        margin: auto;
        margin-bottom: 15px;
    }

}

/*Smartphone*/
@media only screen and (max-width : 320px) {
    .top-menu nav li {
        display: block;
        float: none;
        width: 100%;
    }

    .top-menu nav ul li a {
        border-bottom: 1px solid #fff;
        padding-right: 0px;
        padding-left: 0px;
    }

        .top-menu nav ul li a:hover,
        .top-menu nav ul .active > a {
            background-color: #404041;
            
            color: #fff;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-top: none;
            border-bottom: 1px solid #fff;
        }

    .testamonial-text-box p {
        width: 100%;
    }

    .RDDropDownImg {
        display: none;
    }

    .width-500x {
        width: 100%;
    }

    .new-search-inpt {
        border: 1px solid #e2e2e2;
    }

    .PositionAbsoluteCus {
        display: none;
    }

    .books-heading {
        margin-top: 120px;
    }

    .testamonial-wrapper {
        /* position: relative; */
        width: 100%;
        margin: auto;
        height: 300px;
        color: #fff;
        background-color: #041b72;
    }

    .testamonial-text-box {
        top: 0;
    }

    .book-sm-detail-box {
        height: 400px;
    }

    .search-bx .new-search-inpt {
        width: 100%;
        /* height: 18px; */
        border: 1px solid #e2e2e2;
        font-family: 'Open Sans';
        /* height: 24px; */
        padding: 11.5px 0px;
        padding-left: 5px;
        font-size: 12px;
        color: #898989;
        /* border-left: none; */
        position: relative;
        /* left: -5px; */
        outline: none;
    }

    .width-500x {
        width: 95%;
        float: right !important;
        /*border: 2px solid gray;*/
        border-left: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .cart-btm-two-col {
        width: 90%;
    }

    .app-code-box {
        float: none !important;
    margin-bottom: 35px;
    width: 100%;
    }

    .price-box {
        width: 90%;
    }

    .sub-nav a {
        display: block;
    }

    /*Payment page*/
    .card-no-box {
        width:100% !important;
    }
    .card-no-box .fileds-wrap {
        width: 100% !important;
        float: none;
        margin-right: 0px;
    }
    .expiry-box span {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    .expiry-box span select {
        margin-left: 0px;
        width: 100%;
    }
    .card-detail-row {
        width:100%;
        display: flex;
    }
    .invoice-box {
        width: 100%;
    }

    #toast-container {
        right:10px;
        width: auto;
    }
    #toast-container > div {
        width:auto;
    }

}


@media only screen and (min-width : 481px) and (max-width: 768px) {
    .logo-wrap {
        width: 17.4%;
        height: 41px;
        margin-top: 28px;
    }

    .header {
        width: 98%;
        margin: auto;
        height: auto;
    }

    .tp-right-text {
        float: none;
        /*width:100%;*/
        width: 318px;
        margin: auto;
        float: none !important;
        padding-left: 0px;
    }

    .logo-box {
        
        float: none !important;
        margin: auto;
        text-align: center;
    }
    .search-box-wrap {
        float: none;
    }

    .top-menu nav ul li a {
        padding: 7px 5px 8px 5px !important;
    }

    .userinfo {
        margin-top: 29px;
        width: 100%;
    }

    .top-menu {
        height: 39px;
        /*width: 100%;*/
        margin-top: 5px !important;
        margin: auto;
        margin-left: 0px !important;
    }

        .top-menu .first-link {
            padding-left: 0px !important;
        }

    .bastine-box {
        width: 100%;
        margin: auto;
        margin-top: 42px;
    }

    .bastine-text-box {
        width: 95%;
        margin: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        float: none;
    }

    .bastine-img-box {
        width: 100%;
        float: none;
        margin: auto;
        text-align: center;
    }

        .bastine-img-box img {
            width: 100%;
        }

    .align-middle-box {
        width: 98%;
        margin: auto;
        height: auto;
    }

    .footer-links {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    .copyright {
        float: none;
        text-align: center;
    }

    .all-top-menu ul .active a {
        line-height: 30px !important;
    }

    .filter-tools {
        width: 100%;
        margin-top: 14px;
    }

    .mrg-rgt-60 {
        width: 100%;
    }

    .mrg-rgt-25 {
        margin-right: 15px;
        margin-top: 10px;
    }

    .switch-col {
        padding-top: 18px;
    }


    .mrg-rgt-60 {
        margin-top: 10px;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }


    .show-filters-new {
        width: 100% !important;
        position: relative;
        margin-top: 7px !important;
        text-align: center;
    }

    .sort-by {
        text-align: center;
        width: 100%;
    }

    .mrg-rgt-25 {
        margin-right: 25px;
        margin-top: 2px;
        width: 100%;
        text-align: center;
    }

    .inner-page-title {
        width: 100%;
        text-align: center;
    }

    .item-counts {
        width: 100%;
        text-align: center;
        margin-left: 0px !important;
    }


    /*Product listing styling*/
    .listing-product {
        width: 327px;
        height: 229px;
        float: none;
        margin: auto;
        margin-bottom: 20px;
    }

        .listing-product img {
            width: 100%;
        }

    .product-listing-layout .listing-product:nth-child(3n+3) {
        margin: auto;
        margin-bottom: 20px;
    }

    /*Home styling 10-15-2015*/
    .login-reg-links ul {
        margin-top: 0px !important;
    }

    .userinfo {
        width: 100%;
        margin: auto;
        margin-top: 20px;
    }

    .mr-left35 {
        margin-left: 10%;
    }

    .vintage-left {
        width: 100%;
        margin-top: 100px;
        margin: auto;
        float: none !important;
    }

    .page-title {
        font-size: 43px;
    }

    .vintage-right {
        width: 50%;
        margin: auto;
        float: none !important;
        margin-top: 20px;
    }

        .vintage-right img {
            width: 100%;
        }

    .home-featured-single {
        /* width: 50%; */
        /* margin: auto; */
        float: none !important;
        margin: auto;
        margin-bottom: 15px;
    }

        .home-featured-single .featured-image img {
            width: 100%;
        }

    .behind-gobbi-single {
        width: 45%;
        margin: auto;
        float: none;
    }

        .behind-gobbi-single img {
            width: 100%;
        }

    .behind-details img {
        width: auto !important;
    }

    .behind-details {
        margin-top: 100px;
    }

    .ft-col-1, .ft-col-2, .ft-col-3, .ft-col-4 {
        width: 45%;
        margin-left: 1%;
    }

    .home-txt-box {
        margin-bottom: 5px;
    }

    .bg-lightgrey {
        padding: 0px !important;
    }

    .show-filters {
        margin: auto;
        float: none;
        margin-bottom: 10px;
    }

    .filter-col-1, .filter-col-2, .filter-col-3, .filter-col-4 {
        width: 100%;
        float: none;
        margin: auto;
        text-align: center;
    }

    .filter-close {
        width: 100%;
        margin: auto;
        text-align: center;
        padding-bottom: 10px;
    }

    .sorting-box {
        margin-top: 30px;
        /*padding-top:60px;*/
        display: block;
    }

    .book-sm-detail-box {
        width: 48%;
    }

    .ImgRespSelf {
        width: 90%;
        height: 90%;
    }

    .width-12 {
        width: 25%;
    }

    .footer-right {
        width: 100%;
    }

    .pagiWidth {
        display: none;
    }

    .PagResp {
        /*width: 200px !important;*/
        margin-top: 90px !important;
        width: 360px !important;
    }

    .pageResp div input {
        margin: auto;
        display: block;
        float: none;
    }

    .respInput {
        margin: auto;
        float: none;
    }

    .menu-container {
        /*height: 250px !important;*/
            height: auto !important;
    }
    /*Frank @6th January 2017*/
    .prod-left-content {
            width: 100%;
    margin-right: 2%;
    text-align: left;
    float: none !important;
    }
    .prod-right-content {
    width: 100%;
    float: none !important;
    margin-top: 25px;
}

    .prod-detail-box .individual-songs-list {
        overflow:auto
    }

    .mrgnwtp {
        margin-top: 40px !important;
    }

    .add2bag-btn {
        margin-top: 40px;
    }

    .resources-bx {
        width: 100%;
    }

        .resources-bx select {
            width: 100%;
        }

    .search-box {
        width: 100%;
        margin-top: 15px;
        margin: 10px;
    }

    .search-btn-bx {
        float: right !important;
        border-radius: 7px;
        float: right !important;
        border-radius: 7px;
        border: 1px solid darkblue;
    }

    .tp-left-text {
        width: 100%;
        float: none;
        text-align: center;
    }

    .hideOnResp {
        display: none;
    }

    .top-header-right {
        width: 100%;
        float: none;
        margin: auto;
    }

    .testamonial-text-box p {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
    }

    .RDDropDownImg {
        display: none;
    }

    .width-500x {
        width: 100%;
    }

    .new-search-inpt {
        border: 1px solid #e2e2e2;
    }

    .PositionAbsoluteCus {
        display: none;
    }

    .books-heading {
        margin-top: 00px;
    }

    .testamonial-wrapper {
        /* position: relative; */
        width: 100%;
        margin: auto;
        height: auto;
        color: #fff;
        background-color: #041b72;
    }

    .testamonial-text-box {
        top: 0;
        padding-top: 20px;
        width: 96%;
    }

    .book-sm-detail-box {
        height: 400px;
    }

    .search-bx .new-search-inpt {
        width: 100%;
        /* height: 18px; */
        border: 1px solid #e2e2e2;
        font-family: 'Open Sans';
        /* height: 24px; */
        padding: 11.5px 0px;
        padding-left: 5px;
        font-size: 12px;
        color: #898989;
        /* border-left: none; */
        position: relative;
        /* left: -5px; */
        outline: none;
    }

    .width-500x {
        width: 95%;
        float: right !important;
        /*border: 2px solid gray;*/
        border-left: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .cart-btm-two-col {
        width: 90%;
    }

    .app-code-box {
        float: none !important;
        margin-bottom: 35px;
    }
        .app-code-box span {
            float:none;
        }

    .price-box {
        width: 100%;
    }

    .sub-nav a {
        display: block;
    }

    .menu-container {
        width: 100% !important;
    }

    .tp-left-text.font-style.pull-left {
        display: block !important;
        float: none;
    }

    .search-btn-bx.pull-left {
        margin-top: 10px;
    }

    .search-bx.pull-left.width-400 {
            width: 100%;
    margin-top: 10px;
    }

    .resources-bx select {
        right: 0px;
    }

    .book-img-box img {
        width: 100%;
        height: auto !important;
    }

    .tabViewGOHomeBtn {
        margin-top: 0px !important;
    }


    .tabViewSearchBox {
        border: none !important;
        padding: 0px !important;
    }

    .footer-nav.a-tag-style.pull-left {
        margin: 10px auto;
        float: none !important;
        text-align: center;
            width: 100%;
    }

    .footer-social-box.pull-left.SOcialHomeMaster {
        text-align: center;
        margin: 10px auto;
        float: none;
            width: 100%;
    }

    .copyright-text.pull-right.BottomMasterText {
        margin: 0 auto;
        text-align: center;
        float: none;
        width: 100%;
    }

    ul.menu ul {
            top: auto !important;
            width: auto !important;
            left: 0px !important;
    }

    .mini-box.pull-left.a-tag-style.pad-tp-bt-20.height300px.display-block {
        width: 18% !important;
        margin-right: 6%;
    }


    /*Home Adil Styling*/

    .MsaterBotomLogo1 {
        width: 100% !important;
        text-align: center;
        padding-bottom: 0px;
    }

    .MsaterBotomLogo1 img {
        margin: 0px;
        padding: 10px 0px;
    }

    .footer-logo {
        width: 100%;
        padding-bottom: 0px;
    }

    .footer-logo img {
        width: auto;
        margin: auto;
        margin-right: auto !important;
    }

    .selling-books-left .mini-box.pull-left.a-tag-style.pad-tp-bt-20.height300px.display-block {
        width: 48% !important;
        margin-right: 2%;
    }

    .selling-books-right .mini-box.pull-left.a-tag-style.pad-tp-bt-20.height300px.display-block {
        width: 48% !important;
        margin-right: 2%;
        float: left !important;
    }

    .footer-right .width-25 {
        margin-left: 5%;
        margin-top: 2%;
        margin-bottom: 21px;
        float: none;
    }
    .inner-wrapper {
        width: 98%;
        margin: auto;
    }
    .create-acc-box .two-col {
    
    }
    .create-acc-box .two-col .col2 {
        width: 60%;
        float: none;
        margin: auto;
        border: 0px;
    }
    .create-acc-box .form-wrap {
        width: 95% !important;
        height: auto;
        padding: 0px 1%;
    }
    .category-nav-box .menu{
    padding-left: 0px;
    }

    .checkout-guest-popup .fileds-wrap{
        width: 100%;
    }

    /*Tmp product listing */
    .tmp-product-listing-layout .book-sm-detail-box .book-sm-img {
        width: 30%;
        float: none;
        text-align: center;
        margin: auto;
    }  
    .tmp-product-listing-layout .book-sm-detail-box .book-sm-detail {
    width: 100%;
    float: none;
}  

    /*top-header-styling*/
    .signout-links {
        float: none;
        text-align: center;
    }
    .top-login-reg-links {
        float: none;
        text-align: center;
    }
    .top-account-links {
        float: none;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footer-desktop-img {
        display:none;
    }
    .footer-mobile-img {
        display:block;
    }
    .ft-newsletter-text {
    width: 40%;
}
    .bought-box {
        padding:0px;
    }
    /* Cart Page Styling*/
    .col-left-cart .gift-img {
        width: 112px;
        float: none;
        margin: auto;
    }
    .col-left-cart .cart-right {
        width: 100%;
        float: none;
    }
    .cart-btm-two-col {
         width: 100%;
        float: none;
    }

    /*Payment page*/
    .card-no-box {
        width:100% !important;
    }
    .card-no-box .fileds-wrap {
        width: 100% !important;
        float: none;
        margin-right: 0px;
    }
    .expiry-box span {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    .expiry-box span select {
        margin-left: 0px;
        width: 100%;
    }
    .card-detail-row {
        width:100%;
        display: flex;
    }
    .invoice-box {
        width: 100%;
    }

    .pd-add-cart-col-1 {
        width:100%;
        margin-bottom: 10px;
    }
    .pd-add-cart-col-2,
    .pd-add-cart-col-3,
    .pd-add-cart-col-4 {
        width:30%;
        margin-right:1%;
        margin-top:0px;
    }

    .top-row-inline {
        /* display: inline; */
        display: block;
    }
    

    .pd-add-cart-col-2 .widthFixed60px {
        width:100%;
    }
    #toast-container {
        right:10px;
        width: auto;
    }
    #toast-container > div {
        width:auto;
    }

    .detail-breadcrumbs {
        float: none !important;
        margin-bottom:10px;
    }
    .detail-social-icons {
        margin-left: 8px;
        float: none !important;
        margin-top:0px;
    }
    .content-layout-tmp iframe{
            width: 100% !important;
    }

    .detail-img-wrap {
        width:50%;
        margin:auto;
    }
    .mini-billing-add-box {
        width: 47%;
        margin-right: 3% !important;
    }

    
}
/*Adil769*/
@media only screen and (min-width : 769px) and (max-width: 1024px) {
    .logo-wrap {
        width: 17.4%;
        height: 41px;
        margin-top: 28px;
    }
    .logo-box {
        width:22.5%;
    }
    .search-bx {
    width: 27%;
}

    .header {
        width: 98%;
        margin: auto;
        height: auto;
    }

    .top-menu nav ul li a {
        padding: 7px 6px 8px 8px !important;
    }

    .userinfo {
        margin-top: 29px;
        width: 100%;
        margin: auto;
    }

    .top-menu {
        /*width: 66%;*/
        margin: auto;
        margin-top: 4%;
    }

        .top-menu .first-link {
            padding-left: 0px !important;
        }

    .bastine-box {
        width: 100%;
        margin: auto;
        margin-top: 42px;
    }

    .bastine-text-box {
        width: 28.3%;
        margin-left: 3%;
        margin-top: 14.9%;
    }

    .bastine-img-box {
        width: 62.7%;
    }

        .bastine-img-box img {
            width: 100%;
        }



    .align-middle-box {
        width: 98%;
        margin: auto;
        height: auto;
    }

    .filter-tools {
        width: 100%;
        margin-top: 14px;
    }

    /*Product listing styling*/
    .listing-product-size {
        height: auto;
    }

    .listing-product {
        width: 31%;
        height: auto !important;
        float: left;
        margin-right: 10px !important;
        position: relative;
        margin-bottom: 20px;
    }

        .listing-product img {
            width: 100%;
        }

    /*Home styling 10-15-2015*/
    .mr-left35 {
        margin-left: 10%;
    }

    .vintage-left {
        width: 52.4%;
        margin-top: 100px;
        margin: auto;
    }

    .page-title {
        font-size: 43px;
    }

    .vintage-right {
        width: 41%;
    }

        .vintage-right img {
            width: 100%;
        }

    .home-featured-single {
        width: 24%;
    }

        .home-featured-single .featured-image img {
            width: 100%;
        }

    .behind-gobbi-single {
        width: 26%;
    }

        .behind-gobbi-single img {
            width: 100%;
        }

    .behind-details img {
        width: auto !important;
    }

    .behind-details {
        margin-top: 100px;
    }

    .ft-col-1, .ft-col-2, .ft-col-3, .ft-col-4 {
        width: 45%;
        margin-left: 1%;
    }

    /*inner-page*/
    .product-listing-layout .price {
        padding-bottom: 0px !important;
    }

    .product-listing-layout .product-name {
        padding-bottom: 0px !important;
    }

    .product-info-hover {
        padding: 0px 0px 0px 0px;
    }

    .filter-col-1, .filter-col-2, .filter-col-3, .filter-col-4 {
        width: 30%;
    }

    /*Blog-responsive*/
    .prod-detail-left {
        width: 68.3%;
    }

    .prod-detail-right {
        width: 29%;
        margin-left: 30px;
    }

    .ImgRespSelf {
        width: 90% !important;
        height: 90% !important;
    }

    .PagResp {
        width: 100px !important;
        /*height: 400px !important;*/
    }

    .pagiWidth {
        display: none;
    }

    .marginLeft60 {
        margin-left: 0px;
    }

    .prod-left-content img {
        width: 100%;
        height: auto;
    }

    .prod-right-content {
        width: 66%;
        float: right !important;
    }

    .menu-container {
        height: 100px !important;
    }

    .width-12 {
        width: 20%;
    }

    .width-500x {
        width: 31%;
    }

    .testamonial-text-box {
        position: absolute;
        top: 7%;
        width: 100%;
        margin: auto;
    }

        .testamonial-text-box p {
            width: 100%;
        }

    .book-sm-detail-box {
        height: 400px;
    }

    .enLargeImage {
        display: none;
    }

    .cart-btm-two-col {
        width: 90%;
    }

    .app-code-box {
        float: right !important;
        margin-bottom: 35px;
    }
    .inner-wrapper {
        width: 98%;
        margin: auto;
    }
    .create-acc-box .register-form-wrap.form-wrap {
        width:80% !important
    }

    .footer-logo {
        padding-right: 1%;
    }

    .selling-books-left .mini-box.pull-left.a-tag-style.pad-tp-bt-20.height300px.display-block {
        width: 30% !important;
        margin-right: 1%;
    }
    .selling-books-left .mini-box.pull-left.a-tag-style.pad-tp-bt-20.height300px.display-block img
    {
        width:100%;
    }
   .selling-books-right .mini-box.pull-left.a-tag-style.pad-tp-bt-20.height300px.display-block {
        width: 30% !important;
        margin-right: 1%;
        float: left !important;
        
    }
    .selling-books-right .mini-box.pull-left.a-tag-style.pad-tp-bt-20.height300px.display-block img {
         width:100%;
    }
    .detail-breadcrumbs {
        float: none !important;
        margin-bottom:10px;
    }
    .detail-social-icons {
        margin-left: 8px;
        float: none !important;
    }
    .add2bag-btn a {
        font-size:9px;
    }
    
}

@media only screen and (min-width : 1025px) and (max-width: 1340px) {
    .logo-wrap {
        width: 17.4%;
        height: 41px;
        margin-top: 28px;
    }

    .header {
        width: 86%;
        margin: auto;
        height: auto;
    }
    .logo-box {
        width:22.5%;
    }
    .top-menu nav ul li a {
        padding: 7px 6px 8px 8px !important;
    }

    .bastine-box {
        width: 100%;
        margin: auto;
        margin-top: 42px;
    }

    .bastine-text-box {
        width: 28.3%;
        margin-left: 3%;
        margin-top: 14.9%;
    }

    .bastine-img-box {
        width: 62.7%;
    }

        .bastine-img-box img {
            width: 100%;
        }

    .align-middle-box {
        width: 98%;
        margin: auto;
        height: auto;
    }
    .cart-btm-two-col {
        width: 100%;
    }

    .listing-product-size {
        height: 36.4% !important;
    }

    .listing-product-size img {
        width: 100%;
    }

    /*Product listing styling*/
    .listing-product-size {
        height: auto;
    }

    .listing-product {
        width: 27.9%;
        height: auto !important;
        float: left;
        margin-right: 50px !important;
        position: relative;
        margin-bottom: 20px;
    }

        .listing-product img {
            /*width:100%;*/
        }


    /*Home styling 10-15-2015*/
    .mr-left35 {
        margin-left: 4%;
    }

    .vintage-left {
        width: 52.4%;
        margin-top: 100px;
    }

    .vintage-right {
        width: 41%;
    }

        .vintage-right img {
            width: 100%;
        }

    .home-featured-single {
        width: 26%;
    }

        .home-featured-single .featured-image img {
            width: 100%;
        }

    .behind-gobbi-single {
        width: 27.8%;
    }

        .behind-gobbi-single img {
            width: 100%;
        }

    .behind-details img {
        width: auto !important;
    }

    .ft-col-1, .ft-col-2, .ft-col-3, .ft-col-4 {
        width: 24%;
        margin-left: 1%;
    }

    /*Blog-responsive*/
    .prod-detail-left {
        width: 68.3%;
    }

    .prod-detail-right {
        width: 29%;
        margin-left: 30px;
    }

    /*Frank Remove me*/
    .width-12 {
        width: 20.5%;
    }

    .menu-container {
        height: auto !important;
    }
    /*End Frank*/

    .inner-wrapper {
        width: 98%;
        margin: auto;
    }
    .create-acc-box .register-form-wrap.form-wrap {
     width:70% !important
    }

    .selling-books-left .mini-box.pull-left.a-tag-style.pad-tp-bt-20.height300px.display-block {
        width: 30% !important;
        margin-right: 1%;
    }
    
   .selling-books-right .mini-box.pull-left.a-tag-style.pad-tp-bt-20.height300px.display-block {
        width: 30% !important;
        margin-right: 1%;
        float: left !important;
        
    }
   
}