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


   .container{
			 
				position: relative;
			left: 0px;
			right: 0px;
			margin: auto;
			height: 100%;
		  }

		.laptop {
			position: relative;
			/*width: 100%;*/
			height: 642px;
			margin: 0 auto;
			background: rgb(249, 249, 249);
			border: 15px solid #3f3f41;
			border-top: 20px solid #3f3f41;
			border-radius: 14px 14px 0 0;
			margin: 0 0 0 0;
			box-shadow: 0 0 0 1px #d1d2d4;
			/* left: 3%;*/
                        padding: 24px;
                        padding-bottom: 27px;
                        padding-top: 18px;
		}
		.laptop:before {
			content: '';
			bottom: -41px;
			background: #e6e8e7;
			height: 20px;
			width: 120%;
			border-radius: 0 0 10px 10px;
			position: absolute;
			left: 50%;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
		}
		.laptop:after {
		  content: '';
		  top: -12px;
		  width: 3px;
		  height: 3px;
		  background: #e6e8e7;
		  border-radius: 50%;
		  position: absolute;
		  left: 50%;
		  -webkit-transform: translateX(-50%);
			  -ms-transform: translateX(-50%);
				  transform: translateX(-50%);
		}

		.base {
			 bottom: -30px;
			background: #d1d2d4;
			height: 15px;
			width: 120%;
			position: absolute;
			left: 50%;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
		}
		.base:before {
		  content: '';
		  border-radius: 0 0 10px 10px;
		  height: 14px;
		  width: 133px;
		  background: #bcbdc1;
		  position: absolute;
		  left: 50%;
		  -webkit-transform: translateX(-50%);
			  -ms-transform: translateX(-50%);
				  transform: translateX(-50%);
		}
		.base:after {
		  content: '';
		  position: absolute;
		  height: 26px;
		  width: 100%;
		  border-radius: 0 0 10px 10px;
		  box-shadow: 0px 10px 36px -2px rgba(0, 0, 0, 0.4);
		}
    

}

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




 .container{
			 
				position: relative;
			left: 0px;
			right: 0px;
			margin: auto;
			height: 100%;
		  }

		.laptop {
			position: relative;
			width: 100%;
			height: 465px;
			margin: 0 auto;
			background: rgb(249, 249, 249);
			border: 15px solid #3f3f41;
			border-top: 20px solid #3f3f41;
			border-radius: 14px 14px 0 0;
			margin: 0 0 0 0;
			box-shadow: 0 0 0 1px #d1d2d4;
			left: 3%;
                        padding: 0px;
                        padding-top: 18px;
                        padding-bottom: 18px;
		}
		.laptop:before {
			content: '';
			bottom: -41px;
			background: #e6e8e7;
			height: 20px;
			width: 120%;
			border-radius: 0 0 10px 10px;
			position: absolute;
			left: 50%;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
		}
		.laptop:after {
		  content: '';
		  top: -12px;
		  width: 3px;
		  height: 3px;
		  background: #e6e8e7;
		  border-radius: 50%;
		  position: absolute;
		  left: 50%;
		  -webkit-transform: translateX(-50%);
			  -ms-transform: translateX(-50%);
				  transform: translateX(-50%);
		}

		.base {
			 bottom: -30px;
			background: #d1d2d4;
			height: 15px;
			width: 120%;
			position: absolute;
			left: 50%;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
		}
		.base:before {
		  content: '';
		  border-radius: 0 0 10px 10px;
		  height: 14px;
		  width: 133px;
		  background: #bcbdc1;
		  position: absolute;
		  left: 50%;
		  -webkit-transform: translateX(-50%);
			  -ms-transform: translateX(-50%);
				  transform: translateX(-50%);
		}
		.base:after {
		  content: '';
		  position: absolute;
		  height: 26px;
		  width: 100%;
		  border-radius: 0 0 10px 10px;
		  box-shadow: 0px 10px 36px -2px rgba(0, 0, 0, 0.4);
		}
    
    
    }


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

    #image4{
    display: none;
    
}


         .container{
			 
				position: relative;
			left: 0px;
			right: 0px;
			margin: auto;
			height: 100%;
		  }

		.laptop {
		    position: relative;
                    width: 100%;
                    height: 476px;
                    margin: 0 auto;
                    background: rgb(249, 249, 249);
                    border: 15px solid #3f3f41;
                    border-top: 20px solid #3f3f41;
                    border-radius: 14px 14px 0 0;
                    margin: 0 0 0 0;
                    box-shadow: 0 0 0 1px #d1d2d4;
                    left: 0;
                    padding: 20px;
		}
		.laptop:before {
			content: '';
			bottom: -41px;
			background: #e6e8e7;
			height: 20px;
			width: 120%;
			border-radius: 0 0 10px 10px;
			position: absolute;
			left: 50%;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
		}
		.laptop:after {
		  content: '';
		  top: -12px;
		  width: 3px;
		  height: 3px;
		  background: #e6e8e7;
		  border-radius: 50%;
		  position: absolute;
		  left: 50%;
		  -webkit-transform: translateX(-50%);
			  -ms-transform: translateX(-50%);
				  transform: translateX(-50%);
		}

		.base {
			 bottom: -30px;
			background: #d1d2d4;
			height: 15px;
			width: 120%;
			position: absolute;
			left: 50%;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
		}
		.base:before {
		  content: '';
		  border-radius: 0 0 10px 10px;
		  height: 14px;
		  width: 133px;
		  background: #bcbdc1;
		  position: absolute;
		  left: 50%;
		  -webkit-transform: translateX(-50%);
			  -ms-transform: translateX(-50%);
				  transform: translateX(-50%);
		}
		.base:after {
		  content: '';
		  position: absolute;
		  height: 26px;
		  width: 100%;
		  border-radius: 0 0 10px 10px;
		  box-shadow: 0px 10px 36px -2px rgba(0, 0, 0, 0.4);
		}
    
    
    }
	
	
	
	
@media only screen and (max-width: 960px) {

    #image4{
    display: none;
    
}



            .container{
			 
			 
		  }

		.laptop {
			/*position: relative;*/
			/*width: 100%;*/
			/*height: 85%;*/
                        height: 297px;
			margin: 0 auto;
			background: none;
			border: none;
			border-top: 0;
			border-radius: 0;
			margin: 0 0 0 0;
			box-shadow: none;
			/* left: 3%;*/
                        padding: 0px;
                        padding-bottom: 0px;
                        padding-top: 0px;
		}
		.laptop:before {
		 
                        display: none;
		}
		.laptop:after {
	 
                                  display: none;
		}

		.base {
		 display: none;
		}
		 
		  
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	