/* Header start */
@media only screen and (min-width: 0px) and (max-width: 240px){
    header .logo img{
        width: 40px;
        height: 40px;
    }
    header .logo h1{
        font-size: 6vw;
    }
}

@media only screen and (min-width: 0px) and (max-width: 1300px) {
    header .nav{
        justify-content: center;
        position: relative;
        top: 33%;
    }
    
    header .nav .nav-links {
        display: block;
    }

    header {
        /*flex-direction: row;*/
        /*padding: 0 5%;*/
        padding: 15px 5%;
    }

    header .logo {
        margin: 0;
        width: auto;
        height: 100%;
        padding: 10px 0 10px 0;
    }

    .hamburger {
        margin: 0;
        padding: 10px 0 10px 10px;
        justify-content: flex-end;
    position: absolute;
    right: 0;
    }
}

@media only screen and (max-width: 1300px){
    .hamburger{
        top: -7vh;
    }
}

@media only screen and (max-width: 677px){
    .hamburger{
        top: -4vh;
    }
}

@media only screen and (max-width: 468px){
    .hamburger{
        top: -5vh;
    }
}

@media only screen and (max-width: 367px){
    .hamburger{
        top: -28vh;
    }
}

@media only screen and (max-width: 263px){
    .hamburger{
        top: -29vh;
    }
}

@media only screen and (max-width: 244px){
    .hamburger{
        top: -30vh;
    }
}

@media only screen and (max-width: 678px){
    header .nav{
        top: 0;
    }
    header .logo img{
        width: 40px;
        height: 40px;
    }
    header .logo h1{
        font-size: clamp(1rem, 2vw + 1rem, 2rem);
    }
    .hamburger #burger{
        width: 70%;
    }
}

@media only screen and (max-width: 500px){
    header .nav{
        top: 33%;
    }
}
@media only screen and (max-width: 368px){
    header .nav{
        top: 0;
    }
}


/*@media only screen and (min-width: 1201px) and (max-width: 1220px) {*/
/*    .hamburger {*/
/*        margin-left: 18px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 1221px) and (max-width: 1240px) {*/
/*    .hamburger {*/
/*        margin-left: 28.16px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 1241px) and (max-width: 1260px) {*/
/*    .hamburger {*/
/*        margin-left: 38.32px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 1261px) and (max-width: 1280px) {*/
/*    .hamburger {*/
/*        margin-left: 48.48px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 1281px) and (max-width: 1300px) {*/
/*    .hamburger {*/
/*        margin-left: 58.64px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 1301px) and (max-width: 1320px) {*/
/*    .hamburger {*/
/*        margin-left: 68.8px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 1321px) and (max-width: 1340px) {*/
/*    .hamburger {*/
/*        margin-left: 78.96px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 1341px) and (max-width: 1360px) {*/
/*    .hamburger {*/
/*        margin-left: 89.12px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 1361px) and (max-width: 1380px) {*/
/*    .hamburger {*/
/*        margin-left: 99.28px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 1381px) and (max-width: 1400px) {*/
/*    .hamburger {*/
/*        margin-left: 109.44px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 1401px) and (max-width: 1420px) {*/
/*    .hamburger {*/
/*        margin-left: 119.6px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 1421px) and (max-width: 1440px) {*/
/*    .hamburger {*/
/*        margin-left: 129.76px;*/
/*    }*/
/*}*/

/* Header end */

/* Home start */
@media only screen and (max-width: 240px) {
    .home-main-container .home-home-screen {
        display: table;
        margin-bottom: 50px;
        height: 100%;
    }

    .home-main-container .home-home-screen::before {
        height: 50vh;
    }

    .home-main-container .home-home-screen .home-left-screen {
        width: 100%;
        margin: 0;
        margin-bottom: 50px;
        padding: 0 5%;
    }

    .home-main-container .home-home-screen .home-left-screen .title {
        left: 5%;
        width: 90%;
        display: flex;
    }

    .home-main-container .home-home-screen .home-left-screen .title a {
        font-size: 18px;
        line-height: 14px;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 50vh;
        top: 22%;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        width: 100%;
        left: 0;
        padding: 0 5%;
        top: 8.8%;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details h1 {
        font-size: 18px;
        line-height: 28px;
    }

    .home-main-container .home-home-screen .home-right-screen {
        width: 100%;
        height: 100%;
        padding: 0 5%;
    }

    .home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container {
        width: 100%;
    }

    .home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container .image {
        height: auto;
    }


    .home-main-container .trending-blog-main-container {
        flex-direction: column;
        padding: 0 5%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        width: 100%;
        margin: 0;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-button a {
        font-size: 18px;
        line-height: 22px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container .trending-blog-image {
        width: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        width: 100%;
        margin: 0;
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 20px;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 40px 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container {
        padding: 40px 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .title p {
        font-size: 22px;
        line-height: 30px;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image {
        height: auto;
        margin: 0
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image img {
        position: relative;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image-details {
        margin: 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .quotation {
        margin: 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right {
        width: 100%;
        grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right .sim-blog-container .image {
        height: auto;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 239px){
    .home-main-container .home-home-screen .home-left-screen .title a{
        font-size: 9vw;
        width: 100%;
        /*right: 5%;*/
        /*position: relative;*/
        padding: 8%;
        /*display: flex;*/
        /*margin-right: 5%;*/
        /*margin-left: 5%;*/
    }
}

@media only screen and (min-width: 241px) and (max-width: 360px) {
    .home-main-container .home-home-screen {
        display: table;
        margin-bottom: 50px;
        height: 100%;
    }

    .home-main-container .home-home-screen::before {
        height: 50vh;
    }

    .home-main-container .home-home-screen .home-left-screen {
        width: 100%;
        margin: 0;
        margin-bottom: 50px;
        padding: 0 5%;
    }

    .home-main-container .home-home-screen .home-left-screen .title {
        left: 5%;
    }

    .home-main-container .home-home-screen .home-left-screen .title a {
        font-size: 18px;
        line-height: 14px;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 50vh;
        top: 22%;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        width: 100%;
        left: 0;
        padding: 0 5%;
        top: 8.8%;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details h1 {
        font-size: 18px;
        /*line-height: 4vh;*/
        line-height: 28px;
    }

    .home-main-container .home-home-screen .home-right-screen {
        width: 100%;
        height: 100%;
        padding: 0 5%;
    }

    .home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container {
        width: 100%;
    }

    .home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container .image {
        height: auto;
    }

    .home-main-container .trending-blog-main-container {
        flex-direction: column;
        padding: 0 5%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        width: 100%;
        margin: 0;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-button a {
        font-size: 18px;
        line-height: 22px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container .trending-blog-image {
        width: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        width: 100%;
        margin: 0;
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 20px;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 40px 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container {
        padding: 40px 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .title p {
        font-size: 22px;
        line-height: 30px;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image {
        height: auto;
        margin: 0
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image img {
        position: relative;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image-details {
        margin: 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .quotation {
        margin: 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right {
        width: 100%;
        grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right .sim-blog-container .image {
        height: auto;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 361px) and (max-width: 480px) {
    .home-main-container .home-home-screen {
        display: table;
        margin-bottom: 50px;
        height: 100%;
    }

    .home-main-container .home-home-screen::before {
        height: 50vh;
    }

    .home-main-container .home-home-screen .home-left-screen {
        width: 100%;
        margin: 0;
        margin-bottom: 50px;
        padding: 0 5%;
    }

    .home-main-container .home-home-screen .home-left-screen .title {
        left: 5%;
    }

    .home-main-container .home-home-screen .home-left-screen .title a {
        font-size: 18px;
        line-height: 14px;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 50vh;
        top: 22%;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        width: 100%;
        left: 0;
        padding: 0 5%;
        top: 8.8%;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details h1 {
        font-size: 18px;
        /*line-height: 4vh;*/
        line-height: 30px;
    }

    .home-main-container .home-home-screen .home-right-screen {
        width: 100%;
        height: 100%;
        padding: 0 5%;
    }

    .home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container {
        width: 100%;
    }

    .home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container .image {
        height: auto;
    }

    .home-main-container .trending-blog-main-container {
        flex-direction: column;
        padding: 0 5%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        width: 100%;
        margin: 0;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-button a {
        font-size: 18px;
        line-height: 22px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container .trending-blog-image {
        width: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        width: 100%;
        margin: 0;
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 20px;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 40px 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container {
        padding: 40px 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .title p {
        font-size: 22px;
        line-height: 30px;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image {
        height: auto;
        margin: 0
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image img {
        position: relative;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image-details {
        margin: 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .quotation {
        margin: 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right {
        width: 100%;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right .sim-blog-container .image {
        height: auto;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .home-main-container .home-home-screen {
        display: table;
        margin-bottom: 50px;
        height: 100%;
    }

    .home-main-container .home-home-screen::before {
        height: 50vh;
    }

    .home-main-container .home-home-screen .home-left-screen {
        width: 100%;
        margin: 0;
        margin-bottom: 50px;
        padding: 0 5%;
    }

    .home-main-container .home-home-screen .home-left-screen .title {
        left: 5%;
    }

    .home-main-container .home-home-screen .home-left-screen .title a {
        font-size: 18px;
        line-height: 14px;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 50vh;
        top: 22%;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        width: 100%;
        left: 0;
        padding: 0 5%;
        top: 8.8%;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details h1 {
        font-size: 18px;
        line-height: 32px;
    }

    .home-main-container .home-home-screen .home-right-screen {
        width: 100%;
        height: 100%;
        padding: 0 5%;
    }

    .home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container {
        width: 100%;
    }

    .home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container .image {
        height: auto;
    }

    .home-main-container .trending-blog-main-container {
        flex-direction: column;
        padding: 0 5%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        width: 100%;
        margin: 0;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container .trending-blog-image {
        width: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        width: 100%;
        margin: 0;
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 20px;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 40px 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container {
        padding: 40px 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .title p {
        font-size: 22px;
        line-height: 30px;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image {
        height: auto;
        margin: 0
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image img {
        position: relative;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image-details {
        margin: 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .quotation {
        margin: 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right {
        width: 100%;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right .sim-blog-container .image {
        height: auto;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 624px) {
    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right {
        grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
    }
}

@media only screen and (min-width: 625px) and (max-width: 768px) {
    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right {
        grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
    .home-main-container .home-home-screen {
        margin-bottom: 50px;
    }

    .home-main-container .home-home-screen .home-left-screen {
        width: 67%;
        margin-right: 20px;
    }

    .home-main-container .home-home-screen .home-left-screen .title {
        left: 8%;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        left: 8%;
        width: calc(100% - 38%);
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details h1 {
        font-size: 25px;
        line-height: 48px;
    }

    .home-main-container .home-home-screen .home-right-screen {
        width: 20%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 5%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 10px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content p {
        font-size: 20px;
        line-height: 25px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right {
        grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image {
        height: 170px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image {
        height: 170px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image {
        height: 220px;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1466px) {
    .home-main-container .home-home-screen .home-left-screen {
        width: 66%;
    }

    .home-main-container .home-home-screen .home-left-screen .title {
        left: 10%;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        left: 10%;
        width: calc(100% - 44%);
    }

    .home-main-container .home-home-screen .home-right-screen {
        width: 18%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 5%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 30px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content p {
        font-size: 21px;
        line-height: 26px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 769px) and (max-width: 832px) {
    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button {
        margin-bottom: 10px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content p {
        font-size: 16px;
        line-height: 19px;
    }
}

@media only screen and (min-width: 801px) and (max-width: 896px) {
    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content p {
        font-size: 16.375px;
        line-height: 19.5625px;
    }
}

@media only screen and (min-width: 833px) and (max-width: 864px) {
    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content p {
        font-size: 17.125px;
        line-height: 20.125px;
    }
}

@media only screen and (min-width: 865px) and (max-width: 896px) {
    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content p {
        font-size: 17.5px;
        line-height: 20.6875px;
    }
}

@media only screen and (min-width: 897px) and (max-width: 928px) {
    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content p {
        font-size: 17.875px;
        line-height: 21.25px;
    }
}

@media only screen and (min-width: 929px) and (max-width: 960px) {
    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content p {
        font-size: 18.25px;
        line-height: 21.8125px;
    }
}

@media only screen and (min-width: 961px) and (max-width: 992px) {
    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content p {
        font-size: 18.625px;
        line-height: 22.375px;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1024px) {
    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content p {
        font-size: 19px;
        line-height: 22.9375px;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1466px) {
    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 5%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 12px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1467px) and (max-width: 1497px) {
    .home-main-container .home-home-screen .home-left-screen {
        width: 70%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 5.81%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 14px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1498px) and (max-width: 1528px) {
    .home-main-container .home-home-screen .home-left-screen {
        width: 69%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 6.62%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 16px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1529px) and (max-width: 1559px) {
    .home-main-container .home-home-screen .home-left-screen {
        width: 67%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 7.43%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 18px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1560px) and (max-width: 1590px) {
    .home-main-container .home-home-screen .home-left-screen {
        width: 65.5%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 8.24%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 20px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1591px) and (max-width: 1621px) {
    .home-main-container .home-home-screen .home-left-screen {
        width: 64%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 9.05%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 22px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1622px) and (max-width: 1652px) {
    .home-main-container .home-home-screen .home-left-screen {
        width: 62.5%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 9.86%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 24px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1653px) and (max-width: 1683px) {
    .home-main-container .home-home-screen .home-left-screen {
        width: 61%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 10.67%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 26px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1684px) and (max-width: 1714px) {
    .home-main-container .home-home-screen .home-left-screen {
        width: 59.5%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 11.48%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 28px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1715px) and (max-width: 1745px) {
    .home-main-container .home-home-screen .home-left-screen {
        width: 58%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 12.29%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 30px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1746px) and (max-width: 1776px) {
    .home-main-container .home-home-screen .home-left-screen {
        width: 56.5%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 13.10%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 32px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1777px) and (max-width: 1807px) {
    .home-main-container .home-home-screen .home-left-screen {
        width: 55%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 13.91%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 34px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1808px) and (max-width: 1838px) {
    .home-main-container .home-home-screen .home-left-screen {
        width: 53.5%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 14.72%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 36px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1839px) and (max-width: 1869px) {
    .home-main-container .home-home-screen .home-left-screen {
        width: 51.5%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 15.53%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        /*margin-right: 30px;*/
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 38px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1870px) and (max-width: 1900px) {
    .home-main-container .home-home-screen .home-left-screen {
        width: 51%;
    }

    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 16%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 40px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1901px) and (max-width: 1920px) {
    .home-main-container .trending-blog-main-container {
        width: 100%;
        padding: 0 16.80%;
    }

    .home-main-container .trending-blog-main-container .left-container {
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 42px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (min-width: 1921px) {
    .home-main-container .home-home-screen {
        height: 770px;
    }

    .home-main-container .home-home-screen::before {
        height: 360px;
    }

    .home-main-container .home-home-screen .home-left-screen {
        max-width: 956px;
        height: 540px;
        position: relative
    }

    .home-main-container .home-home-screen .home-left-screen .title {
        left: 8%;
        top: -62px;
    }

    .home-main-container .home-home-screen .home-left-screen .latest-blog-link {
        width: 100%;
        height: 100%;
        display: flex;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: -22px;
        width: 95%;
        left: 5%;
    }

    .home-main-container .home-home-screen .home-right-screen {
        max-width: 253px;
        height: 540px;
    }

    .home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container .image {
        /*height: 114px;*/
        height: 150px;
    }

    .home-main-container .trending-blog-main-container {
        max-width: 1270px;
    }

    .home-main-container .trending-blog-main-container .left-container {
        width: 85%;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
        height: auto;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
        margin-bottom: 42px;
    }

    .home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
        padding: 60px 0;
    }

    .home-main-container .trending-blog-main-container .right-container {
        width: calc(13.5% + 15%);
    }
}

@media only screen and (max-width: 240px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 36vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 18vh;
    }
}

@media only screen and (min-width: 241px) and (max-width: 256px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 36.21vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 18.96vh;
    }
}

@media only screen and (min-width: 257px) and (max-width: 272px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 36.42vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 19.92vh;
    }
}

@media only screen and (min-width: 273px) and (max-width: 288px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 39.63vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 20.88vh;
    }
}

@media only screen and (min-width: 289px) and (max-width: 304px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 39.84vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 21.84vh;
    }
}

@media only screen and (min-width: 305px) and (max-width: 320px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 40.05vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 22.8vh;
    }
}

@media only screen and (min-width: 321px) and (max-width: 336px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 40.26vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 23.76vh;
    }
}

@media only screen and (min-width: 337px) and (max-width: 352px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 40.47vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 24.72vh;
    }
}

@media only screen and (min-width: 353px) and (max-width: 368px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 41.68vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 25.68vh;
    }
}

@media only screen and (min-width: 369px) and (max-width: 384px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 42.89vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 26.64vh;
    }
}

@media only screen and (min-width: 385px) and (max-width: 400px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 43.1vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 27.6vh;
    }
}

@media only screen and (min-width: 401px) and (max-width: 416px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 44.31vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 28.56vh;
    }
}

@media only screen and (min-width: 417px) and (max-width: 432px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 45.52vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 29.52vh;
    }
}

@media only screen and (min-width: 433px) and (max-width: 448px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 46.73vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 30.48vh;
    }
}

@media only screen and (min-width: 449px) and (max-width: 464px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 47.94vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 31.44vh;
    }
}

@media only screen and (min-width: 465px) and (max-width: 480px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 48.15vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 32.4vh;
    }
}

@media only screen and (min-width: 481px) and (max-width: 496px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 49.36vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 33.36vh;
    }
}

@media only screen and (min-width: 497px) and (max-width: 512px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 49.57vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 34.32vh;
    }
}

@media only screen and (min-width: 513px) and (max-width: 528px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 49.78vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 35.28vh;
    }
}

@media only screen and (min-width: 529px) and (max-width: 544px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 50.99vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 36.24vh;
    }
}

@media only screen and (min-width: 545px) and (max-width: 560px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 52.2vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 37.2vh;
    }
}

@media only screen and (min-width: 561px) and (max-width: 576px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 53.41vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 38.16vh;
    }
}

@media only screen and (min-width: 577px) and (max-width: 592px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 54.62vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 39.12vh;
    }
}

@media only screen and (min-width: 593px) and (max-width: 608px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 54.83vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 40.08vh;
    }
}

@media only screen and (min-width: 609px) and (max-width: 624px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 56.04vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 41.04vh;
    }
}

@media only screen and (min-width: 625px) and (max-width: 640px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 57.25vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 42vh;
    }
}

@media only screen and (min-width: 641px) and (max-width: 656px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 57.46vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 42.96vh;
    }
}

@media only screen and (min-width: 657px) and (max-width: 672px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 59.67vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 44.88vh;
    }
}

@media only screen and (min-width: 673px) and (max-width: 688px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 51.88vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 45.84vh;
    }
}

@media only screen and (min-width: 689px) and (max-width: 704px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 52.7vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 46.8vh;
    }
}

@media only screen and (min-width: 705px) and (max-width: 720px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 53.8vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 47.76vh;
    }
}

@media only screen and (min-width: 721px) and (max-width: 736px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 54.75vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 48.72vh;
    }
}

@media only screen and (min-width: 737px) and (max-width: 752px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 55.72vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 49.68vh;
    }
}

@media only screen and (min-width: 753px) and (max-width: 768px) {
    .home-main-container .home-home-screen::before {
        height: 60vh;
    }

    .home-main-container .home-home-screen .home-left-screen .main-blog-details {
        top: 56.6vh;
    }

    .home-main-container .home-home-screen .home-left-screen .img {
        height: 50.64vh;
    }
}

/* Home end */

/* Category start */
@media only screen and (max-width: 240px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 5%;
    }

    .category-main-container .category-container .category-title p {
        font-size: 18px;
        line-height: 22px;
    }

    .category-main-container .category-container .category-line p {
        font-size: 20px;
        line-height: 20px;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-left {
        width: 100%;
        margin: 0;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-right {
        width: 100%;
        margin: 0;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-blog-details {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 241px) and (max-width: 360px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 5%;
    }

    .category-main-container .category-container .category-title p {
        font-size: 20px;
        line-height: 22px;
    }

    .category-main-container .category-container .category-line p {
        font-size: 22px;
        line-height: 20px;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-left {
        width: 100%;
        margin: 0;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-right {
        width: 100%;
        margin: 0;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-blog-details {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 361px) and (max-width: 480px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 5%;
    }

    .category-main-container .category-container .category-title p {
        font-size: 20px;
        line-height: 22px;
    }

    .category-main-container .category-container .category-line p {
        font-size: 22px;
        line-height: 20px;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-left {
        width: 100%;
        margin: 0;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-right {
        width: 100%;
        margin: 0;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-blog-details {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 5%;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-left {
        width: 100%;
        margin: 0;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-right {
        width: 100%;
        margin: 0;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-blog-details {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 5%;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-left {
        width: 100%;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-right {
        width: 100%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1466px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 5%;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-left {
        width: 100%;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container .category-right {
        width: 100%;
    }
}

@media only screen and (min-width: 1467px) and (max-width: 1497px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 5.81%;
    }
}

@media only screen and (min-width: 1498px) and (max-width: 1528px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 6.62%;
    }
}

@media only screen and (min-width: 1529px) and (max-width: 1559px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 7.43%;
    }
}

@media only screen and (min-width: 1560px) and (max-width: 1590px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 8.24%;
    }
}

@media only screen and (min-width: 1591px) and (max-width: 1621px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 9.05%;
    }
}

@media only screen and (min-width: 1622px) and (max-width: 1652px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 9.86%;
    }
}

@media only screen and (min-width: 1653px) and (max-width: 1683px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 10.67%;
    }
}

@media only screen and (min-width: 1684px) and (max-width: 1714px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 11.48%;
    }
}

@media only screen and (min-width: 1715px) and (max-width: 1745px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 12.29%;
    }
}

@media only screen and (min-width: 1746px) and (max-width: 1776px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 13.1%;
    }
}

@media only screen and (min-width: 1777px) and (max-width: 1807px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 13.91%;
    }
}

@media only screen and (min-width: 1808px) and (max-width: 1838px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 14.72%;
    }
}

@media only screen and (min-width: 1839px) and (max-width: 1869px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 15.53%;
    }
}

@media only screen and (min-width: 1870px) and (max-width: 1900px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 16%;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 1920px) {
    .category-main-container .category-container {
        width: 100%;
        padding: 0 16.80%;
    }
}

@media only screen and (min-width: 1921px) {
    .category-main-container .category-container {
        max-width: 1270px;
    }

    .category-main-container .category-container .category-blog-main-container .category-blog-container {
        height: 250px;
    }
}

/* Category end */

/* Tags start */
@media only screen and (max-width: 240px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 5%;
    }

    .tags-main-container .tags-container .tags-title p {
        font-size: 18px;
        line-height: 22px;
    }

    .tags-main-container .tags-container .tags-line p {
        font-size: 20px;
        line-height: 20px;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-left {
        width: 100%;
        margin: 0;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right {
        width: 100%;
        margin: 0;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-blog-details {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 241px) and (max-width: 360px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 5%;
    }

    .tags-main-container .tags-container .tags-title p {
        font-size: 20px;
        line-height: 22px;
    }

    .tags-main-container .tags-container .tags-line p {
        font-size: 22px;
        line-height: 20px;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-left {
        width: 100%;
        margin: 0;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right {
        width: 100%;
        margin: 0;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-blog-details {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 361px) and (max-width: 480px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 5%;
    }

    .tags-main-container .tags-container .tags-title p {
        font-size: 20px;
        line-height: 22px;
    }

    .tags-main-container .tags-container .tags-line p {
        font-size: 22px;
        line-height: 20px;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-left {
        width: 100%;
        margin: 0;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right {
        width: 100%;
        margin: 0;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-blog-details {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 5%;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-left {
        width: 100%;
        margin: 0;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right {
        width: 100%;
        margin: 0;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-blog-details {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 5%;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-left {
        width: 100%;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right {
        width: 100%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1466px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 5%;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-left {
        width: 100%;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right {
        width: 100%;
    }
}

@media only screen and (min-width: 1467px) and (max-width: 1497px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 5.81%;
    }
}

@media only screen and (min-width: 1498px) and (max-width: 1528px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 6.62%;
    }
}

@media only screen and (min-width: 1529px) and (max-width: 1559px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 7.43%;
    }
}

@media only screen and (min-width: 1560px) and (max-width: 1590px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 8.24%;
    }
}

@media only screen and (min-width: 1591px) and (max-width: 1621px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 9.05%;
    }
}

@media only screen and (min-width: 1622px) and (max-width: 1652px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 9.86%;
    }
}

@media only screen and (min-width: 1653px) and (max-width: 1683px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 10.67%;
    }
}

@media only screen and (min-width: 1684px) and (max-width: 1714px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 11.48%;
    }
}

@media only screen and (min-width: 1715px) and (max-width: 1745px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 12.29%;
    }
}

@media only screen and (min-width: 1746px) and (max-width: 1776px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 13.1%;
    }
}

@media only screen and (min-width: 1777px) and (max-width: 1807px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 13.91%;
    }
}

@media only screen and (min-width: 1808px) and (max-width: 1838px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 14.72%;
    }
}

@media only screen and (min-width: 1839px) and (max-width: 1869px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 15.53%;
    }
}

@media only screen and (min-width: 1870px) and (max-width: 1900px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 16%;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 1920px) {
    .tags-main-container .tags-container {
        width: 100%;
        padding: 0 16.80%;
    }
}

@media only screen and (min-width: 1921px) {
    .tags-main-container .tags-container {
        max-width: 1270px;
    }

    .tags-main-container .tags-container .tags-blog-main-container .tags-blog-container {
        height: 250px;
    }
}

/* Tags end */

/* Search start */
@media only screen and (max-width: 240px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 5%;
    }

    .search-main-container .search-container .search-result-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 2rem;
        height: 100%;
    }
}

@media only screen and (min-width: 241px) and (max-width: 360px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 5%;
    }

    .search-main-container .search-container .search-result-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 2rem;
        height: 100%;
    }
}

@media only screen and (min-width: 361px) and (max-width: 480px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 5%;
    }

    .search-main-container .search-container .search-result-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 2rem;
        height: 100%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 5%;
    }

    .search-main-container .search-container .search-result-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 2rem;
        height: 100%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 5%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 5%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1466px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 5%;
    }
}

@media only screen and (min-width: 1467px) and (max-width: 1497px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 5.81%;
    }
}

@media only screen and (min-width: 1498px) and (max-width: 1528px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 6.62%;
    }
}

@media only screen and (min-width: 1529px) and (max-width: 1559px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 7.43%;
    }
}

@media only screen and (min-width: 1560px) and (max-width: 1590px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 8.24%;
    }
}

@media only screen and (min-width: 1591px) and (max-width: 1621px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 9.05%;
    }
}

@media only screen and (min-width: 1622px) and (max-width: 1652px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 9.86%;
    }
}

@media only screen and (min-width: 1653px) and (max-width: 1683px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 10.67%;
    }
}

@media only screen and (min-width: 1684px) and (max-width: 1714px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 11.48%;
    }
}

@media only screen and (min-width: 1715px) and (max-width: 1745px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 12.29%;
    }
}

@media only screen and (min-width: 1746px) and (max-width: 1776px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 13.1%;
    }
}

@media only screen and (min-width: 1777px) and (max-width: 1807px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 13.91%;
    }
}

@media only screen and (min-width: 1808px) and (max-width: 1838px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 14.72%;
    }
}

@media only screen and (min-width: 1839px) and (max-width: 1869px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 15.53%;
    }
}

@media only screen and (min-width: 1870px) and (max-width: 1900px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 16%;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 1920px) {
    .search-main-container .search-container {
        width: 100%;
        padding: 0 16.80%;
    }
}

@media only screen and (min-width: 1921px) {
    .search-main-container .search-container {
        max-width: 1270px;
    }
}

/* Search end */

/* Environment blog start */
@media only screen and (max-width: 240px) {
    .blog-main-container .blog-home-screen .title a {
        font-size: 18px;
        left: 0;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: 100%;
        padding: 0 5%;
    }

    .blog-main-container .blog-home-screen .main-blog-details h1 {
        font-size: 18px;
        line-height: 4vh;
    }

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .title,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 5%;
    }
}

@media only screen and (min-width: 241px) and (max-width: 360px) {
    .blog-main-container .blog-home-screen .title a {
        font-size: 18px;
        left: 0;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: 100%;
        padding: 0 5%;
        /* left: 0; */
    }

    .blog-main-container .blog-home-screen .main-blog-details h1 {
        font-size: 18px;
        line-height: 4vh;
    }

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .title,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 5%;
    }
}

@media only screen and (min-width: 361px) and (max-width: 768px) {
    .blog-main-container .blog-home-screen .title a {
        font-size: 22px;
        left: 0;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: 100%;
        padding: 0 5%;
        /* left: 0; */
    }

    .blog-main-container .blog-home-screen .main-blog-details h1 {
        font-size: 22px;
        line-height: 5vh;
    }

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .title,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 5%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
    .blog-main-container .blog-home-screen .main-blog-details h1 {
        font-size: 25px;
        line-height: 48px;
    }

}

/* start */
@media only screen and (min-width: 769px) and (max-width: 800px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 18%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 18%);
    }
}

@media only screen and (min-width: 801px) and (max-width: 832px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 19.33%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 19.33%);
    }
}

@media only screen and (min-width: 833px) and (max-width: 864px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 20.66%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 20.66%);
    }
}

@media only screen and (min-width: 865px) and (max-width: 896px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 21.99%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 21.99%);
    }
}

@media only screen and (min-width: 897px) and (max-width: 928px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 22.32%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 22.32%);
    }
}

@media only screen and (min-width: 929px) and (max-width: 960px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 23.65%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 23.65%);
    }
}

@media only screen and (min-width: 961px) and (max-width: 992px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 23.98%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 23.98%);
    }
}

@media only screen and (min-width: 993px) and (max-width: 1024px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 25.31%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 25.31%);
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1046px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 25.64%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 25.64%);
    }
}

@media only screen and (min-width: 1047px) and (max-width: 1068px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 26.47%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 26.47%);
    }
}

@media only screen and (min-width: 1069px) and (max-width: 1090px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 27.3%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 27.3%);
    }
}

@media only screen and (min-width: 1091px) and (max-width: 1112px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 27.63%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 27.63%);
    }
}

@media only screen and (min-width: 1113px) and (max-width: 1134px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 27.96%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 27.96%);
    }
}

@media only screen and (min-width: 1135px) and (max-width: 1156px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 28.29%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 28.29%);
    }
}

@media only screen and (min-width: 1157px) and (max-width: 1178px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 28.62%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 28.62%);
    }
}

@media only screen and (min-width: 1179px) and (max-width: 1200px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 28.95%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 28.95%);
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1220px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 30.28%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 30.28%);
    }
}

@media only screen and (min-width: 1221px) and (max-width: 1240px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 30.61%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 30.61%);
    }
}

@media only screen and (min-width: 1241px) and (max-width: 1260px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 30.94%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 30.94%);
    }
}

@media only screen and (min-width: 1261px) and (max-width: 1280px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 31.27%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 31.27%);
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1342px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 32.6%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 32.6%);
    }
}

@media only screen and (min-width: 1343px) and (max-width: 1404px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 32.93%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 32.93%);
    }
}

@media only screen and (min-width: 1405px) and (max-width: 1466px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 34.26%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 34.26%);
    }
}

@media only screen and (min-width: 1467px) and (max-width: 1528px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 35.59%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 35.59%);
    }
}

@media only screen and (min-width: 1529px) and (max-width: 1590px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 36.92%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 36.92%);
    }
}

@media only screen and (min-width: 1591px) and (max-width: 1652px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 38.25%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 38.25%);
    }
}

@media only screen and (min-width: 1653px) and (max-width: 1714px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 41.58%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 41.58%);
    }
}

@media only screen and (min-width: 1715px) and (max-width: 1776px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 44.91%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 44.91%);
    }
}

@media only screen and (min-width: 1777px) and (max-width: 1838px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 48.24%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 48.24%);
    }
}

@media only screen and (min-width: 1839px) and (max-width: 1900px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 50.57%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 50.57%);
    }
}

@media only screen and (min-width: 1901px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 50.57%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }

    .blog-main-container .blog-home-screen .blog-link-container {
        max-width: 1270px;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        width: calc(100% - 50.57%);
    }
}

@media only screen and (min-width: 1901px) {
    .blog-main-container .blog-home-screen .title {
        width: calc(100% - 50.57%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }
}

@media only screen and (min-width: 1921px) {
    .blog-main-container .blog-home-screen .title {
        max-width: calc(1270px - 5%);
    }
    .blog-main-container .blog-home-screen .title a {
        left: 0%;
    }
}

/* end */

@media only screen and (min-width: 769px) and (max-width: 1024px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 5%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 5%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1466px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 5%;
    }
}

@media only screen and (min-width: 1467px) and (max-width: 1497px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 5.81%;
    }
}

@media only screen and (min-width: 1498px) and (max-width: 1528px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 6.62%;
    }
}

@media only screen and (min-width: 1529px) and (max-width: 1559px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 7.43%;
    }
}

@media only screen and (min-width: 1560px) and (max-width: 1590px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 8.24%;
    }
}

@media only screen and (min-width: 1591px) and (max-width: 1621px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 9.05%;
    }
}

@media only screen and (min-width: 1622px) and (max-width: 1652px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 9.86%;
    }
}

@media only screen and (min-width: 1653px) and (max-width: 1683px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 10.67%;
    }
}

@media only screen and (min-width: 1684px) and (max-width: 1714px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 11.48%;
    }
}

@media only screen and (min-width: 1715px) and (max-width: 1745px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 12.29%;
    }
}

@media only screen and (min-width: 1746px) and (max-width: 1776px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 13.1%;
    }
}

@media only screen and (min-width: 1777px) and (max-width: 1807px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 13.91%;
    }
}

@media only screen and (min-width: 1808px) and (max-width: 1838px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 14.72%;
    }
}

@media only screen and (min-width: 1839px) and (max-width: 1869px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 15.53%;
    }
}

@media only screen and (min-width: 1870px) and (max-width: 1900px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 16%;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 1920px) {

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        width: 100%;
        padding: 0 16.80%;
    }
}

@media only screen and (min-width: 1921px) {
    .blog-main-container .blog-home-screen {
        height: 862px;
    }

    .blog-main-container .blog-home-screen::before {
        height: 430px;
    }

    .blog-main-container .blog-home-screen .title {
        top: 86px;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 129px;
    }

    .blog-main-container .blog-home-screen .img {
        top: 155px;
        height: 552px;
    }

    .blog-main-container .blog-home-screen .image-credit {
        /*top: 776px;*/
        top: 715px;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        max-width: calc(1270px - 5%);
    }

    .blog-main-container .blog-home-screen .img,
    .blog-main-container .blog-home-screen .image-credit {
        max-width: 1270px;
    }
}

@media only screen and (max-width: 240px) {
    .blog-main-container .blog-details-main-container {
        width: 100%;
        flex-direction: column;
        padding: 0 5%;
    }

    .blog-main-container .blog-details-main-container .left {
        width: 100%;
        margin: 0 0 50px 0;
    }

    .blog-main-container .blog-details-main-container .mid {
        width: 100%;
        padding: 0 0 50px 0;
        border: none;
    }

    .blog-main-container .blog-details-main-container .mid .blog-details-container .blog-column.blog-align {
        padding: 0;
    }

    .blog-main-container .blog-details-main-container .mid .blog-details-container .blog-column.blog-align:not(:last-child) {
        padding-bottom: 40px;
    }

    .blog-main-container .blog-details-main-container .right {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 5%;
    }

    .blog-main-container .similar-blog-main-container .similar-top-column .title h3 {
        font-size: 28px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
    .blog-main-container .similar-blog-main-container .similar-top-column .title h3 {
        font-size: 30px;
    }
}

@media only screen and (min-width: 241px) and (max-width: 768px) {
    .blog-main-container .blog-details-main-container {
        width: 100%;
        flex-direction: column;
        padding: 0 5%;
    }

    .blog-main-container .blog-details-main-container .left {
        width: 100%;
        margin: 0 0 50px 0;
    }

    .blog-main-container .blog-details-main-container .mid {
        width: 100%;
        padding: 0 0 50px 0;
        border: none;
    }

    .blog-main-container .blog-details-main-container .mid .blog-details-container .blog-column.blog-align {
        padding: 0;
    }

    .blog-main-container .blog-details-main-container .mid .blog-details-container .blog-column.blog-align:not(:last-child) {
        padding-bottom: 40px;
    }

    .blog-main-container .blog-details-main-container .right {
        width: 100%;
        margin: 0 0 50px 0;
    }

    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 5%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .blog-main-container .blog-details-main-container {
        width: 100%;
        padding: 0 5%;
    }

    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 5%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .blog-main-container .blog-details-main-container {
        width: 100%;
        padding: 0 5%;
    }

    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 5%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1466px) {
    .blog-main-container .blog-details-main-container {
        width: 100%;
        padding: 0 5%;
    }

    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 5%;
    }
}

@media only screen and (min-width: 1467px) and (max-width: 1497px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 5.81%;
    }
}

@media only screen and (min-width: 1498px) and (max-width: 1528px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 6.62%;
    }
}

@media only screen and (min-width: 1529px) and (max-width: 1559px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 7.43%;
    }
}

@media only screen and (min-width: 1560px) and (max-width: 1590px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 8.24%;
    }
}

@media only screen and (min-width: 1591px) and (max-width: 1621px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 9.05%;
    }
}

@media only screen and (min-width: 1622px) and (max-width: 1652px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 9.86%;
    }
}

@media only screen and (min-width: 1653px) and (max-width: 1683px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 10.67%;
    }
}

@media only screen and (min-width: 1684px) and (max-width: 1714px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 11.48%;
    }
}

@media only screen and (min-width: 1715px) and (max-width: 1745px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 12.29%;
    }
}

@media only screen and (min-width: 1746px) and (max-width: 1776px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 13.1%;
    }
}

@media only screen and (min-width: 1777px) and (max-width: 1807px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 13.91%;
    }
}

@media only screen and (min-width: 1808px) and (max-width: 1838px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 14.72%;
    }
}

@media only screen and (min-width: 1839px) and (max-width: 1869px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 15.53%;
    }
}

@media only screen and (min-width: 1870px) and (max-width: 1900px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 16%;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 1920px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        width: 100%;
        padding: 0 16.80%;
    }
}

@media only screen and (min-width: 1921px) {

    .blog-main-container .blog-details-main-container,
    .blog-main-container .similar-blog-main-container {
        max-width: 1270px;
    }
}

@media only screen and (max-width: 240px) {
    .blog-main-container .similar-blog-main-container .similar-bottom-column {
        grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
    }
}

@media only screen and (min-width: 241px) and (max-width: 390px) {
    .blog-main-container .similar-blog-main-container .similar-bottom-column {
        grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
    }
}

@media only screen and (min-width: 391px) and (max-width: 480px) {
    .blog-main-container .similar-blog-main-container .similar-bottom-column {
        grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    }
}

@media only screen and (min-width: 481px) and (max-width: 624px) {
    .blog-main-container .similar-blog-main-container .similar-bottom-column {
        grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    }
}

@media only screen and (min-width: 625px) and (max-width: 768px) {
    .blog-main-container .similar-blog-main-container .similar-bottom-column {
        grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    }
}

@media only screen and (min-width: 769px) and (max-width: 896px) {
    .blog-main-container .similar-blog-main-container .similar-bottom-column {
        grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    }
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
    .blog-main-container .blog-details-main-container .right .section .image {
        top: 110px;
    }
}

@media only screen and (max-width: 240px) {
    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 43vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 18vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 35vh;
    }
}

@media only screen and (min-width: 241px) and (max-width: 256px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 42.21vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 18.96vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 37vh;
    }
}

@media only screen and (min-width: 257px) and (max-width: 272px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 41.42vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 19.92vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 37vh;
    }
}

@media only screen and (min-width: 273px) and (max-width: 288px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 42.63vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 20.88vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 38vh;
    }
}

@media only screen and (min-width: 289px) and (max-width: 304px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 44.84vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 21.84vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 40vh;
    }
}

@media only screen and (min-width: 305px) and (max-width: 320px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 46.05vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 22.8vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 41vh;
    }
}

@media only screen and (min-width: 321px) and (max-width: 336px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 46.26vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 23.76vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 42vh;
    }
}

@media only screen and (min-width: 337px) and (max-width: 352px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 46.47vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 24.72vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 42vh;
    }
}

@media only screen and (min-width: 353px) and (max-width: 368px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 46.68vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 25.68vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 43vh;
    }
}

@media only screen and (min-width: 369px) and (max-width: 384px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 48.89vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 26.64vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 44vh;
    }
}

@media only screen and (min-width: 385px) and (max-width: 400px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 49.1vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 27.6vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 45vh;
    }
}

@media only screen and (min-width: 401px) and (max-width: 416px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 50.31vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 28.56vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 46vh;
    }
}

@media only screen and (min-width: 417px) and (max-width: 432px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 51.52vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 29.52vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 47vh;
    }
}

@media only screen and (min-width: 433px) and (max-width: 448px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 52.73vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 30.48vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 48vh;
    }
}

@media only screen and (min-width: 449px) and (max-width: 464px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 53.94vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 31.44vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 49vh;
    }
}

@media only screen and (min-width: 465px) and (max-width: 480px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 54.15vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 32.4vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 50vh;
    }
}

@media only screen and (min-width: 481px) and (max-width: 496px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 55.36vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 33.36vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 51vh;
    }
}

@media only screen and (min-width: 497px) and (max-width: 512px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 55.57vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 34.32vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 52vh;
    }
}

@media only screen and (min-width: 513px) and (max-width: 528px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 57.78vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 35.28vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 53vh;
    }
}

@media only screen and (min-width: 529px) and (max-width: 544px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 57.99vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 36.24vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 54vh;
    }
}

@media only screen and (min-width: 545px) and (max-width: 560px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 59.2vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 37.2vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 55vh;
    }
}

@media only screen and (min-width: 561px) and (max-width: 576px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 60.41vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 38.16vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 56vh;
    }
}

@media only screen and (min-width: 577px) and (max-width: 592px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 59.62vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 39.12vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 56vh;
    }
}

@media only screen and (min-width: 593px) and (max-width: 608px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 60.83vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 40.08vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 57vh;
    }
}

@media only screen and (min-width: 609px) and (max-width: 624px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 62.04vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 41.04vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 58vh;
    }
}

@media only screen and (min-width: 625px) and (max-width: 640px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 62.25vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 42vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 59vh;
    }
}

@media only screen and (min-width: 641px) and (max-width: 656px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 63.46vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 60vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 42.96vh;
    }
}

@media only screen and (min-width: 657px) and (max-width: 672px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 65.67vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 44.88vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 62vh;
    }
}

@media only screen and (min-width: 673px) and (max-width: 688px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 66.88vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 45.84vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 63vh;
    }
}

@media only screen and (min-width: 689px) and (max-width: 704px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 67.7vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 46.8vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 64vh;
    }
}

@media only screen and (min-width: 705px) and (max-width: 720px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 68.8vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 47.76vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 65vh;
    }
}

@media only screen and (min-width: 721px) and (max-width: 736px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 68.75vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 48.72vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 65.5vh;
    }
}

@media only screen and (min-width: 737px) and (max-width: 752px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 69vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 49.68vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 66vh;
    }
}

@media only screen and (min-width: 753px) and (max-width: 768px) {
    .blog-main-container .blog-home-screen::before {
        height: 70vh;
    }

    .blog-main-container .blog-home-screen .main-blog-details {
        top: 69.6vh;
    }

    .blog-main-container .blog-home-screen .img {
        height: 50.64vh;
    }

    .blog-main-container .blog-home-screen {
        height: 84vh;
    }

    .blog-main-container .blog-home-screen .image-credit {
        top: 67vh;
    }
}

/* Environment blog end */

/* About us start */
@media only screen and (max-width: 240px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 5%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title p {
        font-size: 30px;
        line-height: 45px;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: 100%;
        height: 100%;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 5% 80px 5%;
    }

    .aboutus-main-container .sec3-main-container .sec3-container .title p {
        font-size: 30px;
        line-height: 45px;
    }
}

@media only screen and (min-width: 241px) and (max-width: 480px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 5%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title p {
        font-size: 30px;
        line-height: 45px;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: 100%;
        height: 100%;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 5% 80px 5%;
    }

    .aboutus-main-container .sec3-main-container .sec3-container .title p {
        font-size: 30px;
        line-height: 45px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 5%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title p {
        font-size: 30px;
        line-height: 45px;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: 100%;
        height: 100%;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 5% 80px 5%;
    }

    .aboutus-main-container .sec3-main-container .sec3-container .title p {
        font-size: 30px;
        line-height: 45px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 5%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title p {
        font-size: 30px;
        line-height: 45px;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 5% 80px 5%;
    }

    .aboutus-main-container .sec3-main-container .sec3-container .title p {
        font-size: 30px;
        line-height: 45px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 5%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 5% 80px 5%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1466px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 5%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 5% 80px 5%;
    }
}

@media only screen and (min-width: 1467px) and (max-width: 1497px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 5.81%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 5.81% 80px 5.81%;
    }
}

@media only screen and (min-width: 1498px) and (max-width: 1528px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 6.62%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 6.62% 80px 6.62%;
    }
}

@media only screen and (min-width: 1529px) and (max-width: 1559px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 7.43%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 7.43% 80px 7.43%;
    }
}

@media only screen and (min-width: 1560px) and (max-width: 1590px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 8.24%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 8.24% 80px 8.24%;
    }
}

@media only screen and (min-width: 1591px) and (max-width: 1621x) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 9.05%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 9.05% 80px 9.05%;
    }
}

@media only screen and (min-width: 1622px) and (max-width: 1652px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 9.86%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 9.86% 80px 9.86%;
    }
}

@media only screen and (min-width: 1653px) and (max-width: 1683px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 10.67%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 10.67% 80px 10.67%;
    }
}

@media only screen and (min-width: 1684px) and (max-width: 1714px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 11.48%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 11.48% 80px 11.48%;
    }
}

@media only screen and (min-width: 1715px) and (max-width: 1745px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 12.29%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 12.29% 80px 12.29%;
    }
}

@media only screen and (min-width: 1746px) and (max-width: 1776px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 13.10%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 13.10% 80px 13.10%;
    }
}

@media only screen and (min-width: 1777px) and (max-width: 1807px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 13.91%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 13.91% 80px 13.91%;
    }
}

@media only screen and (min-width: 1808px) and (max-width: 1838px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 14.72%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 14.72% 80px 14.72%;
    }
}

@media only screen and (min-width: 1839px) and (max-width: 1869px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 15.53%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 15.53% 80px 15.53%;
    }
}

@media only screen and (min-width: 1870px) and (max-width: 1900px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 16%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 16% 80px 16%;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 1920px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        width: 100%;
        padding: 0 16.80%;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        width: 100%;
        padding: 140px 16.80% 80px 16.80%;
    }
}

@media only screen and (min-width: 1921px) {
    .aboutus-main-container .sec1-main-container {
        height: auto;
    }

    .aboutus-main-container .sec1-main-container .sec1-container,
    .aboutus-main-container .sec3-main-container .sec3-container {
        max-width: 1270px;
    }

    .aboutus-main-container .sec1-main-container .sec1-container .title-image {
        width: auto;
        height: auto;
    }

    .aboutus-main-container .sec2-main-container .sec2-container {
        max-width: 1270px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 432px) {
    .aboutus-main-container .sec3-main-container .sec3-container .image,
    .aboutus-main-container .sec3-main-container .sec3-container .image-link {
        width: 100%;
        height: 100%;
    }
}

/* About us end */

/* Advertise start */
@media only screen and (max-width: 240px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 5%;
    }

    .advertise-main-container .advertise-container .advertise-title {
        padding: 0 0 44px 0;
    }

    .advertise-main-container .advertise-container .advertise-title p {
        font-size: 20px;
        width: 100%;
        text-align: center;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-tag-line p {
        font-size: 22px;
        line-height: 30px;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .personal-details {
        flex-direction: column;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .personal-details .form {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .submit-button .btn span.label {
        padding: 15px 10px;
    }

    .advertise-main-container .advertise-container .advertise-bottom .right {
        display: none;
    }
}

@media only screen and (min-width: 241px) and (max-width: 360px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 5%;
    }

    .advertise-main-container .advertise-container .advertise-title {
        padding: 0 0 44px 0;
    }

    .advertise-main-container .advertise-container .advertise-title p {
        font-size: 20px;
        width: 100%;
        text-align: center;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-tag-line p {
        font-size: 22px;
        line-height: 30px;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .personal-details {
        flex-direction: column;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .personal-details .form {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .submit-button .btn span.label {
        padding: 15px 10px;
    }

    .advertise-main-container .advertise-container .advertise-bottom .right {
        display: none;
    }
}

@media only screen and (min-width: 361px) and (max-width: 480px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 5%;
    }

    .advertise-main-container .advertise-container .advertise-title {
        padding: 0 0 44px 0;
    }

    .advertise-main-container .advertise-container .advertise-title p {
        font-size: 24px;
        width: 100%;
        text-align: center;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-tag-line p {
        font-size: 25px;
        line-height: 30px;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .personal-details {
        flex-direction: column;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .personal-details .form {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .submit-button .btn span.label {
        padding: 15px 30px;
    }

    .advertise-main-container .advertise-container .advertise-bottom .right {
        display: none;
    }
}

@media only screen and (min-width: 481px) and (max-width: 624px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 5%;
    }

    .advertise-main-container .advertise-container .advertise-title {
        padding: 0 0 44px 0;
    }

    .advertise-main-container .advertise-container .advertise-title p {
        font-size: 29px;
        text-align: center;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-tag-line p {
        font-size: 28px;
        line-height: 30px;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .personal-details {
        flex-direction: column;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .personal-details .form {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .submit-button .btn span.label {
        padding: 15px 30px;
    }

    .advertise-main-container .advertise-container .advertise-bottom .right {
        display: none;
    }
}

@media only screen and (min-width: 625px) and (max-width: 768px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 5%;
    }

    .advertise-main-container .advertise-container .advertise-title {
        padding: 0 0 44px 0;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .personal-details {
        flex-direction: column;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .personal-details .form {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .right {
        display: none;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 5%;
    }

    .advertise-main-container .advertise-container .advertise-title {
        padding-top: 0;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .right {
        display: none;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 5%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form {
        width: 100%;
    }

    .advertise-main-container .advertise-container .advertise-bottom .right {
        display: none;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1466px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 5%;
    }
}

@media only screen and (min-width: 1467px) and (max-width: 1497px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 5.81%;
    }
}

@media only screen and (min-width: 1498px) and (max-width: 1528px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 6.62%;
    }
}

@media only screen and (min-width: 1529px) and (max-width: 1559px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 7.43%;
    }
}

@media only screen and (min-width: 1560px) and (max-width: 1590px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 8.24%;
    }
}

@media only screen and (min-width: 1591px) and (max-width: 1621px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 9.05%;
    }
}

@media only screen and (min-width: 1622px) and (max-width: 1652px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 9.86%;
    }
}

@media only screen and (min-width: 1653px) and (max-width: 1683px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 10.67%;
    }
}

@media only screen and (min-width: 1684px) and (max-width: 1714px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 11.48%;
    }
}

@media only screen and (min-width: 1715px) and (max-width: 1745px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 12.29%;
    }
}

@media only screen and (min-width: 1746px) and (max-width: 1776px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 13.10%;
    }
}

@media only screen and (min-width: 1777px) and (max-width: 1807px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 13.91%;
    }
}

@media only screen and (min-width: 1808px) and (max-width: 1838px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 14.72%;
    }
}

@media only screen and (min-width: 1839px) and (max-width: 1869px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 15.53%;
    }
}

@media only screen and (min-width: 1870px) and (max-width: 1900px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 16%;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 1920px) {
    .advertise-main-container .advertise-container {
        width: 100%;
        padding: 70px 16.80%;
    }
}

@media only screen and (min-width: 1921px) {
    .advertise-main-container .advertise-container {
        max-width: 1270px;
    }
}

/* Advertise end */

/* Contact us start */
@media only screen and (max-width: 240px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 5%;
    }

    .contactus-main-container .contactus-container .contactus-title {
        padding: 0 0 70px 0;
    }

    .contactus-main-container .contactus-container .contactus-title p {
        font-size: 20px;
        width: 100%;
        text-align: center;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-tag-line p {
        font-size: 22px;
        line-height: 30px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs ul span {
        width: 50%;
        text-align: center;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer {
        top: 166px;
        width: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer2 {
        width: 50%;
        top: 166px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked+.layer {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked~.layer2 {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form .general-form-title {
        top: -200px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details {
        flex-direction: column;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details .form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .submit-button .btn span.label {
        padding: 15px 10px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .right {
        display: none;
    }
}

@media only screen and (min-width: 241px) and (max-width: 307px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 5%;
    }

    .contactus-main-container .contactus-container .contactus-title {
        padding: 0 0 70px 0;
    }

    .contactus-main-container .contactus-container .contactus-title p {
        font-size: 20px;
        width: 100%;
        text-align: center;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-tag-line p {
        font-size: 22px;
        line-height: 30px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs ul span {
        width: 50%;
        text-align: center;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer {
        top: 166px;
        width: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer2 {
        width: 50%;
        top: 166px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked+.layer {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked~.layer2 {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form .general-form-title {
        top: -200px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details {
        flex-direction: column;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details .form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .submit-button .btn span.label {
        padding: 15px 10px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .right {
        display: none;
    }
}

@media only screen and (min-width: 308px) and (max-width: 360px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 5%;
    }

    .contactus-main-container .contactus-container .contactus-title {
        padding: 0 0 70px 0;
    }

    .contactus-main-container .contactus-container .contactus-title p {
        font-size: 20px;
        width: 100%;
        text-align: center;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-tag-line p {
        font-size: 22px;
        line-height: 30px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs ul span {
        width: 50%;
        text-align: center;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer {
        top: 136px;
        width: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer2 {
        width: 50%;
        top: 136px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked+.layer {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked~.layer2 {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form .general-form-title {
        top: -180px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details {
        flex-direction: column;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details .form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .submit-button .btn span.label {
        padding: 15px 10px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .right {
        display: none;
    }
}

@media only screen and (min-width: 361px) and (max-width: 480px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 5%;
    }

    .contactus-main-container .contactus-container .contactus-title {
        padding: 0 0 70px 0;
    }

    .contactus-main-container .contactus-container .contactus-title p {
        font-size: 24px;
        width: 100%;
        text-align: center;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-tag-line p {
        font-size: 25px;
        line-height: 30px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs ul span {
        width: 50%;
        text-align: center;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer {
        top: 136px;
        width: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer2 {
        width: 50%;
        top: 136px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked+.layer {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked~.layer2 {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form .general-form-title {
        top: -180px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details {
        flex-direction: column;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details .form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .submit-button .btn span.label {
        padding: 15px 30px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .right {
        display: none;
    }
}

@media only screen and (min-width: 481px) and (max-width: 624px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 5%;
    }

    .contactus-main-container .contactus-container .contactus-title {
        padding: 0 0 70px 0;
    }

    .contactus-main-container .contactus-container .contactus-title p {
        font-size: 29px;
        text-align: center;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-tag-line p {
        font-size: 28px;
        line-height: 30px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs ul span {
        width: 50%;
        text-align: center;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer {
        top: 136px;
        width: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer2 {
        width: 50%;
        top: 136px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked+.layer {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked~.layer2 {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form .general-form-title {
        top: -170px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details {
        flex-direction: column;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details .form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .submit-button .btn span.label {
        padding: 15px 30px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .right {
        display: none;
    }
}

@media only screen and (min-width: 625px) and (max-width: 768px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 5%;
    }

    .contactus-main-container .contactus-container .contactus-title {
        padding: 0 0 70px 0;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs ul span {
        width: 50%;
        text-align: center;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer {
        width: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer2 {
        width: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked+.layer {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked~.layer2 {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form .general-form-title {
        top: -170px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details {
        flex-direction: column;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details .form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .right {
        display: none;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 5%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs ul span {
        width: 50%;
        text-align: center;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer {
        width: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer2 {
        width: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked+.layer {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked~.layer2 {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form .general-form-title {
        top: -150px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details {
        flex-direction: column;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details .form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .right {
        display: none;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 5%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .tabs ul span {
        width: 50%;
        text-align: center;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer {
        width: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .layer2 {
        width: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked+.layer {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked~.layer2 {
        left: 50%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form .general-form-title {
        top: -140px;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details {
        flex-direction: column;
    }

    .contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details .form {
        width: 100%;
    }

    .contactus-main-container .contactus-container .contactus-bottom .right {
        display: none;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1466px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 5%;
    }
}

@media only screen and (min-width: 1467px) and (max-width: 1497px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 5.81%;
    }
}

@media only screen and (min-width: 1498px) and (max-width: 1528px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 6.62%;
    }
}

@media only screen and (min-width: 1529px) and (max-width: 1559px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 7.43%;
    }
}

@media only screen and (min-width: 1560px) and (max-width: 1590px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 8.24%;
    }
}

@media only screen and (min-width: 1591px) and (max-width: 1621px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 9.05%;
    }
}

@media only screen and (min-width: 1622px) and (max-width: 1652px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 9.86%;
    }
}

@media only screen and (min-width: 1653px) and (max-width: 1683px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 10.67%;
    }
}

@media only screen and (min-width: 1684px) and (max-width: 1714px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 11.48%;
    }
}

@media only screen and (min-width: 1715px) and (max-width: 1745px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 12.29%;
    }
}

@media only screen and (min-width: 1746px) and (max-width: 1776px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 13.10%;
    }
}

@media only screen and (min-width: 1777px) and (max-width: 1807px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 13.91%;
    }
}

@media only screen and (min-width: 1808px) and (max-width: 1838px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 14.72%;
    }
}

@media only screen and (min-width: 1839px) and (max-width: 1869px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 15.53%;
    }
}

@media only screen and (min-width: 1870px) and (max-width: 1900px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 16%;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 1920px) {
    .contactus-main-container .contactus-container {
        width: 100%;
        padding: 70px 16.80%;
    }
}

@media only screen and (min-width: 1921px) {
    .contactus-main-container .contactus-container {
        max-width: 1270px;
    }
}

/* Contact us end */

/* FAQ's start */
@media only screen and (max-width: 240px){
    .faq-main-container{
        padding: 40px 5%;
    }
}
@media only screen and (min-width: 241px) and (max-width: 1466px){
    .faq-main-container{
        padding: 40px 5%;
    }
}
@media only screen and (min-width: 1467px) and (max-width: 1497px){
    .faq-main-container{
        padding: 40px 5.81% 80px 5.81%;
    }
}
@media only screen and (min-width: 1468px) and (max-width: 1528px){
    .faq-main-container{
        padding: 40px 6.62% 80px 6.62%;
    }
}
@media only screen and (min-width: 1529px) and (max-width: 1559px){
    .faq-main-container{
        padding: 40px 7.43% 80px 7.43%;
    }
}
@media only screen and (min-width: 1560px) and (max-width: 1590px){
    .faq-main-container{
        padding: 40px 8.24% 80px 8.24%;
    }
}
@media only screen and (min-width: 1591px) and (max-width: 1621px){
    .faq-main-container{
        padding: 40px 9.05% 80px 9.05%;
    }
}
@media only screen and (min-width: 1622px) and (max-width: 1652px){
    .faq-main-container{
        padding: 40px 9.86% 80px 9.86%;
    }
}
@media only screen and (min-width: 1653px) and (max-width: 1683px){
    .faq-main-container{
        padding: 40px 10.67% 80px 10.67%;
    }
}
@media only screen and (min-width: 1684px) and (max-width: 1714px){
    .faq-main-container{
        padding: 40px 11.48% 80px 11.48%;
    }
}
@media only screen and (min-width: 1715px) and (max-width: 1745px){
    .faq-main-container{
        padding: 40px 12.29% 80px 12.29%;
    }
}
@media only screen and (min-width: 1746px) and (max-width: 1776px){
    .faq-main-container{
        padding: 40px 13.10% 80px 13.10%;
    }
}
@media only screen and (min-width: 1777px) and (max-width: 1807px){
    .faq-main-container{
        padding: 40px 13.91% 80px 13.91%;
    }
}
@media only screen and (min-width: 1808px) and (max-width: 1838px){
    .faq-main-container{
        padding: 40px 14.72% 80px 14.72%;
    }
}
@media only screen and (min-width: 1839px) and (max-width: 1869px){
    .faq-main-container{
        padding: 40px 15.53% 80px 15.53%;
    }
}
@media only screen and (min-width: 1870px) and (max-width: 1900px){
    .faq-main-container{
        padding: 40px 16% 80px 16%;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 1920px){
    .faq-main-container{
        padding: 40px 16.80% 80px 16.80%;
    }
}
@media only screen and (min-width: 1921px){
    .faq-main-container{
        max-width: 1270px;
        padding: 40px 0 80px 0;
    }
}
/* FAQ's end */

/* Sidebar start */
@media only screen and (max-width: 240px) {
    .sidebar-main-container .sidebar-container {
        width: 100%;
        padding: 0 20px;
    }

    /*.sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li:not(:last-child) {*/
    /*    margin-bottom: 2vh;*/
    /*}*/

    .sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li a {
        font-size: 4vw;
    }

    .sidebar-main-container .sidebar-container .sidebar .search-bar {
        margin-top: 6%;
    }

    .sidebar-main-container .sidebar-container .sidebar .search-bar form input {
        font-size: 4vw;
    }

    .sidebar-main-container .sidebar-container .sidebar .search-bar form button i {
        font-size: 4vw;
    }

    .sidebar-main-container .sidebar-container .sidebar .company-logo {
        margin: 5% 0;
    }

    /*.sidebar-main-container .sidebar-container .sidebar .social-media-links ul li:not(:last-child) {*/
    /*    margin-right: 10%;*/
    /*}*/

    .sidebar-main-container .sidebar-container .sidebar .social-media-links ul li a i {
        font-size: 5vw;
    }

    .sidebar-main-container .sidebar-container .sidebar .company-logo {
        width: 12%;
    }

    .sidebar-main-container .sidebar-container .close-btn {
        right: 20px;
    }
}

@media only screen and (min-width: 241px) and (max-width: 480px) {
    .sidebar-main-container .sidebar-container {
        width: 100%;
        padding: 0 20px;
    }

    /*.sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li:not(:last-child) {*/
    /*    margin-bottom: 2vh;*/
    /*}*/

    .sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li a {
        font-size: 4vw;
    }

    .sidebar-main-container .sidebar-container .sidebar .search-bar {
        margin-top: 6%;
    }

    .sidebar-main-container .sidebar-container .sidebar .search-bar form input {
        font-size: 4vw;
    }

    .sidebar-main-container .sidebar-container .sidebar .search-bar form button i {
        font-size: 4vw;
    }

    .sidebar-main-container .sidebar-container .sidebar .company-logo {
        margin: 5% 0;
    }

    /*.sidebar-main-container .sidebar-container .sidebar .social-media-links ul li:not(:last-child) {*/
    /*    margin-right: 10%;*/
    /*}*/

    .sidebar-main-container .sidebar-container .sidebar .social-media-links ul li a i {
        font-size: 5vw;
    }

    .sidebar-main-container .sidebar-container .sidebar .company-logo {
        width: 8%;
    }

    .sidebar-main-container .sidebar-container .close-btn {
        right: 20px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 624px) {
    .sidebar-main-container .sidebar-container {
        width: 100%;
        padding: 0 5%;
    }

    /*.sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li:not(:last-child) {*/
    /*    margin-bottom: 2vh;*/
    /*}*/

    .sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li a {
        font-size: 3vw;
    }

    .sidebar-main-container .sidebar-container .sidebar .search-bar {
        margin-top: 5%;
    }

    .sidebar-main-container .sidebar-container .sidebar .search-bar form input {
        font-size: 3vw;
    }

    .sidebar-main-container .sidebar-container .sidebar .search-bar form button i {
        font-size: 3vw;
    }

    .sidebar-main-container .sidebar-container .sidebar .company-logo {
        margin: 5% 0;
    }

    /*.sidebar-main-container .sidebar-container .sidebar .social-media-links ul li:not(:last-child) {*/
    /*    margin-right: 10%;*/
    /*}*/

    .sidebar-main-container .sidebar-container .sidebar .social-media-links ul li a i {
        font-size: 4vw;
    }

    .sidebar-main-container .sidebar-container .sidebar .company-logo {
        width: 8%;
    }

    .sidebar-main-container .sidebar-container .close-btn {
        right: 5%;
    }
}

@media only screen and (min-width: 625px) and (max-width: 768px) {
    .sidebar-main-container .sidebar-container {
        width: 100%;
        padding: 0 5%;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li a {
        font-size: 20px;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .search-bar form input{
        font-size: 20px;
    }

    .sidebar-main-container .sidebar-container .close-btn {
        right: 5%;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .company-logo {
        width: 8%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 896px) {
    .sidebar-main-container .sidebar-container {
        padding: 0 7%;
    }

    .sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li a {
        font-size: 20px;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .search-bar form input{
        font-size: 20px;
    }

    /*.sidebar-main-container .sidebar-container .sidebar .social-media-links ul li:not(:last-child) {*/
    /*    margin-right: 34px;*/
    /*}*/

    .sidebar-main-container .sidebar-container .sidebar .social-media-links ul li a i {
        font-size: 22px;
    }

    .sidebar-main-container .sidebar-container .close-btn {
        right: 7%;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .company-logo {
        width: 12%;
    }
}

@media only screen and (min-width: 897px) and (max-width: 1024px) {
    .sidebar-main-container .sidebar-container {
        padding: 0 7%;
    }

    .sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li a {
        font-size: 20px;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .search-bar form input{
        font-size: 20px;
    }

    /*.sidebar-main-container .sidebar-container .sidebar .social-media-links ul li:not(:last-child) {*/
    /*    margin-right: 34px;*/
    /*}*/

    .sidebar-main-container .sidebar-container .sidebar .social-media-links ul li a i {
        font-size: 22px;
    }

    .sidebar-main-container .sidebar-container .close-btn {
        right: 7%;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .company-logo {
        width: 12%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1112px) {
    .sidebar-main-container .sidebar-container {
        padding: 0 7%;
    }

    .sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li a {
        font-size: 20px;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .search-bar form input{
        font-size: 20px;
    }

    /*.sidebar-main-container .sidebar-container .sidebar .social-media-links ul li:not(:last-child) {*/
    /*    margin-right: 39px;*/
    /*}*/

    .sidebar-main-container .sidebar-container .sidebar .social-media-links ul li a i {
        font-size: 24px;
    }

    .sidebar-main-container .sidebar-container .close-btn {
        right: 7%;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .company-logo {
        width: 12%;
    }
}

@media only screen and (min-width: 1113px) and (max-width: 1200px) {
    .sidebar-main-container .sidebar-container {
        padding: 0 7%;
    }

    .sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li a {
        font-size: 20px;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .search-bar form input{
        font-size: 20px;
    }

    /*.sidebar-main-container .sidebar-container .sidebar .social-media-links ul li:not(:last-child) {*/
    /*    margin-right: 45px;*/
    /*}*/

    .sidebar-main-container .sidebar-container .sidebar .social-media-links ul li a i {
        font-size: 26px;
    }

    .sidebar-main-container .sidebar-container .close-btn {
        right: 7%;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .company-logo {
        width: 12%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1220px) {
    .sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li a {
        font-size: 20.5px;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .search-bar form input{
        font-size: 20.5px;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .company-logo {
        width: 12%;
    }
}
@media only screen and (min-width: 1221px) and (max-width: 1240px) {
    .sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li a {
        font-size: 21px;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .search-bar form input{
        font-size: 21px;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .company-logo {
        width: 12%;
    }
}
@media only screen and (min-width: 1241px) and (max-width: 1260px) {
    .sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li a {
        font-size: 21.5px;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .search-bar form input{
        font-size: 21.5px;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .company-logo {
        width: 12%;
    }
}
@media only screen and (min-width: 1261px) and (max-width: 1280px) {
    .sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li a {
        font-size: 22px;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .search-bar form input{
        font-size: 22px;
    }
    
    .sidebar-main-container .sidebar-container .sidebar .company-logo {
        width: 12%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 883px){
    .sidebar-main-container .sidebar-container .sidebar .company-logo h1{
        font-size: clamp(1.5rem, 1.5vw + 1.5rem, 1.55rem);
    }
}

@media only screen and (min-width: 884px) and (max-width: 1362px){
    .sidebar-main-container .sidebar-container .sidebar .company-logo h1{
        font-size: clamp(2rem, 2.1vw + 2rem, 2.1rem);
        font-size: clamp(1rem, 1.8vw + 1rem, 1.8rem);
    }
}

/* Sidebar end */

/* write for us start */
@media only screen and (max-width: 768px) {
        .write_main_container .banner h2{
            font-size: clamp(1rem, 1vw + .5rem, 2.5rem);
        }
        .write_main_container .write_sub_container .who_we_are .title .img, .write_main_container .write_sub_container .write_for_us .title .img, .write_main_container .write_sub_container .why_write .title .img, .write_main_container .write_sub_container .looking_for .title .img, .write_main_container .write_sub_container .guidelines .title .img, .write_main_container .write_sub_container .submit .title .img, .write_main_container .write_sub_container .next .title .img{
            width: 40px;
            height: 40px;
        }
        .write_main_container .write_sub_container .who_we_are .title .img img, .write_main_container .write_sub_container .write_for_us .title .img img, .write_main_container .write_sub_container .why_write .title .img img, .write_main_container .write_sub_container .looking_for .title .img img, .write_main_container .write_sub_container .guidelines .title .img img, .write_main_container .write_sub_container .submit .title .img img, .write_main_container .write_sub_container .next .title .img img{
            width: 40px;
            height: 40px;
        }
        .write_main_container .write_sub_container .who_we_are .title .title_content, .write_main_container .write_sub_container .write_for_us .title .title_content, .write_main_container .write_sub_container .why_write .title .title_content, .write_main_container .write_sub_container .looking_for .title .title_content, .write_main_container .write_sub_container .guidelines .title .title_content, .write_main_container .write_sub_container .submit .title .title_content, .write_main_container .write_sub_container .next .title .title_content{
            min-height: 40px;
        }
    }

    @media only screen and (max-width: 450px) {
        .write_main_container .banner h2{
            font-size: clamp(.8rem, .7vw + .6rem, 2.5rem);
        }
        .write_main_container .write_sub_container{
            width: 80%;
        }
    }
/* write for us end */

/* Footer start */
@media only screen and (min-width: 0px) and (max-width: 1024px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 5%;
    }

    .footer-main-container .footer-container .top-footer-container {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .footer-main-container .footer-container .top-footer-container .left-footer {
        width: 100%;
        margin-bottom: 20px;
        align-items: center;
    }
    
    .footer-main-container .footer-container .top-footer-container .left-footer .left-sub-footer {
        width: 100%;
    }

    .footer-main-container .footer-container .top-footer-container .mid-footer {
        width: 100%;
        margin-bottom: 20px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .footer-main-container .footer-container .top-footer-container .mid-footer .section {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .footer-main-container .footer-container .top-footer-container .mid-footer .section a {
        margin: 0 15px 15px 0;
    }

    .footer-main-container .footer-container .top-footer-container .right-footer {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-main-container .footer-container .top-footer-container .right-footer .social-media-links {
        align-items: center;
        justify-content: center;
    }

    .footer-main-container .footer-container .bottom-footer-container {
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    
    .footer-main-container .footer-container .bottom-footer-container .copyright{
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 5%;
    }

    .footer-main-container .footer-container .top-footer-container .left-footer {
        width: calc(100% - 75%);
    }

    .footer-main-container .footer-container .top-footer-container .mid-footer {
        width: calc(100% - 50%);
    }

    .footer-main-container .footer-container .top-footer-container .right-footer {
        width: calc(100% - 75%);
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1466px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 5%;
    }
}

@media only screen and (min-width: 1467px) and (max-width: 1497px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 5.81%;
    }
}

@media only screen and (min-width: 1498px) and (max-width: 1528px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 6.62%;
    }
}

@media only screen and (min-width: 1529px) and (max-width: 1559px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 7.43%;
    }
}

@media only screen and (min-width: 1560px) and (max-width: 1590px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 8.24%;
    }
}

@media only screen and (min-width: 1591px) and (max-width: 1621px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 9.05%;
    }
}

@media only screen and (min-width: 1622px) and (max-width: 1652px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 9.86%;
    }
}

@media only screen and (min-width: 1653px) and (max-width: 1683px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 10.67%;
    }
}

@media only screen and (min-width: 1684px) and (max-width: 1714px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 11.48%;
    }
}

@media only screen and (min-width: 1715px) and (max-width: 1745px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 12.29%;
    }
}

@media only screen and (min-width: 1746px) and (max-width: 1776px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 13.1%;
    }
}

@media only screen and (min-width: 1777px) and (max-width: 1807px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 13.91%;
    }
}

@media only screen and (min-width: 1808px) and (max-width: 1838px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 14.72%;
    }
}

@media only screen and (min-width: 1839px) and (max-width: 1869px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 15.53%;
    }
}

@media only screen and (min-width: 1870px) and (max-width: 1900px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 16%;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 1920px) {
    .footer-main-container .footer-container {
        width: 100%;
        padding: 80px 16.80%;
    }
}

@media only screen and (min-width: 1921px) {
    .footer-main-container .footer-container {
        max-width: 1270px;
    }
}

/* Footer end */