@media only screen and (min-width: 960px) {
    /* styles for browsers larger than 960px; */
    .t-phone{
 		display: none !important;
 	}  
    .t-ipad{
 		display: none !important;
 	}
 	.t-web{
 		display: block !important;
 	}
 	.t-ipad-l{
 		display: none !important;
 	}
}
@media only screen and (min-width: 1440px) {
    /* styles for browsers larger than 1440px; */
    .t-phone{
 		display: none !important;
 	}  
    .t-ipad{
 		display: none !important;
 	}
 	.t-web{
 		display: block !important;
 	}
 	.t-ipad-l{
 		display: none !important;
 	}
}
@media only screen and (min-width: 2000px) {
    /* for sumo sized (mac) screens */
    .t-phone{
 		display: none !important;
 	}  
    .t-ipad{
 		display: none !important;
 	}
 	.t-web{
 		display: block !important;
 	}
 	.t-ipad-l{
 		display: none !important;
 	}
}
@media only screen and (max-device-width: 480px) {
   /* styles for mobile browsers smaller than 480px; (iPhone) */

   /*default*/
   .t-phone{
 		display: block !important;
 	}  
   .t-ipad{
 		display: block !important;
 	}  
 	.t-web{
 		display: none !important;
 	}
 	.t-ipad-l{
 		display: none !important;
 	}

   .padd-btn-sign span{
		padding-left: 30px;
		padding-right: 10px;
	}

	.display-none{
		display: none;
	}

	.sec-highlight{
	  	margin-bottom: 0px;
	}

	.title-highlight{
		padding-top: 20px;
		position: initial;
		text-align: center;
	}
	.title-highlight h2{
		font-size: 	1.4rem;
		padding-bottom: 10px;
	}

	.title-highlight p{
		font-size: 	14px;
		padding-bottom: 10px;
	}

	.img-highlight{
		padding-top: 40px;
		position: initial;
	}

	.sec-highlight{
		padding-top: 80px;
		height: auto;
		padding-bottom: 60px;
	}

	.sec-about-product{
		text-align: center;
		margin-bottom: 80px;
		margin-top: 0px;
		padding-top: 0px;
	}
	.sec-variant-produk{
		padding-top: 0px;
	}
	.sec-variant-produk{
		margin-bottom: 0px;
	}

	.padd-title-about{
		padding-bottom: 0px;
	}

	.sec-about-product img{
		width: 300px;
		height: auto;
		object-fit: contain;
	}

	.title-about-product{
		padding-top: 40px;
	}

	.title-about-product h2{
		padding-bottom: 20px;
	}

	.img-contact{
		margin-bottom: 40px;
	}

	.text-contact h2{
		text-align: center;
	}

	/*#navbar{
		top: 0px;
	    box-shadow: none;
	    background: #48B6FF !important;
	}*/

	.t-mobile{
		margin-top: 1rem !important;
	}
	.sec-highlight-gallery{
		height: 200px;
		margin-top: 80px;
	}

	.modal-dialog{
		top: 40px;
		margin: auto;
		max-width: 80% !important;
	}

	.modal-side-content{
		padding: 20px;
	}

	.modal-side-content-login{
		padding-top: 30px !important;
	}

	.modal-form{
		padding: 20px 10px;
	}

	.modal-side-content img{
	  padding-bottom: 0;
	}

	.modal-side-content h4{
	  padding-bottom: 0;
	}
	.modal-side-content p{
	  padding-bottom: 0;
	}

	.sec-sertifikat{
		margin-bottom: 80px;
	}
	.card-sertifikat{
		width: 100%;
	}
	.content-sertifikat{
	  padding-top: 10px;
	}
	.content-sertifikat .margin-sertifikat{
		margin-top: 0px;
	}

	.content-sertifikat .coloum-sertifikat{
		padding: 20px 30px;
	}

	.content-calculation h2{
		font-size:  30px;
	}
	.content-calculation p{
		height: 100px;
		font-size:  18px;
	}
	.desc-sponsor p{
		padding-bottom: 0px;
	}
	.sec-highlight-plan{
		height: 300px;
	}
	.title-highlight-plan{
		top: 60%;
	}
	.title-highlight-plan h4{
		font-size: 25px;
	}
	.title-sponsor{
		text-align: center;
		padding-top: 0px;
	}
	.sec-sponsor{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.sec-passup{
		margin-bottom: 0px;
	}
	.sec-passup .container{
	  padding-top: 0px;
	  padding-bottom: 30px;
	}
	.sec-passup img{
		height: auto;
		margin-top: -30px;
	}
	.title-passup{
	  text-align: center;
	}
	.sec-pasangan img{
		height: auto;
	}
	.sec-pasangan{
		margin-bottom: 80px;
	}
	.sec-product-list .mar-product-list{
		margin-top: 30px;
	}
	.order-i-2{
		order: 2;
	}
	.order-i-1{
		order: 1
	}
	.title-pasangan{
		text-align: center;
	}
	.title-reward{
		text-align: center;
		padding-top: 0px;
	}
	.sec-reward img{
		height: auto;
	}
	.sec-price{
		margin-top: 80px;
		margin-bottom: 80px;
	}

	.sec-desc-product{
		margin-bottom: 80px;
	}

	.sec-calculation{
		margin-bottom: 0px;
	}
	.sec-banner{
		margin-bottom: 80px;	
	}

	.margin-nav{
		padding-top: 50px;
	}
	.input-modal{
		padding-bottom: 0;
	}
	.sec-register .content-regis .tab-padd{
		padding: 0;
	}
	.form-contact input{
		margin-bottom: 0;
	}
	.sec-location{
		padding-top: 0;
		margin-bottom: 70px;
	}
	.sec-location iframe{
		height: 250px;
	}
	.sec-questions .card{
		width: 100%;
	}
	.iframe-yt{
		width: 330px;
		height: 250px;
	}
	.navbar-brand img{
		width: 150px;
	}
	.sec-variant-produk{
		background: none;
		margin-top: 0;
	}
	.mar-petunjuk .step2{
		display: none;
	}
	.sec-sertifikat{
		background: none;
		margin-top: 0;
	}
	.content-variant-produk .card-desc{
		height: 100px;
	}
	.content-variant-produk h5{
		padding-bottom: 0;
	}
	.content-variant-produk p{
		margin-bottom: 0;
	}
	.title-about-product{
	  padding-right: 0px;
	}
	.sec-highlight img{
		height: inherit;
		object-fit: inherit;
	}

	.sec-info{
		margin-bottom: 80px;
	}
	.sec-footer{
		padding-top: 40px;
	}
	.footer-top{
		padding-bottom: 0px;
	}

	.thumb-price .desc-price{
		padding-top: 140px;
	}
	.mar-petunjuk .step1{
		width: 5rem;
	}
	.content-calculation{
		padding: 0px 20px;
	}
	.title-calculation{
		padding-bottom: 20px;
	}
	.con-calculation{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.padd-facts{
		text-align: center;
	}
	.sec-facts .img-about-product{
	  text-align: center;
	}
	.sec-sertifikat{
		padding-top: 0px;
	}
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  	.t-phone{
		display: none !important;
	}
	.t-ipad{
		display: block !important;
	}  
	.t-web{
		display: none !important;
	}
	.t-ipad-l{
		display: none !important;
	}

  	#side-drawer{
  		width: 350px;
  	}

  	/*#navbar{
		top: 0px;
	    box-shadow: none;
	    background: rgb(72, 182, 255);
	}*/

	.modal-side-content{
		padding: 20px;
	}

	.modal-side-content-login{
		padding-top: 30px !important;
	}

  	.sec-highlight{
		padding-top: 80px;
		height: auto;
		padding-bottom: 60px;
		margin-bottom: 0px;
	}

	.title-highlight{
		padding-top: 20px;
		position: initial;
		text-align: center;
	}
	.title-highlight h2{
		font-size: 	1.4rem;
		padding-bottom: 10px;
	}

	.title-highlight p{
		font-size: 	14px;
		padding-bottom: 10px;
	}

	.img-highlight{
		padding-top: 40px;
		position: initial;
	}

  	.content-sertifikat .margin-sertifikat{
		margin-top: 0px;
	}

	.sec-desc-product{
		margin-bottom: 80px;
	}

	.sec-calculation{
		margin-bottom: 80px;
	}
	.sec-banner{
		margin-bottom: 80px;	
	}
	.sec-info{
		margin-bottom: 80px;
	}
	.sec-about-product{
		text-align: center;
		margin-bottom: 80px;
		margin-top: 0px;
		padding-top: 50px;
	}

	.sec-about-product img{
		width: 400px;
		height: auto;
		object-fit: contain;
	}

	.title-about-product{
		padding-top: 40px;
	}

	.title-about-product h2{
		padding-bottom: 20px;
	}
	.padd-title-about{
		padding-bottom: 0px;
	}
	.desc-sponsor p{
		padding-bottom: 0px;
	}
	.title-sponsor{
		text-align: center;
		padding-top: 0px;
	}
	.sec-sponsor{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.sec-passup{
		margin-bottom: 0px;
	}
	.sec-passup .container{
	  padding-top: 0px;
	  padding-bottom: 30px;
	}
	.sec-passup img{
		height: auto;
		margin-top: -30px;
	}
	.title-passup{
	  text-align: center;
	}
	.sec-pasangan{
		margin-bottom: 80px;
	}
	.sec-pasangan img{
		height: auto;
	}
	.order-i-2{
		order: 2;
	}
	.order-i-1{
		order: 1
	}
	.title-pasangan{
		text-align: center;
	}
	.title-reward{
		text-align: center;
		padding-top: 0px;
	}
	.sec-reward img{
		height: auto;
	}
	.sec-price{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.img-product-list{
		height: 160px;
	}
	.text-product-list{
		font-size: 24px;
		line-height: 12px;
	}
	.footer-sosmed img{
	  width: 30px;
	  margin-right: .5rem;
	}
	.footer-payment img{
	  width: 30px;
	  margin-right: .5rem;
	}
	.sec-sertifikat{
		margin-bottom: 80px;
	}
	.sec-footer{
		padding-top: 40px;
	}
	.footer-top{
		padding-bottom: 0px;
	}
	.margin-nav{
		padding-top: 0px;
	}
	.iframe-yt{
		width: 350px;
		height: 250px;
	}
	.title-about-product{
	  padding-right: 0px;
	}
	.sec-highlight img{
		height: inherit;
		object-fit: inherit;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  	.t-phone{
 		display: none !important;
 	}  
  	.t-ipad{
 		display: none !important;
 	}  
 	.t-web{
 		display: none !important;
 	}
 	.t-ipad-l{
 		display: block !important;
 	}

	#side-drawer{
	  	width: 350px;
	}

	/*#navbar{
		top: 0px;
	    box-shadow: none;
	    background: rgb(72, 182, 255);
	}*/

	.modal-side-content{
		padding: 20px;
	}

	.sec-product-list .mar-product-list{
		margin-top: 30px;
	}

	.modal-side-content-login{
		padding-top: 30px !important;
	}

	.sec-highlight{
		padding-top: 80px;
		height: auto;
		padding-bottom: 60px;
	}

	.title-highlight{
		padding-top: 20px;
		position: initial;
		text-align: center;
	}
	.title-highlight h2{
		font-size: 	1.4rem;
		padding-bottom: 10px;
	}

	.title-highlight p{
		font-size: 	14px;
		padding-bottom: 10px;
	}

	.img-highlight{
		padding-top: 40px;
		position: initial;
	}
  	
  	.content-sertifikat .margin-sertifikat{
		margin-top: 0px;
	}

	.sec-about-product{
		text-align: center;
	}

	.sec-about-product img{
		width: 400px;
		height: auto;
		object-fit: contain;
	}
	.title-about-product{
		padding-top: 40px;
	}

	.title-about-product h2{
		padding-bottom: 20px;
	}
}