@media (min-width: 768px) and (max-width: 1024px) { /* tablet query */
  .tablet-push-5,.tablet-pull-5,.tablet-push-10,.tablet-pull-10,.tablet-push-15,.tablet-pull-15,.tablet-push-20,.tablet-pull-20,.tablet-push-25,.tablet-pull-25,.tablet-push-30,.tablet-pull-30,.tablet-push-35,.tablet-pull-35,.tablet-push-40,.tablet-pull-40,.tablet-push-45,.tablet-pull-45,.tablet-push-50,.tablet-pull-50,.tablet-push-55,.tablet-pull-55,.tablet-push-60,.tablet-pull-60,.tablet-push-65,.tablet-pull-65,.tablet-push-70,.tablet-pull-70,.tablet-push-75,.tablet-pull-75,.tablet-push-80,.tablet-pull-80,.tablet-push-85,.tablet-pull-85,.tablet-push-90,.tablet-pull-90,.tablet-push-95,.tablet-pull-95,.tablet-push-33,.tablet-pull-33,.tablet-push-66,.tablet-pull-66{position:relative}.hide-on-tablet{display:none!important}.tablet-grid-5{float:left;width:5%}.tablet-prefix-5{margin-left:5%}.tablet-suffix-5{margin-right:5%}.tablet-push-5{left:5%}.tablet-pull-5{left:-5%}.tablet-grid-10{float:left;width:10%}.tablet-prefix-10{margin-left:10%}.tablet-suffix-10{margin-right:10%}.tablet-push-10{left:10%}.tablet-pull-10{left:-10%}.tablet-grid-15{float:left;width:15%}.tablet-prefix-15{margin-left:15%}.tablet-suffix-15{margin-right:15%}.tablet-push-15{left:15%}.tablet-pull-15{left:-15%}.tablet-grid-20{float:left;width:20%}.tablet-prefix-20{margin-left:20%}.tablet-suffix-20{margin-right:20%}.tablet-push-20{left:20%}.tablet-pull-20{left:-20%}.tablet-grid-25{float:left;width:25%}.tablet-prefix-25{margin-left:25%}.tablet-suffix-25{margin-right:25%}.tablet-push-25{left:25%}.tablet-pull-25{left:-25%}.tablet-grid-30{float:left;width:30%}.tablet-prefix-30{margin-left:30%}.tablet-suffix-30{margin-right:30%}.tablet-push-30{left:30%}.tablet-pull-30{left:-30%}.tablet-grid-35{float:left;width:35%}.tablet-prefix-35{margin-left:35%}.tablet-suffix-35{margin-right:35%}.tablet-push-35{left:35%}.tablet-pull-35{left:-35%}.tablet-grid-40{float:left;width:40%}.tablet-prefix-40{margin-left:40%}.tablet-suffix-40{margin-right:40%}.tablet-push-40{left:40%}.tablet-pull-40{left:-40%}.tablet-grid-45{float:left;width:45%}.tablet-prefix-45{margin-left:45%}.tablet-suffix-45{margin-right:45%}.tablet-push-45{left:45%}.tablet-pull-45{left:-45%}.tablet-grid-50{float:left;width:50%}.tablet-prefix-50{margin-left:50%}.tablet-suffix-50{margin-right:50%}.tablet-push-50{left:50%}.tablet-pull-50{left:-50%}.tablet-grid-55{float:left;width:55%}.tablet-prefix-55{margin-left:55%}.tablet-suffix-55{margin-right:55%}.tablet-push-55{left:55%}.tablet-pull-55{left:-55%}.tablet-grid-60{float:left;width:60%}.tablet-prefix-60{margin-left:60%}.tablet-suffix-60{margin-right:60%}.tablet-push-60{left:60%}.tablet-pull-60{left:-60%}.tablet-grid-65{float:left;width:65%}.tablet-prefix-65{margin-left:65%}.tablet-suffix-65{margin-right:65%}.tablet-push-65{left:65%}.tablet-pull-65{left:-65%}.tablet-grid-70{float:left;width:70%}.tablet-prefix-70{margin-left:70%}.tablet-suffix-70{margin-right:70%}.tablet-push-70{left:70%}.tablet-pull-70{left:-70%}.tablet-grid-75{float:left;width:75%}.tablet-prefix-75{margin-left:75%}.tablet-suffix-75{margin-right:75%}.tablet-push-75{left:75%}.tablet-pull-75{left:-75%}.tablet-grid-80{float:left;width:80%}.tablet-prefix-80{margin-left:80%}.tablet-suffix-80{margin-right:80%}.tablet-push-80{left:80%}.tablet-pull-80{left:-80%}.tablet-grid-85{float:left;width:85%}.tablet-prefix-85{margin-left:85%}.tablet-suffix-85{margin-right:85%}.tablet-push-85{left:85%}.tablet-pull-85{left:-85%}.tablet-grid-90{float:left;width:90%}.tablet-prefix-90{margin-left:90%}.tablet-suffix-90{margin-right:90%}.tablet-push-90{left:90%}.tablet-pull-90{left:-90%}.tablet-grid-95{float:left;width:95%}.tablet-prefix-95{margin-left:95%}.tablet-suffix-95{margin-right:95%}.tablet-push-95{left:95%}.tablet-pull-95{left:-95%}.tablet-grid-33{float:left;width:33.33333%}.tablet-prefix-33{margin-left:33.33333%}.tablet-suffix-33{margin-right:33.33333%}.tablet-push-33{left:33.33333%}.tablet-pull-33{left:-33.33333%}.tablet-grid-66{float:left;width:66.66667%}.tablet-prefix-66{margin-left:66.66667%}.tablet-suffix-66{margin-right:66.66667%}.tablet-push-66{left:66.66667%}.tablet-pull-66{left:-66.66667%}.tablet-grid-100{clear:both;width:100%}
	.tablet-top-0{margin-top:0}.tablet-top-5{margin-top:5px}.tablet-top-10{margin-top:10px}.tablet-top-15{margin-top:15px}.tablet-top-20{margin-top:20px}.tablet-top-30{margin-top:30px}.tablet-top-35{margin-top:35px}.tablet-top-40{margin-top:40px}.tablet-top-50{margin-top:50px}.tablet-top-60{margin-top:60px}.tablet-top-65{margin-top:65px}.tablet-top-70{margin-top:70px}.tablet-top-80{margin-top:80px}.tablet-top-90{margin-top:90px}.tablet-top-100{margin-top:100px}.tablet-top-130{margin-top:130px}.tablet-top-180{margin-top:180px}.tablet-top-200{margin-top:200px}.tablet-bottom-0{margin-bottom:0}.tablet-bottom-5{margin-bottom:5px}.tablet-bottom-10{margin-bottom:10px}.tablet-bottom-15{margin-bottom:15px}.tablet-bottom-20{margin-bottom:20px}.tablet-bottom-25{margin-bottom:25px}.tablet-bottom-30{margin-bottom:30px}.tablet-bottom-35{margin-bottom:35px}.tablet-bottom-40{margin-bottom:40px}.tablet-bottom-50{margin-bottom:50px}.tablet-bottom-60{margin-bottom:60px}.tablet-bottom-70{margin-bottom:70px}.tablet-bottom-80{margin-bottom:80px}.tablet-bottom-90{margin-bottom:90px}.tablet-bottom-100{margin-bottom:100px}.tablet-bottom-200{margin-bottom:200px}.tablet-bottom-300{margin-bottom:300px}.tablet-right-0{margin-right:0}.tablet-right-5{margin-right:5px}.tablet-right-10{margin-right:10px}.tablet-right-15{margin-right:15px}.tablet-right-20{margin-right:20px}.tablet-right-30{margin-right:30px}.tablet-right-40{margin-right:40px}.tablet-right-50{margin-right:50px}.tablet-right-60{margin-right:60px}.tablet-right-70{margin-right:70px}.tablet-right-80{margin-right:80px}.tablet-right-90{margin-right:90px}.tablet-right-100{margin-right:100px}.tablet-left-0{margin-left:0}.tablet-left-5{margin-left:5px}.tablet-left-10{margin-left:10px}.tablet-left-15{margin-left:15px}.tablet-left-20{margin-left:20px}.tablet-left-30{margin-left:30px}.tablet-left-40{margin-left:40px}.tablet-left-50{margin-left:50px}.tablet-left-60{margin-left:60px}.tablet-left-70{margin-left:70px}.tablet-left-80{margin-left:80px}.tablet-left-90{margin-left:90px}.tablet-left-100{margin-left:100px}
	.t-f-8{font-size:8px}.t-f-9{font-size:9px}.t-f-10{font-size:10px}.t-f-11{font-size:11px}.t-f-12{font-size:12px}.t-f-13{font-size:13px}.t-f-14{font-size:14px}.t-f-15{font-size:15px}.t-f-16{font-size:16px}.t-f-17{font-size:17px}.t-f-18{font-size:18px}.t-f-19{font-size:19px}.t-f-20{font-size:20px}.t-f-21{font-size:21px}.t-f-22{font-size:22px}.t-f-23{font-size:23px}.t-f-24{font-size:24px}.t-f-25{font-size:25px}.t-f-26{font-size:26px}.t-f-27{font-size:27px}.t-f-28{font-size:28px}.t-f-29{font-size:29px}.t-f-30{font-size:30px}.t-f-31{font-size:31px}.t-f-32{font-size:32px}.t-f-33{font-size:33px}.t-f-34{font-size:34px}.t-f-35{font-size:35px}.t-f-36{font-size:36px}.t-f-37{font-size:37px}.t-f-38{font-size:38px}.t-f-39{font-size:39px}.t-f-40{font-size:40px}.t-f-41{font-size:41px}.t-f-42{font-size:42px}.t-f-43{font-size:43px}.t-f-44{font-size:44px}.t-f-45{font-size:45px}.t-f-46{font-size:46px}.t-f-47{font-size:47px}.t-f-48{font-size:48px}.t-f-49{font-size:49px}.t-f-50{font-size:50px}.t-f-51{font-size:51px}.t-f-52{font-size:52px}.t-f-53{font-size:53px}.t-f-54{font-size:54px}.t-f-55{font-size:55px}.t-f-56{font-size:56px}.t-f-57{font-size:57px}.t-f-58{font-size:58px}.t-f-59{font-size:59px}.t-f-60{font-size:60px}.t-f-61{font-size:61px}.t-f-62{font-size:62px}.t-f-63{font-size:63px}.t-f-64{font-size:64px}.t-f-65{font-size:65px}.t-f-66{font-size:66px}.t-f-67{font-size:67px}.t-f-68{font-size:68px}.t-f-69{font-size:69px}.t-f-70{font-size:70px}.t-f-71{font-size:71px}.t-f-72{font-size:72px}.t-f-73{font-size:73px}.t-f-74{font-size:74px}.t-f-75{font-size:75px}.t-f-76{font-size:76px}.t-f-77{font-size:77px}.t-f-78{font-size:78px}.t-f-79{font-size:79px}.t-f-80{font-size:80px}.t-f-81{font-size:81px}.t-f-82{font-size:82px}.t-f-83{font-size:83px}.t-f-84{font-size:84px}.t-f-85{font-size:85px}.t-f-86{font-size:86px}.t-f-87{font-size:87px}.t-f-88{font-size:88px}.t-f-89{font-size:89px}.t-f-90{font-size:90px}.t-f-91{font-size:91px}.t-f-92{font-size:92px}.t-f-93{font-size:93px}.t-f-94{font-size:94px}.t-f-95{font-size:95px}.t-f-96{font-size:96px}.t-f-97{font-size:97px}.t-f-98{font-size:98px}.t-f-99{font-size:99px}.t-f-100{font-size:100px}
    
    
    .code-block-r4 .source-code,
    .code-block-r3,
    .code-block-r2 .source-code {
        min-height: 50px;
    }
    .hide-on-tablet {
        display: none;
    }
    
    .show-on-mobile {
        display: none;
    }
    
   
	
	.show-on-tablet {
		display: block !important;
	}
    .navbar-wrapper {
        display: none;
        
        position: absolute;
        left: 0;
        top: 70px;
        background: #fff;
        width: 100%;
        height: calc(100vh - 70px);
        overflow: scroll;
    }
	
	
.t-position-relative {
	position: relative;
}
.t-position-absolute {
	position: absolute;
}
.t-position-static {
	position: static;
}

    
    }