

@media screen and (max-width: 1440px){

#cut-2 {
	position: relative;
	background-image: url(../img/cut2.gif);
	background-size: cover!important;
	background-repeat: no-repeat;

}

#cut-3 {
	position: relative;
	background-image: url(../img/cut3.gif);
	background-size: cover!important;
	background-repeat: no-repeat;

}

#cut-5 {
	position: relative;
	background-image: url(../img/cut5-1.jpg);
	background-size: cover!important;
	background-repeat: no-repeat;

}

}

@media (min-width: 768px) and (max-width: 1000px) {
  .section-header .section-title {
    font-size: 22px;
  }
  #video-area .contents h1 {
    font-size: 32px;
    line-height: 48px;
  }
  .navbar-light .navbar-nav .nav-link {
    padding: 8px 0px;
    font-size: 13px;
  }
  .item-boxes h4 {
    font-size: 16px;
  }
  #features .box-item .text h4 {
    font-size: 12px;
  }
  #features .content-left .text {
    margin-right: 85px;
  }
  #features .content-right .text {
    margin-left: 85px;
  }
  .subscribe-box input[type="text"] {
    padding: 6px 10px;
  }
  
#cut-2 {
	position: relative;
	background-image: url(../img/cut2-800.gif);
	background-size: cover!important;
	background-repeat: no-repeat;

}

#cut-3 {
	position: relative;
	background-image: url(../img/cut3-800.gif);
	background-size: cover!important;
	background-repeat: no-repeat;

}


#cut-5 {
	position: relative;
	background-image: url(../img/cut5-800.jpg);
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: top;
}
.pt-lg{
	padding-top:10%; padding-left:20%; padding-bottom:5%;
	
	}

.pt-sm-1{	
	padding-bottom: 30%;	
	}
}
@media (min-width: 400px) and (max-width: 600px) {
	
#cut-2 {
	position: relative;
	background-image: url(../img/cut2-600.gif);
	background-size: cover!important;
	background-repeat: no-repeat;

}

#cut-3 {
	position: relative;
	background-image: url(../img/cut3-600.gif);
	background-size: cover!important;
	background-repeat: no-repeat;

}	
	
.pt-sm-1{	
	padding-bottom: 30%;	
	}


#cut-5 {
	position: relative;
	background-image: url(../img/cut5-600.jpg);
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: top;
}
	
	.pt-cut5{		
		padding-top: 5%;	
		padding-bottom: 20%;			
	}		
	
	
	#cut-6 {
	position: relative;
	background-image: url(../img/cut6-800.jpg);
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: top;
}
    	
.cut6-320-pb{
	padding-bottom:40%}	
	
	
 #cut-8 {
	position: relative;
	background-image: url(../img/cut8-800.jpg);
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: top;
}

.cut8-320-pb{
	padding-bottom:5%}	
}



@media (min-width: 568px) and (max-width: 667px) {

#video-area {
	background-image: url(../img/bg2.jpg);
	background-repeat: no-repeat;
	background-size: cover!important;
	background-attachment: fixed;
	background-position: top;
}

.video-promo {
  background: url(../img/bg_2.jpg) fixed;
  background-position: cover;
  position: relative;
}
  #video-area .contents {
    padding: 80px 0 60px;
  }
  #video-area .contents h1 {
    font-size: 18px;
    line-height: 32px;
  }
  .video-promo .video-promo-content h2 {
    font-size: 18px;
  }
  
#cut-2 {
	position: relative;
	background-image: url(../img/cut3-800.gif);
	background-size: cover!important;
	background-repeat: no-repeat;

}


}

@media (min-width: 400px) and (max-width: 600px) {
	
	#video-area {
	background-image: url(../img/bg2.jpg);
	background-repeat: no-repeat;
	background-size: cover!important;
	background-attachment: fixed;
	background-position: top;
}

.video-promo {
  background: url(../img/bg_2.jpg) fixed;
  background-position: cover;
  position: relative;
}
  #video-area .contents {
    padding: 80px 0 60px;
  }
  #video-area .contents h1 {
    font-size: 18px;
    line-height: 32px;
  }
  .video-promo .video-promo-content h2 {
    font-size: 18px;
  }



.pt-lg{
	padding-top: 20%;
	padding-bottom: 20%;	
	}	



	}


@media (min-width: 320px) and (max-width: 480px) {
  .bg-faded {
    background: #fff!important;
  }
  .section-header .section-title {
    font-size: 20px;
    line-height: 30px;
  }
#block{
	display:none;
	}
#video-area {
	background-image: url(../img/bg2.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top;
}

.video-promo {
  background: url(../img/bg_2.jpg) fixed;
  background-position: cover;
  position: relative;
}
  #video-area .contents {
    padding: 80px 0 60px;
  }
  #video-area .contents h1 {
    font-size: 18px;
    line-height: 32px;
  }
  .video-promo .video-promo-content h2 {
    font-size: 18px;
  }
  .pricing-tables .pricing-table {
    margin-bottom: 30px;
  }
  #blog .blog-item-text h3 {
    font-size: 18px;
  }
  #blog .blog-item-text .meta-tags span {
    margin-right: 5px;
  }
  .counters .facts-item {
    margin-bottom: 30px;
  }
  #contact .section-title {
    font-size: 22px;
  }
  #subscribe .sub_btn {
    min-width: 120px;
  }
  .social-icons ul li a {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
 


#cut-2 {
	position: relative;
	background-image: url(../img/cut2-320.gif);
	background-size: cover!important;
	background-repeat: no-repeat;
 	padding-bottom:40%;
}

#cut-3 {
	position: relative;
	background-image: url(../img/cut3-320.gif);
	background-size: cover!important;
	background-repeat: no-repeat;
padding-bottom:40%;
}
#cut-5 {
	position: relative;
	background-image: url(../img/cut5-320.jpg);
	background-size: cover!important;
	background-repeat: no-repeat;
	
}
.cut5-320-pb{
	padding-bottom:40%}
	
#cut-6 {
	position: relative;
	background-image: url(../img/cut6-320.jpg);
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: top;
}
    	
.cut6-320-pb{
	padding-bottom:55%}	

#cut-7 {
	padding-bottom:40%;
}
 
 #cut-8 {
	position: relative;
	background-image: url(../img/cut8-320.jpg);
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: top;
}

.cut8-320-pb{
	padding-bottom:5%}	

.pt-lg{
	padding-top:20%; 	
	}	
  
}


