@media (max-width: 767px) {
	.drmy-retail {
		width: 140px !important;
		text-align: center !important;
	}
	.navbar-my-retail .header{
		background: #fff !important;
		box-shadow: 0 0 30px rgba(7,51,84,0.17)!important;
    	-webkit-box-shadow: 0 0 30px rgba(7,51,84,0.17)!important;
    	-moz-box-shadow: 0 0 30px rgba(7,51,84,0.17)!important;
	}
	.header_my-retail {
	    margin-top: 0px !important;
	    height: auto !important;
	}

	.main-menu .navbar-nav li:nth-last-child(2)>.dropdown-menu {
    	right: 0px !important;
    	left: auto;
	}
	.main-menu .navbar-my-retail-nav>li:hover>a, 
	.main-menu .navbar-my-retail-nav>li.active>a {
	    background: none;
	    border-bottom: 2px solid #ffb300 !important;
	}

	.navbar-my-retail .navbar-nav .open .dropdown-menu>li>a {
	    text-align: left !important; 
	}
	.navbar-my-retail .main-menu .navbar-nav li>.dropdown-menu { 
		margin-top: 0px !important;
		border: none !important;
	}
	.navbar-my-retail .navbar-nav .open .dropdown-menu>li>a {
    	margin-left: -10px !important; 
    }
    .navbar-my-retail .main-menu .navbar-nav li>.dropdown-menu {
	    margin-top: -10px !important;
	    margin-bottom: 15px !important;
	    margin-left: -10px;
	    border: none !important;
	}
	.navbar-my-retail .main-menu .navbar-nav li>.dropdown-menu {
   		top: 0px;
	}
	.navbar-my-retail .main-menu .navbar-nav li>.dropdown-menu {
    	min-width: 450px !important;
	}
    .navbar-my-retail ul ul li ul {
		position: static !important;
		margin-left: 1px !important;
		min-width: 450px !important;
		margin-top: -5px !important;
		display: block;
		background: #f0f0f0;
	}
	
	.penjualan-pos {
		margin-bottom: 20px !important;
		margin-right: 0px !important;
	}
	.fmp-1-img {
		padding-top: 25px !important;
	}
	.myretail_info_surabaya {
	    margin-top: 50px !important;
	    padding-bottom: 50px !important;
	}
	.gallery-myretail .row {
		margin-left: -50px !important;
	}
	.img_my-retail img {
		display: none !important;
	}
	.img_my-retail img {
		display: none !important;
	}
	.tm-text p:nth-child(1) {
        padding-top: 60px !important;
        padding-left: 10px !important;
    } 
    .tm-text p:nth-child(2) {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .terintegrasi-my-retail-cta {
        padding-bottom: 60px !important;
        padding-left: 10px !important;
    }
    .title_spesifikasi_my-retail_second img {
    	padding-right: 0px !important; 
	}

	.myretail-header-page {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.navbar-second-my-retail .main-menu .navbar-nav {
    	background: #fff !important;
    	border: 1px solid #eaeaea;
    	margin-bottom: 20px;
	}

	body#beranda-myretail     a#beranda-myretail,
	body#tentang-myretail     a#tentang-myretail,
	body#fitur-myretail       a#fitur-myretail,
	body#tutorial-myretail    a#tutorial-myretail,
	body#wcu-myreatil		  a#wcu-myretail {
		width: 145px !important;
	}
	.main-menu .navbar-my-retail-nav>li:hover>a, 
	.main-menu .navbar-my-retail-nav>li.active>a {
    	background: none;
    	border-bottom: 2px solid #eb3244 !important;
    	width: 145px;
	}
	.main-menu .nav .open>a, 
	.main-menu .nav .open>a:hover, 
	.main-menu .nav .open>a:focus {
	    background: none;
	    border-bottom: 2px solid #eb3244;
	    color: #444;
	}
	.navbar-second-my-retail a.drmy-retail {
		color: #fff !important;
	}
	.fitur-img-logo img {
    	width: 100%;
	}
	.table-biaya {
    	overflow-x: scroll;
	}
	.table-biaya table thead tr td {
    	font-size: 17px;
	}

	.header-new {
    	background: url(../images/assets/my-retail/new/Header-image-Potrait.jpg);
        padding-top: 400px;
        background-size: contain;
	}
	.header-new-mobile-parent {
		margin-top: -330px;
		padding-bottom: 70px;
	}
	.header-new-header {
    	font-size: 25px;
	}
	.about-new-img .about-new-img-2 img,
	.about-new-2-img .about-new-2-img-2 img {
    	max-height: 150px;
	}
	.about-new-text {     	
		padding-left: 0px; 
		padding-top: 50px;
	}
	.about-new-2-text {
    	padding-top: 50px;
    	padding-left: 0px; 
	}

	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	.keunggulan-new-text {
    	padding-top: 0px;
    }
    .keunggulan-new-text-desc {
    	padding-top: 30px;
	}

	.clear-keunggulan {
    	margin-top: 0px;
	}

	/*.bg-img {
    	height: 100vh;
	}*/
	.ta-title,
	.fitur-2-teks-title {
    	font-size: 45px;
	}
	.about-new-2-img .about-new-2-img-1 img,
	.about-new-img .about-new-img-1 img {
    	width: 100%;
    }
    .video-new-2 {
	    padding-bottom: 30px;
	}
}

@media (min-width: 318px) and (max-width: 380px) {
	.keunggulan-myretail-1 {
		height: 400px !important;
	}
	.fmbo-1 {
	    height: 355px !important;
	}
}
@media (min-width: 750px) and (max-width: 1025px) {
	.myretail_info_surabaya {
	    margin-top: 100px !important;
	    padding-bottom: 50px !important;
	}
	.fmbo-1 {
	    height: 355px !important;
	}
	.fmp-1-img {
		padding-top: 50px !important;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.table-biaya {
    	overflow-x: scroll;
	}
	.table-biaya table thead tr td {
    	font-size: 17px;
	}
	.ta-title,
	.fitur-2-teks-title {
    	font-size: 45px;
	}
	.mobile {
		display: block !important;
	}
	.desktop {
		display: none !important;
	}
	.about-new-2-img .about-new-2-img-1 img,
	.about-new-img .about-new-img-1 img {
    	width: 100%;
    }
    .ekosistem {
		padding-top: 0px !important;
	}
}

@media (min-width: 1024px) and (max-width: 1200px) {
	.about-new-2-text,
	.about-new-text {
    	padding-top: 30px;
	}
}

@media (min-width: 1700px) {
	.clear-keunggulan {
	    margin-top: 700px;
	}
	.ekosistem {
		padding-top: 0px !important;
	}
}