@media(max-width: 768px) {


	/* advertising page */

   .features-clean{
        height: 1100px;
        padding: 20px;
    }
    .intro{
        margin-bottom: 10px;
    }
    .content-section{
        height: 700px;
    }
    .content-title{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .space{
        margin: 20px;
    }

	
 /* index */

  
    #hero-title {

		font-size: 36px;
		margin-top: 20px;
		color: #dc3545;

	}

	#moneyout {

		font-size: 20px;

	}
	
    .section .container .row .watch-video {

	   display:none;
	   width:360px;
	   height:320px;
	   margin-left:-50px;

    }
	.section-2 {

	   width:100%;

	   height:100%;

	}

	.how-it-works-title {

	   margin-top:-20px;

	   margin-bottom:40px;

	   font-size:32px;

	}

	.colomn-1 {

	   margin-bottom:10px;

	}

	.how-it-works-h4 {

	   margin-bottom:10px;

	   font-size:20px;

	}

	.btn-colomn-1{

	   margin-top:-70px;

	}

	.btn-colomn-2 {

		border-radius: 30px;

		margin-left:-20px;

		width: 70px;

		background-color: #dc3545;

	}

	#survey_answer {

		width: 300px;

		background-color: rgba(255,255,255,0.85);

		height: 40px;

		border-radius: 5px;

	}

    .section-3 {

	   width:100%;

	   height:100%;

    }

    #task-type {

	   margin-bottom:20px;

    }

    #task-type h2 {

	   font-size:30px;

	   margin-top: 20px;

	   margin-bottom: 20px;

	   color: #ffffff;

    }

    .form-proof{

	   width:400px;

	   margin-left:0px;

       border: 1px solid rgba(0,0,0,0.15);

       padding: 10px;

    }

    #col-video {

	   margin-bottom:20px;

    }

    #col-video h2 {

	   margin-bottom:20px;

	   font-size:30px;

	   color: #ffffff;

    }

    iframe{

	   width:360px;

	   height:300px;
	   
	   margin-left:-30px;

    }

    .section-4 {

	   width:100%;

	   height:100%;

    }

    .section-4 .row .img-highligh-1 {	

	   width:380px;

	   height:320px;

	   margin-left:-50px;


    }

    .section-4 .row div h2 {

	   font-size:28px;

	   margin-top: 20px;

	   text-align:center

    }

    .section-4 .row p {

	   width:350px;

	   text-align:center;

    }

	hr{

	   width:350px;

	   min-width:2px;

    }
    .section-5 .container .row .watch-video {

	   width:380px;

	   height:320px;
	   
	   margin-left:-20px;

    }

	footer hr{

	   width:50px;

	   min-width:2px;

    }

    .section-5 {

	   width:100%;

	   height:100%;

    }

    .section-5 .container .row h2 {	

	   margin-top:10px;

	   text-align:center;

    }

    .section-5 .watch-video {	

	   width:400px;

	   height:320px;

	   margin-top:50px;

	   margin-bottom:30px;

	   text-align:center;

    }

	

	/* accoun user */

	

    .section-accoun-1 {	

	   width:100%;

	   height:100%;

	   margin-bottom:430px;

    }

	

	

	/* servey */

	

    .tab-serveys {

	   width:100%;

    }

    #survey-table td p {

	   display:none;

    }

    #survey-table .btn{

	   width: 120px;

    }

    .tab-serveys .nav-item  #tab-active{

	   width:225px;

	   height:50px;

	   background-color: rgb(0,228,208);

	   color: rgb(244,245,247);

	   font-size: 22px;

    }

    .tab-serveys .nav-item a{

	   width:225px;

	   height:50px;

	   background-color: #dc3545;

	   color: rgb(244,245,247);

	   font-size: 22px;

    }

	#servey_answer {

	   width:200px;

	   height:40px;

	   color: #ffffff;

	   margin-top:20px;

	   background-color: rgba(255,255,255,0.85);

	   border-radius: 5px;

    }

    #buttonSurvey {

	   width:300px;

	   margin-top:20px;

    }

	

	/* tasks */

	

    #task-table {

	   width:100%;

    }

    #task-table img{

	   width:40px;

	   height:30px;

    }

    #task-table .servey-detail{

	   width:450px;

    }

    #task-table h4{

	   font-size: 16px;

	   font-style:bold;

	   margin-left:-20px;

    }

    #task-table td p {

	   display:none;

    }

    #task-table .btn{

	   width: 120px;

    }

    #task-table .mAicon{

	   margin-top:10px;

	   width:25px;

	   height:25px;

    }

	.card h5  {

	   height:20px;

	   font-size: 22px;

    }

	

	/* adsense */

	

	.adsection {

		width:100%;

    }

	.banner {

	   padding:10px;

	   margin-top: 20px;

    }

    .banner a {

	   margin-top:10px;

	   margin-bottom:10px;

    }

    .banner img {

	   width:300px;

	   height:100px;

    }

}



@media (min-width: 768px) {


	/* advertising page */
   .features-clean{
        height: 700px;
        padding-top: 100px;
    }
    .intro{
        margin-bottom: 100px;
    }
    .content-section{
        height: 700px;
        padding-top: 100px;
    }
    .content-title{
      margin-top: 100px;
      margin-bottom: 100px;
    }
    .space{
      margin: 20px;
    }

	
	#hero-title {

		font-size: 52px;
		margin-top: 80px;
		color: #dc3545;

	}
	
	#moneyout {

		font-size: 32px;

	}

    .section-2 {

	   width:100%;

	   height:100%;

    }

    .how-it-works-title {

	   margin-bottom:50px;

	   font-size:45px;

	   color: rgba(0,0,0,0.52);

	}

	.colomn-1 {

	   margin-bottom:10px;

	}

	.how-it-works-h4 {

	   margin-bottom:10px;

	   font-size:32px;

	}

	.btn-colomn-1{

	   margin-top:-70px;

	}

	.btn-colomn-2 {

		border-radius: 30px;

		width: 100px;

		background-color: #dc3545;

	}
	

	#survey_answer {

		width: 400px;

		background-color: rgba(255,255,255,0.85);

		height: 40px;

		border-radius: 5px;

	}

    .section-3 {

	   width:100%;

	   height:100%;

    }

    #task-type {

	   margin-bottom:20px;

    }

    #task-type h2 {

	   font-size:38px;

	   margin-top: 20px;

	   margin-bottom: 20px;

	   color: #ffffff;

    }

    #col-video {

	   margin-bottom:20px;

    }

    #col-video h2 {

	   margin-bottom:20px;

	   font-size:38px;

	   color: #ffffff;

    }

    iframe{

	   width:560px;

	   height:315px;

    }

	hr{

	   width:700px;

	   min-width:2px;

	}  

    .section-4 {

	   width:100%;

	   height:100%;

    }

    .section-4 .container .row .img-highligh-1 {

	   width:600px;

	   height:450px;

	   margin-top:10px;

	   margin-bottom:10px;

	   margin-left:-50px;

    }

    .section-4 .container .row .text2 {

	   margin-top: 200px;
	   width:400px;
	   margin-left: 20px;

    }

    .section-5 {

	   width:100%;

	   height:100%;

    }

    .section-5 .container .row h2 {	

	   width:450px;

	   margin-top:200px;

    }

    .section-5 img {	

	   width:600px;

	   height:450px;

	   margin-top:50px;

	   margin-bottom:30px;

	   text-align:center;

    }

	footer div hr{	

	   width:150px;

    }

	footer .line{	

	   width:50px;

	   background-color: #ffffff;

    }

	

	/* servey */

	

    .tab-serveys {

	   width:1110px;

    }

    .tab-serveys .nav-item  #tab-active{

	   width:555px;

	   height:60px;

	   background-color: rgb(0,228,208);

	   color: rgb(244,245,247);

	   font-size: 32px;

    }

    .tab-serveys .nav-item a{

	   width:555px;

	   height:60px;

	   background-color: #dc3545;

	   color: rgb(244,245,247);

	   font-size: 32px;

    }

    .tab-serveys .btn {

	   width:120px;

	   height:50px;

	   color: rgb(32,54,132);

	   margin-top:20px;

	   background-color: rgba(0,123,255,0);

    }

    .tab-serveys .btn:hover {

	   width:120px;

	   height:50px;

	   color: #ffffff;

	   margin-top:20px;

	   background-color:rgb(89,131,232);

    }

    #survey-table .btn {

	   width:130px;

	   height:50px;

	   color: rgb(32,54,132);

	   margin-top:20px;

	   background-color: rgba(0,123,255,0);

    }

    #survey-table .btn:hover {

	   width:130px;

	   height:50px;

	   color: #ffffff;

	   margin-top:20px;

	   background-color:rgb(89,131,232);

    }

	#servey_answer {

	   width:200px;

	   height:40px;

	   color: #ffffff;

	   margin-top:20px;

	   background-color: rgba(255,255,255,0.85);

	   border-radius: 5px;

    }

    #buttonSurvey {

	   width:300px;

	   background:green;

	   margin-top:20px;

    }

	

	

	/* tasks */

	

    #task-table {

	   width:100%;

    }

    #task-table .img-task {

	   width:60px;

	   height:50px;

	   margin-top:15px;

    }

    #task-table .btn {

	   width:130px;

	   height:50px;

	   color: rgb(32,54,132);

	   margin-top:20px;

	   background-color: rgba(0,123,255,0);

    }

    #task-table .btn:hover {

	   width:130px;

	   height:50px;

	   color: #ffffff;

	   margin-top:20px;

	   background-color:rgb(89,131,232);

    }

    #task-table .mAicon{

	   margin-top:30px;

	   width:50px;

	   height:50px;

    }

    .form-proof{

		margin:20px;

	   margin-left:300px;

       border: 1px solid rgba(0,0,0,0.15);

       padding: 10px;

    }

	

	.card h5  {

	   height:40px;

	   font-size: 32px;

    }

	

	

	/* videos */

	

	#video-table .btn {

	   width:120px;

	   height:50px;

	   color: rgb(32,54,132);

	   margin-top:20px;

	   background-color: rgba(0,123,255,0);

    }

    #video-table .btn:hover {

	   width:120px;

	   height:50px;

	   color: #ffffff;

	   margin-top:20px;

	   background-color:rgb(89,131,232);

    }

	

	

	/* adsense */

	

	.banner {

	   padding:20px;

	   margin-top: 40px;

    }

    .banner a {

	   margin-top:20px;

	   margin-bottom:20px;

    }

    .banner img {

	   width:300px;

	   height:200px;

    }

}