@media only screen and (max-width: 990px) {
		body ul.menu {
			    padding-left: 0;
		}
}


@media only screen and (max-width: 830px) {
		body ul.menu {
			    padding-left: 0;
		}
}

@media only screen and (max-width: 780px) {
	
	.mobile {
		display: block;
	}

	.mobile.menuBtn {
	    display: inline-block;
	    float: left;
	    width: auto;
	    height: auto;
	    font-size: 30px;
	    padding: 10px;
	    text-align: center;
	    padding-left: 20px;
	}
	
	ul.menu {
		position: fixed;
	    left: 0;
	    top: 60px;
	    background-color: #07253f;
	    max-width: 100%;
	    height: 100%;
	    box-shadow: 0px 0px 20px rgb(20 20 20 / 80%);
	    padding: 0;
	    padding-left: 10px;
	    padding-right: 10px;
	    display: none;
	}
	
	body.visMenu ul.menu {
		display: block;
	}
	
	ul.menu li {
		display: block;
		padding: 10px;
		min-width: 200px;
	}
	
	header .logo {
		margin-left: 20px;
	} 
	
	header ul.signin {
		padding-left: 0;
	}
	
	.section.banner.text {
		    font-size: 28px;
		    text-align: center;
		    width: auto;
		    padding: 20px;
		    line-height: 41px;
	}
	
	.banner-bg .triangle-b {
		border-width: 319px 356vw 0 0;
	}
	
	.banner-bg .triangle-c {
		border-width: 295px 186vw 0 0;
	}
	
	.main-body.homepage .section-b .section.b1 .content div.in {
	    padding-left: 0;
	    max-width: calc(100% - 40px);
	    overflow: hidden;
	    padding-bottom: 0;
	}
	
	.section-b .section.b1 .content div.in div
	{
		text-align: left;

	}
	
	.section-b .search-box input {
		padding-right: 0px;
	}
	
	.section-b .search-box .scan
	{
	  	top: 12px;
	}
	
	
	.section.b2 {
		display: none;
	}
	
	.section-c h3 {
		display: none;
	}


}

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


	.section-c table.dataTable,
	.section-c table.dataTable tbody,
	.section-c table.dataTable tr,
	.section-c table.dataTable tbody td,
	{
		display: block;
		width: 100%;
		text-align: center;
	}
	
	.section-c table.dataTable thead {
		display: block;
		color: #07253f;
	}
	
	.section-c table.dataTable thead td {
		display: inline-block;
	    text-align: center;
	    height: 0px;
	    overflow: hidden;
	
	}
	
	a4e-gui-data-table,
	.section-c table.dataTable tbody td a,
	.section-c table.dataTable tbody td div {
		padding: 0;
	}
	
	.section-c table.dataTable {
		width: 100%;
		display: block;
	}
	
	.section-c table.dataTable tbody td {
		padding: 0;
		width: 100%;
		display: inline;	
		text-align: center;
		position: initial;
	}
	
	.section-c table.dataTable .image {
	    width: 100%;
	    height: 250px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    padding: 40px;	
	}
	
	.section-c table.dataTable tbody tr {
	    text-align: center;
	    position: relative;
	}
	
	.section-c table.dataTable tbody td .submitterName {
		    position: initial;
	}
	
	.section-c table.dataTable tbody td .brandName {
		    position: initial;
		    font-size: 20px;
    		padding: 10px;
    		margin-top: 260px;
	}
	
	.section-d {
		height: auto;	
	}
	
	.section-d .box {
	    display: block;
	    width: auto;
	    margin: 0;
	    margin-bottom: 25px;
	    border-bottom: 1px solid;
	    margin-top: 40px;
	}
	.section-d h3 {
		text-align: center;
	}
	
	.section-d .box div h4 {
		text-align: center;	
	}
	
	.section-d .box div {
	    font-size: 17px;
	    text-align: justify;
	    border: 0;
	    padding: 0;
	}
	
	.triangle-bg {
		display: none;
	}
	
	.triangle-front {
		position: relative;
		background-color: #2c445c;
		height: auto;
	}
	
	
	
	.triangle-bg div {
		display: none;
	}
	
	.section-d .box span.icon {
	    display: block;
	    text-align: center;
	    font-size: 70px;
	}
	
	.section-d .section-d2 .col-6 {
		display: block;
    	width: auto;
    	position: relative;
    	text-align: center;
	}
	
	.section-d .section-d2 .col-6 .text {
	    width: auto;
	    text-align: justify;
	    font-size: 16px;
	    height: auto;
	    padding-bottom: 40px;
	}
	
	.section-d .btn {
	    display: block;
	    padding: 20px;
	    background: #ffffff;
	    color: #222222;
	    height: auto;
	}
	
	.section-d .section-d2 .col-6 .sub-box {
	    width: auto;
	    margin: auto;
	    padding: 0;
	    height: auto;
	    margin-bottom: 40px;		
	}
	
	.section-e h3 {
		text-align: center;
	}
	
	.section-e .feedback {
	    display: block;
    	padding: 20px;
    	padding-top: 0px;
    }
   
	.section-e .feedback .sub-box {
	    width: auto;
	    margin: auto;
	    display: block;
	    position: relative;
	    left: auto;
	    top: auto;
	    float: none;
	    margin-top: 40px;
	    max-width: initial;
	    max-height: none;
	    height: auto;
	    margin-bottom: 40px;
	    font-size: 16px;
	}
	
	.section-e .feedback .sub-box .text {
	    max-width: initial;
	    max-height: none;
	    margin-bottom: 50px;
	}
	
	
}

@media only screen and (max-width: 280px) {
	header .logo {
		    padding: 0;
		    height: 24px;
		    width: 84px;
		    margin: 6px;
		    margin-top: 20px;
	} 
}