/*mobile*/

@media only screen and (max-width: 767px) {
    /* .login-register-form-inner-padding .g-recaptcha div {
        margin: unset;
    } */
    .profile-mobile {
        position: absolute;
        right: -10px;
        top: -80px;
    }

    .login-register-form-inner-padding {
        padding-left: 5px;
        padding-right: 5px;
    }

    .navbar-tag {
        padding: 4px 0 0;
        font-size: 30px;
        position: absolute;
        right: 0;
        top: -50px;
        height: 35px;
    }
    .font-18 {
        font-size: 15px;
    }

    .navbar-toggler:focus {
        box-shadow: unset;
    }
    .font-36 {
        font-size: 24px;
    }
    .owlCarousel2 .owl-nav .owl-prev span,
    .owlCarousel1 .owl-nav .owl-prev span {
        bottom: 0%;
    }
    .owlCarousel2 .owl-nav .owl-next span,
    .owlCarousel1 .owl-nav .owl-next span {
        bottom: 0;
    }
    .font-27 {
        font-size: 20px;
    }
    .apto-trigger-dropdown {
        position: absolute;
        right: 6px;
        top: 10px;
        z-index: 100;
    }
    .carousel-caption-div {
        left: 9%;
        bottom: 45%;

        width: 80%;
    }
    .font-30 {
        font-size: 24px;
    }
    .subribe-btn {
        left: 0;
    }
    .box-post-right {
        min-height: unset;
        padding-bottom: 50px;
    }
    .post-img {
        padding-left: 0;
        padding-right: 0;
    }
    .select2-container {
        width: 100% !important;
    }
    .owlCarousel4 .owl-nav .owl-prev span {
        right: 7%;
    }
    .top-marign {
        margin-top: 0;
    }

    .font-40 {
        font-size: 20px;
    }
    .login-icon-btn {
        position: absolute;
        left: -5%;
        top: 12%;
    }

    .inner-caption {
        position: unset;
        height: auto;
        padding: 5px 25px;
        background-image: linear-gradient(0deg, #231f20, #0052c2);
    }
    .font-16 {
        font-size: 14px;
    }

    .mobile-carousel .owl-nav .owl-next span {
        position: absolute;
        bottom: 40%;
        right: 0;
        border-radius: 0;
        display: block;
        outline: 0;
        color: #fdfdfd !important;
        font-size: 120px !important;
        transition: all 0.3s ease-in-out;
        font-weight: 100 !important;
    }

    .mobile-carousel .owl-nav .owl-next span,
    .mobile-carousel .owl-nav .owl-next span {
        right: unset;
        position: absolute;
        bottom: 50px;
        left: 50px;
        border-radius: 0;
        display: block;
        outline: 0;
        color: #fba613 !important;
        font-size: 120px !important;
        transition: all 0.3s ease-in-out;
        font-weight: 100 !important;
    }

    .mobile-carousel .owl-nav .owl-prev span {
        position: absolute;
        bottom: 50px;
        left: 5px;
        border-radius: 0;
        display: block;
        outline: 0;
        color: #fba613 !important;
        font-size: 120px !important;
        transition: all 0.3s ease-in-out;
        font-weight: 100 !important;
    }
    .banner-section {
        margin-top: -22px;
    }
    .mobile-carousel.owl-carousel .owl-nav.disabled {
        display: block !important;
    }
    .bg-dark-gray {
        background-color: #231f2077;
    }
    .m-top-section {
        position: absolute;

        z-index: 100;

        text-align: right;
    }
    .dropdown-custm {
        right: 0;
        top: 45px;
    }
    .nav-custmz {
        background-color: #000000bf;
        padding-left: 15px;
    }
    .login-register-form-inner-padding {
        padding-top: 30px;
    }
    .slider-content {
        width: 100%;
        margin-left: 0;
    }
    .swiper-container-3d .swiper-slide p {
        font-size: 14px;
    }
    .prev-button {
        left: 1em;
        margin-top: -2em;
    }
    .custom-button {
        font-size: 24px;
    }
    .next-button {
        right: 1em;
        margin-top: -2em;
    }
    .scrollDiv {
        height: 200px;

    }
    .mobile-100vh{
        height:100vh !important;
    }
}

/*vertical*/

@media screen and (min-width: 768px) and (max-width: 991px) {
    .mobile-100vh{
        height:100vh !important;
    }
    .inner-caption {
        top: 25%;
    }

    .font-54 {
        font-size: 30px;
    }
    .font-36 {
        font-size: 27px;
    }
    .font-27 {
        font-size: 24px;
    }

    .apto-dropdown-wrapper {
        position: absolute;
        right: 100px;
        z-index: 100;
    }
    .post-img {
        padding-left: 0;
        padding-right: 0;
    }
    .box-post-right {
        min-height: unset;
        padding-bottom: 50px;
    }
    .d-sm-noe {
        display: none !important;
    }

    .d-sm-block-sec {
        display: block !important;
    }
    .login-icon-btn {
        position: absolute;
        right: 0%;
        top: 8%;
    }
    .navbar-nav {
        padding-top: 25px;
    }
    .inner-caption {
        position: unset;
        height: auto;
        padding: 5px 25px;
        background-image: linear-gradient(0deg, #231f20, #0052c2);
    }
    .font-40 {
        font-size: 30px;
    }
    .social-button {
        width: 30px;
        height: 30px;
        border: 1px solid #7f7b7f;
        line-height: 25px;

        margin-right: 5px;

        font-size: 15px;
    }
    .slider-section .carousel-indicators button {
        width: 10px;
        height: 30px;
    }
    .carousel-caption-div {
        left: 5%;
        bottom: 5%;

        width: 50%;
    }
    .navbar-tag {
        padding: 4px 0 0;
        font-size: 30px;
        position: absolute;
        right: 0;
        top: -50px;
        height: 35px;
    }
    .bg-dark-gray {
        background-color: #231f2077;
    }

    .nav-custmz {
        background-color: #000000bf;
        padding-left: 15px;
    }
    .login-register-form-inner-padding {
        padding-top: 150px;
    }
    .login-wrapper {
        height: unset;
    }
    .prev-button {
        left: 20%;
        margin-top: -7%;
    }
    .custom-button {
        font-size: 24px;
    }
    .next-button {
        right: 20%;
        margin-top: -7%;
    }
    .slider-content {
        margin-left: -45%;
    }
    .slider-content {

width: 150%;

margin-left: -75px;

}
.m-top-section {
    top: 0;
    right: 0;
    position: absolute;
    display: block !important;
    z-index: 10000;
    text-align: right;
}

}

/*landscape*/

@media (min-width: 992px) and (max-width: 1199px) {
    .mobile-100vh{
        height:100vh !important;
    }
    .font-18 {
        font-size: 13px;
    }
    .font-54 {
        font-size: 40px;
    }
    .font-36 {
        font-size: 24px;
    }
    .font-30 {
        font-size: 17px;
    }
    .font-16 {
        font-size: 13px;
    }
    .font-27 {
        font-size: 24px;
    }
    .inner-caption {
        top: 20%;
    }
    .box-post-right {
        min-height: 540px;
    }
    .tab-100 {
        width: 100% !important;
    }
    .login-register-form-inner-padding {
        padding-top: 50px;
    }
    .login-wrapper {
        height: unset;
    }
    .prev-button {
        left: 15%;
        margin-top: -10%;
    }
    .custom-button {
        font-size: 24px;
    }
    .next-button {
        right: 15%;
        margin-top: -10%;
    }
    .slider-content {
        margin-left: -14em;
    }
    .scrollDiv {
        height: 250px;

    }
}

/*large*/

@media (min-width: 1400px) {
    .login-wrapper {
        height: 100vh;
    }
    .login-register-form-inner-padding {
        padding-top: 150px;
    }
    .box-post-right {
        min-height: 635px;
    }
    /* Next button specific styles */
    .next-button {
        margin-top: -5%;
        right: 32%;
    }
    .slider-content {
        margin-left: -6em;
    }

    /* Previous button specific styles */
    .prev-button {
        left: 34%;
        margin-top: -5%;
    }
    .scrollDiv {
        height: 420px;

    }
    .carousel-caption-div {

        left: 16%;

        width: 30%;

    }
}