@font-face {
    font-family: 'Gotham';
    src: url('../font/GothaProBol.otf'); 	
}
@font-face {
    font-family: 'Gotham-med';
	src: url('../font/gothapromed.otf');
}

.main-header{
	border-bottom: 2px solid #dcdcdc;
	padding: 15px 0
}

.sub-header {
	background-color: #e9e0d0;
	padding: 20px 0;
}
.sub-header h3{
	font-family: 'Gotham';
	font-size: 26px;
    line-height: 26px;
    margin-bottom: 0;
}


.main-sec img{
	width: 100%;
}

.main-sec {
	padding: 30px 0 60px;
}
.main-sec h2{
	 font-weight: 500;
	 font-size: 25px;
	 padding-bottom: 15px;
	 font-family: 'Gotham';
}
.main-sec .left-side-data{
	padding-right: 30px;
}
.main-sec .product-right .pro-table{
	padding-left: 30px;	
}
.main-sec .product-right .pro-table .t_info{
    padding-top: 10px;
    font-size: 11px;
    margin-bottom: 0px;
}
.main-sec .product-right .preview-img{
	position: relative;
}

.main-sec .product-right .preview-img {    
    background-color: #e9e0d0;
	padding: 25px 20px 15px;
	border-radius: 15px;
}
.main-sec .product-right .preview-img.no-overlay:before {
    opacity: 0 !important;
}
	
.main-sec .product-right .preview-text{	
	text-align: center;
}
.main-sec .product-right .preview-text img{	
	width: 140px;
	height: 86px;
}
.main-sec .product-right .preview-text a{
	text-decoration: none;
}
.main-sec .product-right .preview-text p{
	margin-top: 20px;
	color: #6b533d;
	font-size: 37px;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 1px;
	
}
.main-sec .product-right .touch-img {	
	text-align: center;
	/* padding-top: 55px;  */
}
.main-sec .product-right .touch-img img{  
	width: 180px;
	height: 184px;
}
.main-sec .product-right .table{
	margin-bottom: 0px;
}
/*.row>*{
	padding-right: 30px !important;
	padding-left: 30px !important;
}*/

table tr>th,
table tr>td{
	border-left: none;
	border-right: none;
	padding: 0.4rem 0.6rem !important;
}
table tr>th:not(:last-child),
table tr>td:not(:last-child) {
	border-right: 1px solid #000;
}
table tr {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
table th {
	font-size: 17px;
	font-weight: 800 !important;
}
table td {
	font-size: 15px;
	color: #000;
	font-weight: 500;
	font-family: 'Gotham-med';
}
#panorama {
	width: 100%;
	height: 57vh;
	margin-bottom: 20px;
}


.product-right {
	height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main-sec .left-side-data img{
    height: 100vh;
}
.img360_table{
    height: 38vh;
}
@media only screen and (min-width: 991px){
    .row.main-box {
        display: -webkit-box;
    }
}
@media only screen and (min-width: 1600px){
    .main-sec .left-side-data img{
        height: 100%;
    }
    .img360_table{
        height: auto;
    }
}
/*
@media only screen and (max-width: 1399px){
	#panorama{
		height: 60vh;
	}
}
@media only screen and (max-width: 1250px){
	#panorama{
		height: 60vh;
	}
}
@media only screen and (max-width: 1200px){
	#panorama{
		height: 50vh;
	}
}*/
@media only screen and (max-width: 1520px){
	.main-sec .product-right .preview-text p{
		font-size: 33px;
		margin-top: 11px;
	}
	table td {
		font-size: 14px;
	}
	table th {
        font-size: 16px;
    }
	.main-sec .product-right .touch-img {
		padding-top: 0px; 
	}
	
}



@media only screen and (max-width: 1200px) and (min-width: 768px){
	.main-sec .left-side-data {
		padding-right: 0px;
	}
	.main-sec .product-right .sec_360view{
		/* padding: 60px 0; */
	}
	.main-sec .product-right .preview-text p {
		font-size: 23px;
		margin-top: 11px;
	}

}
@media only screen and (max-width: 1367px){
    table tr>th, table tr>td {
        padding: 0.2rem 0.6rem !important;
    }
    table td {
        font-size: 11px;
    }
    table th {
        font-size: 13px;
    }
    .main-sec .product-right .touch-img img {
        width: 163px;
        height: 168px;
    }
    .main-sec .product-right .pro-table .t_info{
        font-size: 10px;
    }
}
@media only screen and (max-width: 991px){
	.main-sec .product-right{
		padding: 60px 0 0;
	}
}
@media only screen and (max-width: 767px){
	.main-sec .container {
		width: 100%;
	}
	.main-sec h2{
		font-weight: 400;
		font-size: 20px;
	}
	.sub-header h3{
		font-size: 23px;
		line-height: 23px;
	}
	.sub-header h3,
	.main-header .navbar{
		display: flex;
		/* justify-content: center; */
	}
	.main-sec .left-side-data{
		padding: 0px 0 40px;
	}
	.main-sec .product-right{
		padding: 40px 0 0;
	}
	.main-sec .product-right .preview-text p{
		font-size: 28px;
		margin-top: 20px;
	}
	.main-sec .product-right .preview-img{
		padding: 20px 0 20px;
	}
	.main-sec .product-right .pro-table{
		padding-top: 40px;
	}
	.main-sec .product-right .pro-table {
        padding-left: 10px;
    }
}