/*-- RESPONSIVE --*/
@media only screen and (max-width: 1024px) {
	/* Header */
	.responsive-nav{
		top: 20px;
		padding-left: 80px;
	}
	.logo-res{
		width: 140px;
		height: auto;
	}
	/* Slider */
	.slider .list .item .content {
		padding-right: 30%;
		top: 20%;
	}
	.slider .list .item .content .title, 
	.slider .list .item .content .type {
		font-size: 6vw;
	}
	.slider .list .item .content .description {
		font-size: 1rem;
	}
	/* About */
	.about{
		margin: 100px 0;
	}
	.text-about .hr-title {
		margin: 10px auto 20px auto !important;
	}
	.screen_lg_about_img{
		display: none;
	}
	.text-about{
		margin: auto;
		width: 90%;
		text-align: center;
	}
	.text-about .about_p {
        margin: 40px 40px 0 40px;
        text-align: left;
    }
	.responsive_img_sm img{
		width: 100%;
		height: 100%;
	}
	.responsive_img_sm {
        display: block;
        margin: 0 auto;
        height: auto;
        max-width: 450px;
        min-width: 320px;
        border: 1px solid var(--primary-color);
        padding: 10px;
    }
	/* Best of */
	.vids_content{
		flex-direction: column;
	}
	.vids_content video {
		width: 100%;
	}
	.text_video_content{
		width: 100%;
	}
	/* Reviews */
	.card{
		width: 90%;
		height: 350px;
	}
	.inner{
		width: 100%;
	}
	/* Form */
	.form{
		width: 60%;
	}
}

@media only screen and (max-width: 768px) {
	.menu-nav-responsive{
		width: 65vw;
	}
	.menu-nav-responsive ul li a{
		font-size: 2rem;
	}
	/* Fixed Socials */
	.fixed_social_media.social-media{
		display: none !important;
	}
	.slider .list .item .content .title, 
	.slider .list .item .content .type {
		font-size: 6vw;
	}
	.slider .list .item .content .description {
		font-size: 1rem;
	}
	.nextPrevArrows .button {
		width: 45px;
		height: 45px;  
	}
	/* Paralax */
	.paralax_social-content{
		flex-direction: column;
	}
	.paralax_n_1 {
		border-right: none;
		border-bottom:  1px solid #666666;
	}
	/* About*/
	.text-about .about_p {
        margin: 40px 20px 0 20px;
    }
	/* Desc */
	.esc_ord_cont {
		margin: 100px 0;
	}
	.desc{
		flex-direction: column;
		margin-bottom: 80px;
	}
	.content-desc{
		width: 90%;
	}
	.screen_lg_desc_img{
		display: none;
	}
	.responsive_desc_img_sm{
		display: block;
	}
	.responsive_desc_img_sm, .content-desc p{
		margin-top: 50px;
	}
	.content-desc h2, .content-desc p{
		text-align: center;
	}
	.content-desc p{
		margin-right: 0;
	}
	.hr-desc{
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.content-desc .sig{
		margin: auto;
	}
	/* Gallery */
	.open_img_content{
		gap: 20px;
		justify-content: left;
	}
	.add_img{
		width: 60%;
	}
	.add_title{
		font-size: 1.8em;
	}
	.text_desc_image_light {
		width: 95%;  
	}
	/* Form */
	.form-sec{
		flex-direction: column;
	}
	.form_contac-info h3 {
		width: 90%;
	}
	.form {
		width: 75%;
	}
	.form .contact__info{
		width: 90%;
		justify-content: space-between !important;
	}
	.form_contac-info {
		width: 70%;
		height: auto;
	}
	
	/* Footer */
	.footer-content{
		justify-items: center;
		text-align: center;
	}
	.footer_logo{
		margin: auto;
	}
	.social-media {
		display: flex;
		justify-content: center;
	}

	.hr_footer {
		margin: 10px auto 20px auto !important;
	}
}

@media only screen and (max-width: 640px) {
	/* Header */
	.menu-nav-responsive {
        width: 85vw;
    }
	.menu-nav-responsive ul li a {
        font-size: 1.5rem;
    }
	.responsive-nav{
		padding: 0 0 0 20px;
	}
	.hamburger{
		right: 20px;
		font-size: 2.8rem !important;
	}
	/* Slider */
	.slider .list .item .content {
		padding-right: 10%;
		top: 15%;
	}
	.slider .list .item .content .title, 
	.slider .list .item .content .type {
		font-size: 11vw;
	}
	.nextPrevArrows {
		top: 70%;
		right: 50%;
	}
	.thumbnail{
		left: 25%;  
	}
	.thumbnail .item{
		width: 20vw;
		height: 20vw;  
	}
	.responsive_img_sm{
		min-width: 250px;
	}
    .text-about .about_p {
        margin: 40px 15px 0 15px;
    }

	/* Paralax */
	.circle-logo {
		margin-bottom: 20px;
	}
	.paralax_social-content {
		margin-top: 0; 
	}

	/* Gallery */
	.gallery_content {
		width: 98%;
		gap: 5px;
	}
	.front_title {
		font-size: 1.2em;
	}
	/* Best of (video section) */
	.head_vid_section{
		width: 90%;
		flex-direction: column;
	}
	.head_vid_section h2{
		width: 100%;
		border-right: none;
	}
	.head_vid_section p{
		width: 100%;
		padding: 10px 10px 10px 0;
	}
	.vids_content{
		width: 90%;
		padding: 30px;
	}
	/* Form */
	.form{
		width: 90%;
		padding: 30px;
	}
}