/* Small desktop */
	@media (min-width: 1367px) and (max-width: 2700px) {
		.container {
			/*padding-left: -50px;*/
			/*padding-right: -50px;*/
		}
		
		.bumper {
	    width: 100%;
	    height: auto;
	    margin-top: auto;
        }   
        
  /*      .why-us {*/
		/*	padding: 0px 2% 140px;*/
  /*  		margin-top: -130px;*/
		/*}*/

		.section-wrapper1 {
			margin-top: -90px;
		}

		nav .judul1 {
			font-size: 16px;
			font-weight: 900;
		}

		.typografi2 {
			font-size: 27px;
		}

		.typografi3 {
			font-size: 14px;
		}

		.typografi5 {
			margin-left: 149px;
		}

		.typografi4 {
			font-size: 79px;
		}

		.about_BG {
			margin-bottom: 95px;
		}

		.carousel-showmanymoveone .carousel-control.left {
			margin-left: -40px;
		}

		.carousel-showmanymoveone .carousel-control.right {
			margin-left: 55px;
		}

		.news {
			padding: 0px 1% 0px;
		}
		
		.about-us {
		    margin-top: 1px;
		}
		
		.why-us{
		    margin-top: 125px;
		}
	}

	@media (min-width: 980px) and (max-width: 1366px)  and (-webkit-min-device-pixel-ratio: 1.5) { 

		/* Works */
		.myport .portfolio ,
		.myport .portfolio-5-col,
		.myport .portfolio-4-col,
		.myport .portfolio-3-col
		{
			width: 25%;
		}	
		
		/*.container {*/
		/*    padding-left: -50px;*/
		/*    padding-right: -50px;*/
		/*}*/
		
		.img-holder:hover .overlay-content{
			top: 20%;
		}

		/*#home .carousel-inner {*/
		/*	height: 500px;*/
		/*}*/
		.bumper {
	        width: 100%;
	        height: auto;
	        margin-top: auto;
        } 

		.why-us {
    		margin-top: auto;
		}

		.section-wrapper1 {
			margin-top: -155px;
		}
		
		.about-us {
		    margin-top: auto;
		}

		nav .judul1 {
			font-size: 16px;
			font-weight: 900;
		}

		.typografi2 {
			font-size: 27px;
		}

		.typografi3 {
			font-size: 12px;
		}

		.typografi5 {
			margin-left: 149px;
		}

		.typografi4 {
			font-size: 79px;
		}

		.about_BG {
			margin-bottom: 95px;
		}

		.carousel-showmanymoveone .carousel-control.left {
			margin-left: -40px;
		}

		.carousel-showmanymoveone .carousel-control.right {
			margin-left: 55px;
		}

		.news {
			padding: 0px 1% 0px;
		}
		
		
	}
		

	/* Portrait tablet to landscape and desktop */
	@media (min-width: 768px) and (max-width: 979px) {

		/* Home Slider */
		#home-slider .caption h1 {
			font-size: 60px;
		}

		#home-slider .caption p {
			font-size: 35px;
		}	
			
		/* Navagation*/
		.navbar-header {
			float: none;
		}
		.navbar-left,.navbar-right {
			float: none !important;
		}
		.navbar-toggle {
			display: block;
		}
		.navbar-collapse {
			border-top: 1px solid transparent;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		}
		.navbar-fixed-top {
			top: 0;
			border-width: 0 0 1px;
		}
		.navbar-collapse.collapse {
			display: none!important;
		}
		.navbar-nav {
			float: none!important;
			margin-top: 7.5px;
		}
		.navbar-nav>li {
			float: none;
		}
		.navbar-nav>li>a {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.collapse.in{
			display:block !important;
		}
		.navbar-collapse.in {
			overflow-y: auto !important;
		}
		.navbar-nav .open .dropdown-menu {
			position: static;
			float: none;
			width: auto;
			margin-top: 0;
			background-color: transparent;
			border: 0;
			box-shadow: none;
		}
		.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
			padding: 5px 15px 5px 25px;
		}
		.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
			color: #999;
		}
		.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, 
		.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
			color: #fff;
			background-color: transparent;
			background-image:none;
		}
			
		/* Block Best Fitting */	
		.wrapper-team .col-md-3,
		.wrapper-number .col-md-3,
		.wrapper-count .col-md-3,
		.wrapper-partners .col-md-3
		{
			float: left;
			margin: 0 auto;
			width: 50%;
		}			
		
		/* Price */
		.wrapper-pricing .col-md-3{
			margin: 0 auto 20px;
			width: 50%;
			float: left;
		}	

		/* Works */
		.myport .portfolio ,
		.myport .portfolio-5-col,
		.myport .portfolio-4-col,
		.myport .portfolio-3-col
		{
			width: 33.33%;
		}	
		.img-holder:hover .overlay-content{
			top: 20%;
		}
		/* News */
		.post-date{
			padding: 5px 15px;
		}
		
		.post-date h2 {
			font-size: 16px;
			margin-top: 5px;
		}
		
		.post-date h2 span {
			font-size: 18px;
		}		
		
		/* Contact Form */
		.contact_form {
			width: 90%;
		}

		.about1 {
			padding-left: 100px;
			padding-right: 100px;
		}

		/* .profile {
			margin-left: -10px;
		} */
		
		.bumper {
	        width: 100%;
	        height: auto;
	        margin-top: auto;
        } 
        
        .why-us {
			padding: 0px 2% 140px;
    		margin-top: -130px;
		}

		.section-wrapper1 {
			margin-top: -90px;
		}

		nav .judul1 {
			font-size: 16px;
			font-weight: 900;
		}

		.typografi2 {
			font-size: 27px;
		}

		.typografi3 {
			font-size: 12px;
		}

		.typografi5 {
			margin-left: 149px;
		}

		.typografi4 {
			font-size: 79px;
		}

		.about_BG {
			margin-bottom: 95px;
		}

		.carousel-showmanymoveone .carousel-control.left {
			margin-left: -40px;
		}

		.carousel-showmanymoveone .carousel-control.right {
			margin-left: 55px;
		}

		.news {
			padding: 0px 1% 0px;
		}

		
	}
	
	
	/* Landscape phone to portrait tablet */
	@media (max-width: 767px) {
	
		#home-slider .caption h1 {
			font-size: 40px;
		}

		#home-slider .caption p {
			font-size: 15px;
		}


		/* Block Best Fitting */
		.wrapper-number .col-md-3,
		.wrapper-team .col-md-3,
		.wrapper-count .col-md-3,
		.wrapper-partners .col-md-3{
			float: left;
			margin: 0 auto;
			width: 50%;
		}		
	
		/* Price */
		.wrapper-pricing .col-md-3{
			margin: 0 auto 20px;
			width: 70%;
		}	
		
		/* Works */
		.myport .portfolio ,
		.myport .portfolio-5-col,
		.myport .portfolio-4-col,
		.myport .portfolio-3-col
		{
			width: 50%;
		}
		.img-holder:hover .overlay-content{
			top: 20%;
		}
		
		/* News */
		.post-date{
			padding: 5px 15px;
		}
		
		.post-date h2 {
			font-size: 16px;
			margin-top: 5px;
		}
		
		.post-date h2 span {
			font-size: 18px;
		}	

		/* Contact Form */
		.contact_form {
			width: 90%;
		}

		/* video loop */
		#home .carousel-inner {
			height: 370px;
		}

		.profile {
			margin-left: 0px;
		}

		/* .profile1 {
			margin-left: 115px;
		} */
		/* video loop */
		
		/* About Us */
		/* .design {
			margin-left: auto;
		} */
		/* About Us */
		.bumper {
	        width: 100%;
	        height: auto;
	        margin-top: auto;
        }
		
	}

	/* Landscape phones and down */
	@media (min-width: 320px) and (max-width: 480px) {	
		
		/* Home Slider */
		#home-slider .caption h1 {
			font-size: 40px;
		}
		#home-slider .caption {
			font-size: 15px;
			padding: 0 30px;
		}
		.left-control, .right-control {
			font-size: 20px;
			height: 30px;
			line-height: 25px;
			width: 30px;
		}
		#home-slider:hover .right-control {
			right: 15px;
		}
		#home-slider:hover .left-control {
			left: 15px;
		}

		/* video loop */
		/* video loop */
		
		/* Block Best Fitting */
		.wrapper-team .col-md-3,
		.wrapper-number .col-md-3,
		.wrapper-count .col-md-3,
		.wrapper-partners .col-md-3
		{
			margin: 0 auto;
			width: 100%;
		}
		
		/* Price */
		.wrapper-pricing .col-md-3{
			margin: 0 auto 20px;
			width: 100%;
		}
	
		/* Facts */	
		.wrapper-contacts-icons .col-xs-4{
			width: 100%;
		}
		
		/* Works */
		.myport .portfolio ,
		.myport .portfolio-5-col,
		.myport .portfolio-4-col,
		.myport .portfolio-3-col
		{
			width: 100%;
		}
		
		/* Titles */
		.section-title h1 span{
			padding: 0 4px;
			font-size: 30px;
		}
		.element-title h1 {
			font-size: 20px;
		}
		.element-title h3 {
			font-size: 16px;
		}

		/* Contact Form */
		.contact_form {
			width: 90%;
		}

		/* About Us */
		.wrapper-why-us {
			height: 666px;
		}

		.why-us  {
			padding: 0px 2% 140px;
			margin-top: -100px;
		}

		.iconsize {
			font-size: 70px;
		}

		.iconsize:hover{
			font-size: 85px !important;
		}
		/* About Us */

		#home .carousel-inner {
			height: 280px;
		}
		
		.about1 {
			padding-left: 50px;
			padding-right: 50px;
		}

		.container12 {
			/* width: 100%; */
			margin: 0 10px 0 12px;
		}

		.des {
			font-size: 14px;
		}

		.profile {
			margin-left: 0px;
		}

		/* .profile1 {
			margin-left: 118px;
		} */

		.judul {
			font-size: 35px !important;
		}

		.hovicon {
			width: 150px !important;
			height: 150px;
		}

		.bungkus {
			margin-top: 40px;
		}
		
		.alamat {
			padding-bottom: 10px !important;
		}

		.bungkus3 {
			margin-top: -40px !important;
		}

		.isi {
			padding-top: 20px;
			font-size: 25px;
		}

		.isi-artikel {
			font-size: 20px;
		}

		.judul-artikel {
			font-size: 30px;
			letter-spacing: 2px;
		}

		.wrapper-news {
			padding-bottom: 0px;
		}

		.font-team-nama {
			font-size: 17px !important;
		}
		

		.font-team {
			font-size: 12px !important;
		}

		.blog-image iframe {
			width: 100%;
			height: 200px;
		}
		/* partner */
		.partners-img img{
			padding-top: 25px;
			padding-bottom: 25px;
		}
		/* partner */

		.event {
			margin-left: -123px;
			width: 65px;
			text-align: center;
		}

		.size {
			font-size: 35%;
			margin-top: -40px;
			margin-bottom: -85px;
		}

		.sosmed {
			margin-left: -125px;
			width: 65px;
		}

		.stroke1 {
			font-size: 25px;
			margin-top: 59px;
		}

		.stroke1_slim {
			font-size: 8px;
		}

		.typografi {
			font-size: 12px;
			margin-bottom: 8px;
			margin-top: -305px;
		}

		.typografi1 {
			font-size: 20px;
			margin-top: -14px;
		}

		.typografi2 {
			font-size: 8px;
		}

		.typografi3 {
		font-size: 4px;
    	margin-top: 2px;
    	margin-left: -32px;
		}

		.typografi4 {
			font-size: 15px;
			margin-top: -16px;
		}

		.typografi5 {
			font-size: 8px;
			margin-top: -15px;
			margin-left: -110px;
		}

		#frame-image {
			height: 37%;
			margin-top: -340px;
		}

		.works {
			padding: 16px 0 0;
		}

		.wrapper-block-partners {
			padding: 0px 2% 50px;
		}

		.section-title .stroke1::before {
			margin-top: 5px;
		}

		.section-title {
			margin-top: -45px;
		}

		.about {
			padding-top: 365px;
		}

		.works-overlay-category {
			font-size: 12px;
		}

		.sizeing {
			margin-left: 0;
			margin-top: 29px;
		}

		.navigasi1 {
			margin-left: 233px !important;
		}

		.navigasi, .navigasi1 {
			margin-top: 28px;
			margin-left: -40px;
		}

		.panah_news {
			margin-left: -120px;
		}

		.deskripsi {
			width: 165px;
			font-size: 12px;
			margin-left: -15px;
		}

		.slider_news .newss {
			margin-right: -785px;
		}

		.numberslide {
			width: 100%;
			margin-left: -4px;
		}

		.slider_news {
			margin-left: -275px;
		}

		.news {
			padding: 20px 2% 0px;
		}

		.kategori {
			margin-top: -70px;
		}

		.team .stroke_squad {
			margin-bottom: -55px;
			font-size: 25px;
		}

		.frame-team {
			margin-left: 0px;
			margin-bottom: -120px;
		}

		.img-responsive {
			max-width: 70%;
			margin-left: 21px;
		}

		.nama_team {
			margin-left: -152px;
			margin-top: 200px;
		}

		.nama_team1 {
			margin-top: 200px;
			margin-left: -153px;
		}
		
		.nama_team2 {
			margin-top: 200px;
			margin-left: -152px;
		}

		.nama_team3 {
			margin-top: 200px;
			margin-left: -153px;
		}

		.nama_team5 {
			margin-top: 199px;
			margin-left: -152px;
		}

		.nama_team6 {
			margin-top: 201px;
			margin-left: -152px;
		}

		.nama_team8 {
			margin-top: 200px;
			margin-left: -151px;
		}

		.jabatan {
			margin-left: -49px;
			margin-top: 240px;
		}

		.jabatan1 {
			margin-left: -81px;
    		margin-top: 270px;
    		text-align: left;
		}

		.jabatan2 {
			margin-left: -130px;
			margin-top: 242px;
		}

		.jabatan3 {
			margin-left: -100px;
			margin-top: 236px;
		}

		.jabatan5 {
			margin-left: -67px;
			margin-top: 265px;
			text-align: left;
		}

		.jabatan6 {
			margin-left: -65px;
			margin-top: 241px;
		}

		.jabatan8 {
			margin-left: -71px;
			margin-top: 242px;
		}

		.logo_slider {
			margin-top: -103px;
			margin-bottom: -160px;
			margin-left: 36px;
			margin-right: 33px;
			overflow: hidden;
		}

		.frame-team img {
			width: 165px;
			max-height: 187px;
			padding-right: 30px;
			margin-left: 25px;
			margin-top: 30px;
		}

		.frame-team .ceo {
			top: -40px;
		}

		.frame-team .cfo {
			top: -56px;
		}

		.frame-team .teks-team {
			font-size: 12px;
			top: 150px;
			margin-left: 10px;
		}

		.frame-team .teks-team2 {
			font-size: 12px;
			top: 150px;
			margin-left: 7px;
		}

		.frame-team .teks-team3 {
			font-size: 12px;
			top: 150px;
			margin-left: 30px;
		}

		.teamm .container{
			padding-left: 0;
			padding-right: 0;
		}

		.image-title .cceo {
			margin-top: 114px;
			font-size: 13px;
			top: 0;
		}

		.image-title .bf {
			top: -72px;
			font-size: 11px;
		}

		.img_slide {
			width: 200px;
			margin-left: 300px;
		}

		.deskripsi_link {
			margin-left: -88px;
			margin-top: 160px;
		}

		.carousel-showmanymoveone .carousel-control.right1 {
			margin-left: 250px;
			margin-top: 85px;
			position: absolute;
		}

		.carousel-showmanymoveone .carousel-control.left1 {
			margin-left: 55px;
			margin-top: 85px;
			position: absolute;
		}

		.frame_slider {
			margin-left: 20px;
			margin-right: 20px;
		}

		.slider1 {
			width: 165px;
		}

		.img-slide {
			width: 111%;
		}

	}
	@media all and (-webkit-min-device-pixel-ratio: 1.5) 
	{ 
		/*.navbar-brand { background: url("../images/logo-white@2x.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);background-size: 151px 47px; }*/
		.bumper {
	        width: 100%;
	        height: auto;
	        margin-top: auto;
        }
	}