@media only screen and (max-width: 767px) {
    .mobile-header {
        position: fixed;
        width: 100%;
    }
    #home{
        background-size: contain;
        background-position: bottom;
        background-image:url('http://www.tourajmusic.com/wp-content/themes/tourajmusic/assets/img/bg-mobile.jpg')!important;
    }
    .home .mobile-header {
        display:none!important;
    }
    .main-tag {
        justify-content: flex-start;
        padding-right: 0;
        align-items: center;
        padding-top: 10%;
    }
    .main-tag img{
        width:30%;
    }
    .main-tag button{
        margin:0;
    }
    .newheight {
        height: 65px;
    }
    .home .newheight {
        height: 0;
    }
    .logo img {
        width: 55px;
    }
    .container-left-side {
        padding: 15px;
    }
    .search-form {
        padding: 0;
        width: 60%;
    }
    .search-form label {
        width: 100%;
    }
    .left-side-image,
    .audio-single h1,
    .des1,
    .padding-single,
    .des2 {
        padding: 0 15px;
    }
    .pdf-button a {
        margin-bottom: 15px;
    }
    .audio>a {
        flex-direction: column;
    }
    .song {
        margin-right: 0;
        text-align: center;
        margin-top: 15px;
    }
    .page-numbers {
        margin: 10px 5px 10px;
    }
    .pagin {
        overflow: scroll;
        width: 100%;
        white-space: nowrap;
    }
    .table {
        padding: 0 0px;
        margin-bottom: 2rem;
    }
    .details,
    .first-row {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .details>div,
    .first-row>div {
        display: inline-block;
    }
    .artwork {
        padding: 0 0 0px;
    }
    .newss a img {
        width: 150px;
        height: 150px;
    }
    .other-news {
        padding: 0;
    }
    .other-news .newss a img {
        width: 100%;
        height: 150px;
    }
    .art-img {
        margin: 0px;
    }
    .no-gutter {
        display: grid;
        grid-template-columns: 50% 50%;
    }
    .gallery-a-link {
        width: auto;
        height: auto;
        margin: 2px;
        float: none;
    }
    .photo img {
        width: 100%;
        height: 120px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .mobile-header {
        position: fixed;
        width: 100%;
    }
    .home .mobile-header {
        display:none!important;
    }
    #home{
        background-size: contain;
        background-position: bottom;
        background-image:url('http://www.tourajmusic.com/wp-content/themes/tourajmusic/assets/img/bg-mobile.jpg')!important;
    }
    .main-tag {
        justify-content: flex-start;
        padding-right: 0;
        align-items: center;
        padding-top: 10%;
    }
    .main-tag img{
        width:30%;
    }
    .main-tag button{
        margin:0;
    }
    .newheight {
        height: 65px;
    }
    .home .newheight {
        height: 0;
    }
    .logo img {
        width: 55px;
    }
    .container-left-side {
        padding: 15px;
    }
    .search-form {
        padding: 0;
        width: 60%;
    }
    .search-form label {
        width: 100%;
    }
    .left-side-image,
    .audio-single h1,
    .des1,
    .padding-single,
    .des2 {
        padding: 0 15px;
    }
    .pdf-button a {
        margin-bottom: 15px;
    }
    .audio>a {
        flex-direction: column;
    }
    .song {
        margin-right: 0;
        text-align: center;
        margin-top: 15px;
    }
    .page-numbers {
        margin: 10px 5px 10px;
    }
    .pagin {
        overflow: scroll;
        width: 100%;
        white-space: nowrap;
    }
    .table {
        padding: 0 0px;
        margin-bottom: 2rem;
    }
    .details,
    .first-row {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .details>div,
    .first-row>div {
        display: inline-block;
    }
    .artwork {
        padding: 0 0 0px;
    }
    .newss a img {
        width: 150px;
        height: 150px;
    }
    .other-news {
        padding: 0;
    }
    .other-news .newss a img {
        width: 100%;
        height: 150px;
    }
    .art-img {
        margin: 0px;
    }
    .no-gutter {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
    }
    .gallery-a-link {
        width: auto;
        height: auto;
        margin: 2px;
        float: none;
    }
    .photo img {
        width: 100%;
        height: 120px;
    }
    .audio img {
        width: 100%;
    }
    .other-news .newss img {
        z-index: -1;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .newss a img,
    .other-news .newss a img {
        height: 170px;
    }
    .search-form {
        padding: 0;
        width: 100%;
    }
    .search-form label {
        width: 100%;
    }
    .no-gutter {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
    }
    .gallery-a-link {
        width: auto;
        height: auto;
        margin: 2px;
        float: none;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 1200px) {
    .newss a img,
    .other-news .newss a img {
        height: 170px;
    }
    .search-form {
        padding: 0;
        width: 100%;
    }
    .search-form label {
        width: 100%;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 1440px) {
    .newss a img,
    .other-news .newss a img {
        height: 170px;
    }
}

@media only screen and (min-width: 1601px) {}

@media only screen and (max-width: 767px) and (orientation:landscape) {
    .mobile-header {
        position: fixed;
        width: 100%;
    }
    #home{
        background-size: contain;
        background-position: bottom;
        background-image:url('http://www.tourajmusic.com/wp-content/uploads/2020/12/home-bg.jpg')!important;
    }
    .home .mobile-header {
        display:none!important;
    }
    .main-tag {
        justify-content: space-around;
        padding-right: 10%;
        align-items: flex-start;
        padding-top: 10%;
    }
    .main-tag img{
        width:30%;
    }
    .main-tag button{
        margin:0;
    }
    .newheight {
        height: 65px;
    }
    .home .newheight {
        height: 0;
    }
    .logo img {
        width: 55px;
    }
    .container-left-side {
        padding: 15px;
    }
    .search-form {
        padding: 0;
        width: 60%;
    }
    .search-form label {
        width: 100%;
    }
    .left-side-image,
    .audio-single h1,
    .des1,
    .padding-single,
    .des2 {
        padding: 0 15px;
    }
    .pdf-button a {
        margin-bottom: 15px;
    }
    .audio>a {
        flex-direction: column;
    }
    .song {
        margin-right: 0;
        text-align: center;
        margin-top: 15px;
    }
    .page-numbers {
        margin: 10px 5px 10px;
    }
    .pagin {
        overflow: scroll;
        width: 100%;
        white-space: nowrap;
    }
    .table {
        padding: 0 0px;
        margin-bottom: 2rem;
    }
    .details,
    .first-row {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .details>div,
    .first-row>div {
        display: inline-block;
    }
    .artwork {
        padding: 0 0 0px;
    }
    .newss a img {
        width: 150px;
        height: 150px;
    }
    .other-news {
        padding: 0;
    }
    .other-news .newss a img {
        width: 100%;
        height: 150px;
    }
    .art-img {
        margin: 0px;
    }
    .no-gutter {
        display: grid;
        grid-template-columns: 50% 50%;
    }
    .gallery-a-link {
        width: auto;
        height: auto;
        margin: 2px;
        float: none;
    }
    .photo img {
        width: 100%;
        height: 120px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) and (orientation:landscape){
    .mobile-header {
        position: fixed;
        width: 100%;
    }
    #home{
        background-size: contain;
        background-position: bottom;
        background-image:url('http://www.tourajmusic.com/wp-content/uploads/2020/12/home-bg.jpg')!important;
    }
    .home .mobile-header {
        display:none!important;
    }
    .main-tag {
        justify-content: space-around;
        padding-right: 10%;
        align-items: flex-start;
        padding-top: 10%;
    }
    .main-tag img{
        width:30%;
    }
    .main-tag button{
        margin:0;
    }
    .newheight {
        height: 65px;
    }
    .home .newheight {
        height: 0;
    }
    .logo img {
        width: 55px;
    }
    .container-left-side {
        padding: 15px;
    }
    .search-form {
        padding: 0;
        width: 60%;
    }
    .search-form label {
        width: 100%;
    }
    .left-side-image,
    .audio-single h1,
    .des1,
    .padding-single,
    .des2 {
        padding: 0 15px;
    }
    .pdf-button a {
        margin-bottom: 15px;
    }
    .audio>a {
        flex-direction: column;
    }
    .song {
        margin-right: 0;
        text-align: center;
        margin-top: 15px;
    }
    .page-numbers {
        margin: 10px 5px 10px;
    }
    .pagin {
        overflow: scroll;
        width: 100%;
        white-space: nowrap;
    }
    .table {
        padding: 0 0px;
        margin-bottom: 2rem;
    }
    .details,
    .first-row {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .details>div,
    .first-row>div {
        display: inline-block;
    }
    .artwork {
        padding: 0 0 0px;
    }
    .newss a img {
        width: 150px;
        height: 150px;
    }
    .other-news {
        padding: 0;
    }
    .other-news .newss a img {
        width: 100%;
        height: 150px;
    }
    .art-img {
        margin: 0px;
    }
    .no-gutter {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
    }
    .gallery-a-link {
        width: auto;
        height: auto;
        margin: 2px;
        float: none;
    }
    .photo img {
        width: 100%;
        height: 120px;
    }
    .audio img {
        width: 100%;
    }
    .other-news .newss img {
        z-index: -1;
    }
}