@media only screen and (max-width: 1920px) {
    .latest-movie-img-container.HorizontalSmall {
        height: 300px;
    }
    .latest-movie-img-container.HorizontalSmall .movie-details .controls {
        padding-top: 190px;
    }
    .new-thumbnail-image {
        height: 230px;
    }
    .new-thumbnail-image .movie-details .controls {
        padding-top: 135px;
    }
}

@media only screen and (max-width: 1700px) {
    .latest-movie-img-container.HorizontalSmall {
        height: 270px;
    }
    .latest-movie-img-container.HorizontalSmall .movie-details .controls {
        padding-top: 175px;
    }
}

@media only screen and (max-width: 1550px) {
    .latest-movie-img-container.HorizontalSmall {
        height: 245px;
    }
    .latest-movie-img-container.HorizontalSmall .movie-details .controls {
        padding-top: 150px;
    }
}

@media only screen and (max-width: 1450px) {
    .latest-movie-img-container.HorizontalSmall {
        height: 220px;
    }
    .latest-movie-img-container.HorizontalSmall .movie-details .controls {
        padding-top: 120px;
    }
}

@media only screen and (max-width: 1400px) {
    .new-thumbnail-image {
        height: 195px;
    }
}

@media only screen and (max-width: 1300px) {
    .latest-movie-img-container.HorizontalSmall {
        height: 200px;
        object-fit: cover;
    }
    .new-thumbnail-image .movie-details .controls {
        padding-top: 110px;
    }
    .latest-movie-img-container.HorizontalSmall .movie-details .controls {
        padding-top: 100px;
    }
    
}

@media only screen and (max-width: 1200px) {
    .navbar-nav>li>a {
        font-size: 13px;
    }
    .navbar-nav>li {
        padding: 0px 2px;
    } 
    .new-thumbnail-image {
        height: 160px; 
    } 
    .header-login a { 
        padding: 8px 25px!important;  
    }
    .gradent-btn {
        padding: 8px 10px !important
    }
    .top-right-menu li a img.flaticon-translation {
        width: 22px;
    }
    .latest-movie-img-container.HorizontalSmall {
        height: 250px;
        object-fit: cover;
    }
    .latest-movie-img-container.HorizontalSmall .movie-details .controls {
        padding-top: 150px;
    }
}


@media only screen and (max-width: 1100px) {
    .homeSlider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 120px !Important;
    }
    .homeSlider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 120px !Important;
    }
    .latest-movie-img-container .movie-details .controls {
        padding-top: 110px;
    }
    .new-thumbnail-image  .movie-details .controls {
        padding-top: 75px;
    }

}

@media only screen and (max-width: 1080px) {
    .latest-movie-img-container.HorizontalSmall {
        height: 225px;
        object-fit: cover;
    }
    .latest-movie-img-container.HorizontalSmall .movie-details .controls {
        padding-top: 130px;
    }
}

@media only screen and (max-width: 991px) {
    .header .main-menu {
        display: none;
    }
    .slider-action h2 {
        font-size: 26px;
    }
    .new-thumbnail-image {
        height: 115px;
    }
    .new-thumbnail-image .movie-details .controls {
        padding-top: 36px;
    }
    .courses-details .diagram-sec {
        display: flex;
        overflow-x: scroll;
    }
    .homeSlider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 70px !Important;
    }
    .homeSlider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 70px !Important;
    }
    .movies-list-wrap .ml-title span.title {
        font-size: 22px;
        line-height: 36px;
    }
    .navbar-static-top .container {
        position: relative;
    }
    .latest-movie-img-container.HorizontalSmall {
        height: 220px;
        object-fit: cover;
    }
}

@media (max-width: 980px) {
	#primary-bar .logo {
/*		width: 250px;*/
		border:none;
	}
	#primary-bar .border-right:first-child {
		border-right: none;		
	}
	.sm-border-top {
		border-top: 1px solid #ddd;
	}	
	.logo img {
		display: inline-block;
	}
	#cssmenu > ul > li > a {
		padding: 0px 15px;
	}
	.bottom-movie-img-container .bottom-movie-img {
		margin-bottom: 20px;
	}
	.btn-create-album {
		font-size: 14px !important;
		padding: 6px;
		margin-top: 28px;
	}
	.footer-about,
	.bottom-post {
		margin-bottom: 25px;
	}

	.video-info-bar ul li:nth-last-child(2) {
		border-right: none;
	}
	#post-listing .sidebar-movie {
		display: inline-block;
		width: 48.5%;		
	}
	#post-listing .sidebar-movie:nth-child(1){
		margin-right: 15px;
		float: left;
	}
	#post-listing .tags {
		margin-bottom: 60px;
	}
	.blog-info-bar .info-ul li:last-child {
	    border-left: none;
	    border-right: none;
	    border-top: 1px solid #fff;
	    text-align: center;
	    width: 100%;
	}
	.similler-movie .post-list-container {
		margin-bottom: 30px;
	}
	p.blog-movie-desc {
	    margin-top: 15px;
	    text-align: left;
	    width: 100%;
	}
	p.post-video-aut-name {
		width: 100%;
	}
	.similler-movie .movie-container .latest-movie-img-container {
		margin-bottom: 30px;
	}
	.about-video {
		margin-bottom: 50px;
	}

		/* Home V2 */

		.primary-bar-v2 .logo {
			text-align: center;
		}
		.primary-bar-v2 .logo img {
			width: 70%;
		}
	}
        
        

@media (max-width: 768px) {

	#index-v2 .srch-button {
            left: 20px;
            top: 20px;
	}
        .new-thumbnail-image {
            height: 142px;
        }
        .new-thumbnail-image .movie-details .controls {
            padding-top: 60px;
        }
	.btn-blue {
            padding: 8px;
            margin-top: 20px;
	}
        .latest-movie-img-container.HorizontalSmall {
            height: auto;
        }
        .movies-list-wrap .ml-title span.title {
            font-size: 16px;
        }
        .courses-details .diagram-sec img {
            width: 220px;
            height: 220px;
        }
        .swiper-button-next, .swiper-button-prev {
            top: 42% !important;
        }
        .homeSlider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
            left: 50px !Important;
        }
        .homeSlider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
            right: 50px !Important;
        }
        .navbar-nav>li.header-login a {
            border: inherit;
            padding: 8px 10px!important;
        }
        .top-right-menu li a i {
            font-size: 25px;
        }
       
        
}
@media (max-width: 640px) {
	#title-bar .page-title {
		text-align: center;
	}
	#title-bar .breadcrumb {
		text-align: center;
		padding-bottom: 0px;
	}
	.user-form {
		position: static;
		width: 320px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		margin-bottom: 50px;		
	}
	.w-facebook {
		margin-right: 5px;
		padding: 10px 20px 10px 45px;
	}
	.w-twitter {
		padding: 10px 20px 10px 45px;	
	}
	#wrapper.toggled #login-box {
		width: 400px;
	}
	#login-box {
		right: 400px; 
		margin-right: -400px;
	}
	#wrapper.toggled #main-content {
		margin-left: -400px;
	}
	#wrapper.toggled {
		padding-right: 400px;
	}
	#primary-bar .social-icon {
		text-align: left;
		padding: 0px;
	}
	#primary-bar .search-box .form-control {
		padding-left: 25px;
	}
	#primary-bar .search-box .search-icon {
		left: 3%;
		/*margin-top: -5px;*/
	}
	#primary-bar .search-box {
		padding-bottom: 0px;
		padding-top: 0px;
	}
	#primary-bar .social-icon ul {
		margin-bottom: 10px;
	}
	#primary-bar .login .media .media-left {
		padding-left: 0px;
		width: 28px;
		height: 28px;
	}
	.small-grid {
		width: 90%;
		margin-left: 5%;
	}
	.latest-movie-img-container {
		width: 100%;
/*		margin-left: 5%;*/
	}
	.sports .movie-title,.sports .movie-img {
		width: 76%;
	}
	.bottom-movie-img-container .bottom-movie-img {
		width: 60%;
	}
	.footer-about,
	.bottom-post,
	.bottom-categories {
		margin-bottom: 25px;
	}
	.footer-about img {
		width: 35%;
	}
	.movie-details-container {
		margin-bottom: 40px;
	}
	.video-info-bar .info-ul li:first-child {
			width: 50%;
			float: left;
			border-bottom: 1px solid #fff;
	}
	.video-info-bar .info-ul li:nth-child(2) {
		width: 50%;
		float: left;
		border-bottom: 1px solid #fff;
	}
	.video-info-bar .info-ul li:nth-child(3) {
		width: 75%;
		float: left;
	}
	.video-info-bar .info-ul li:last-child {
		width: 25%;
	}
	.blog-info-bar .info-ul li:nth-child(3) {
		width: 50%;
	}
	.blog-info-bar .info-ul li:last-child {
		width: 100%;
		border-left: none;
		border-top: 1px solid #fff;
		text-align: center;
	}

	#post-listing .sidebar-movie {
		display: block;
		width: 100%;
		/*margin-right: 15px;*/
	}
	#post-listing .sidebar-movie:nth-child(1){
		margin-right: 0px;
		float: none;
	}
	#post-listing .tags {
		margin-bottom: 60px;
	}
        .navbar-nav>li.header-login a span {
            display: none;
        }
                
        .top-right-menu li a img.flaticon-translation {
            width: 26px;
        }                

		/* Home V2 */

	#primary-bar.primary-bar-v2 .login {
		padding: 15px 0px;
	}
	#primary-bar.primary-bar-v2 .btn-blue {
		margin-top: 8px;
	}
        .homeSlider img {
            height: 230px;
            object-fit: cover;
        }
        .slider-action h2 {
            font-size: 22px;
        }
        .slider-action .watch-btn {
            font-size: 12px;
        }
        .slider-action .subscribe-btn {
            font-size: 12px;
        }
        .homeSlider .swiper-slide .slider-action {
            padding: 10px 25px;
        }
        .homeSlider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
            left: 30px !Important;
        }
        .homeSlider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
            right: 30px !Important;
        }
        .swiper-button-next, .swiper-button-prev {
            top: 60% !important;
        } 
        
        
}

@media only screen and (max-width: 576px) {
        .movies-list-wrap .ml-title span.title {
            font-size: 14px !important;
            line-height: 24px !important;
        }
        .movie-full-details .movie-data {
            padding: 25px 14px;
        }
<<<<<<< HEAD
        .latest-movie-img-container.HorizontalSmall {
            height: 200px;
        }
        .new-thumbnail-image {
            height: 135px;
        }
        .new-thumbnail-image .movie-details .controls {
            padding-top: 55px;
=======
        .latest-movie-img-container.HorizontalSmall .movie-details .controls {
            padding-top: 142px;
>>>>>>> origin/main
        }
        .courses-details .nav-tabs>li {
            float: inherit;
            margin-bottom: 10px;
            text-align: center;            
        }
        .latest-movie-img-container {
            margin-bottom: 10px;
        }
        #footer .movie-heading {
            margin-bottom: 10px;
        }
            #footer .social-icons {
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 18px !important;
        }
        #section-opt {
            padding: 14px 0px 10px;
        }
        .navbar-nav {
            margin: 5.5px -4px;
        }
        .navbar-nav>li>a {
            line-height: 18px;
        }
}

@media (max-width: 480px) {
	.logo img {
		width: 80%;
	}
	.btn-create-album {
		margin-top: 22px;
	}
<<<<<<< HEAD
        .new-thumbnail-image {
            height: 160px; 
        } 
=======
        .movie-details .controls h3 a {
            font-size: 14px;
        }
        .latest-movie-img-container.HorizontalSmall .movie-details .controls {
            padding-top: 80px;
          }
        .page-title h1 {
            font-size: 15px;
            line-height: 22px;
        }
>>>>>>> origin/main
        .search-main {
            padding: 4px;
        }
        .homeSlider img {
            height: 180px;
        }
        .latest-movie-img-container.VerticalSmall {
            height: 285px;
        }
        .latest-movie-img-container.HorizontalSmall {
            height: 190px;
        }
        
        .latest-movie-img-container.VerticalLarge {
            height: 280px;
        }
        .slider-action h2 {
            font-size: 16px;
            margin-bottom: 10px;
        }
        .homeSlider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
            left: 25px !Important;
        }
        .homeSlider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
            right: 25px !Important;
        }
        .homeSlider .swiper-slide .slider-action {
            padding: 10px 35px;
        }
        .slider-action .watch-btn {
            font-size: 10px;
            padding: 4px 10px !important;
        }
        .slider-action .subscribe-btn {
            font-size: 11px;
            padding: 4px 10px !important;
        }
        .watch-later-btm a.wt-later-btn {
            padding: 8px;
            width: inherit;
        }
        .watch-later-btm a.wt-later-btn p {
            font-size: 13px;
        }
        .actions-btns li.temp-wish {
            padding: 8px;
            width: 100px;
        }
        .actions-btns li.temp-wish p {
            font-size: 13px;
        }
        .movie-detail-sharebtn {
            padding: 8px;
            width: 100px;
        }
        .a2a_default_style:not(.a2a_flex_style) a {
            font-size: 13px;
        }
}

@media only screen and (max-width: 410px) {
        .latest-movie-img-container.VerticalSmall {
            height: 250px;
           }
        .latest-movie-img-container.VerticalLarge {
            height: 250px;
        }
        .latest-movie-img-container.HorizontalSmall .movie-details .controls {
            padding-top: 85px;
          }
        .latest-movie-img-container.HorizontalSmall {
            height: auto;
        }
        .actions-btns {
            margin: 0px 8px 0px 8px;
        }
        .temp-wish a i {
            font-size: 14px;
        }
        .watch-later-btm a.wt-later-btn i {
            font-size: 13px;
        }
        .movie-detail-sharebtn i.fa-share {
            font-size: 13px !important
        }
}

@media only screen and (max-width: 380px) {
        .latest-movie-img-container.VerticalSmall {
            height: 235px;
        }
        .slider-action .watch-btn {
            padding: 6px 14px !important;
        }
        .latest-movie-img-container.HorizontalSmall .movie-details .controls {
            padding-top: 68px;
          }
        .slider-action .subscribe-btn {
            padding: 6px 14px !important;
        } 
}

@media (max-width: 360px) {
	.logo img {
		width: 60%;
	}
	.btn-create-album {
		margin-top: 16px;
	}
	#wrapper.toggled #login-box {
		width: 360px;
	}
         .latest-movie-img-container.HorizontalSmall {
            height: auto; 
          }
	#login-box {
		right: 360px; 
		margin-right: -360px;
	}
	#wrapper.toggled #main-content {
		margin-left: -360px;
	}
	#wrapper.toggled {
		padding-right: 360px;
	}
	.user-form {
		margin: 20px auto 50px;
	}
	.sports .movie-title,.sports .movie-img {
		width: 86%;
	}
	p.hd-movie-desc {
		width: 77%;
	}
	p.hd-vid-auth-name {
		width: 23%;
	}
	.footer-about img {
		width: 63%;
	}
}
@media (max-width: 320px) {
	#wrapper.toggled #login-box {
		width: 320px;
	}
	#login-box {
		right: 320px; 
		margin-right: -320px;
	}
	#wrapper.toggled #main-content {
		margin-left: -320px;
	}
	#wrapper.toggled {
		padding-right: 320px;
	}
	.user-form {
		margin: 10px auto 50px;
		width: 300px;
	}
	.w-facebook, .w-twitter {
		padding: 10px 15px 10px 42px;
		font-size: 14px;	
	}
	
}