@import url('reset.css');

/* General Demo Style */
html{height:100%;}
body{background: #fff; color: #000; font-family: Calibri, sans-serif; font-size: 16px; height:100%;}
a{color: #555; text-decoration: none;}
a:hover{color: #000;}
a:active{color: #000;}
.clear{clear:both;}
.container{min-height:90%;}
@font-face {
    font-family: 'metrophobic';
    src: url('../fonts/metrophobic.eot');
    src: url('../fonts/metrophobic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/metrophobic.woff') format('woff'),
         url('../fonts/metrophobic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
h1{
	font-size: 30px;
	position:relative;
	color: #957a40;
	font-weight: 400;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
	z-index:1000;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Trajan Pro', 'Times New Roman', serif;
}

h1 span{
	font-family: 'Trajan Pro', 'Times New Roman', serif;
	text-transform: none;
	font-size: 20px;
}

h2{
	font-size: 20px;
	position:relative;
	color: #000;
	font-weight: 400;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
	z-index:1000;
	text-transform: uppercase;
	text-align: left;
	font-family: 'Trajan Pro', 'Times New Roman', serif;
}
/* Header Style */
.dashboard_heading{
	font-size: 28px;
	position:relative;
	color: #957a40;
	font-weight: 400;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
	z-index:1000;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Trajan Pro', 'Times New Roman', serif;
	padding: 10px 0px 23px;
	}
.header{
	font-family: Calibri, sans-serif;
	font-size: 14px;
	padding: 3px 15px;
	background: #000;
	opacity: 0.9;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.6);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.6);
}
.header a{
	line-height: 18px;
	padding: 0 4px;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #000;
	color: #ddd;
}
.header a:hover{color: #fff;}
.header a span{font-weight: bold;}
.header span.right{float: right;}
.logo{background:url(../images/ddg1.jpg) no-repeat center top; height:120px; width:800px; margin:5px auto; float:left;}
.logoline{width:100%;}
.logopage{float:left; padding:10px 10px 10px 15px;}
.icons img{padding:20px 20px 10px 0; height:60px;}	
#searchbutton{background:#000000; color:#ffffff;  display:inline; padding:2px 10px 4px;}
#searchbutton:hover{cursor:pointer;}
.icons{float:right;}
.search{float:right; padding:35px 20px 25px 0;}
.search input{display:inline;}
.reporttypes{clear:both; text-align:center; float:center; font-size:14px; text-transform:uppercase; letter-spacing: 1px;}
.reporttypes a{margin:0 20px;}
.terms{margin:40px; text-align:justify;}
.terms li{list-style:square; margin-left:40px;}


.report {background:url(../images/reportbg.png) no-repeat top left; float:center; clear:both; font-size:14px; text-align:center; display:block;}
.report table td{padding:18px; border:1px solid #103f7c; text-align:left;}
.report table{margin:0 0px; vertical-align:top;}
.report #firstline, .report #secondline, .report #firstline1{display:inline-block}
.report .cutgrade-table table td{padding:3px; border:1px solid #103f7c; text-align:left;}
.report .cutgrade-table table{margin:0 20px 0 30px; vertical-align:top;}
.report .table-title{font-family:"Trajan Pro", "Times New Roman"; color:#103f7c; border:none;}
.report .table-top-right{border-right:none; border-top:none;}
.report .table-top-left{border-left:none; border-top:none;}
.report .table-left{border-left:none;}
.report .table-right{border-right:none;}
.report .table-left-last{border-left:none; border-bottom:none;}
.report .table-right-last{border-right:none; border-bottom:none;}
.report . {border-right:none; border-bottom:none;}     
.report-image{margin:10px 2px; text-align:center; height:auto; float:left;}
.report-image img{text-align:center; float:center;}

/*
.dnareport-image{margin:10px 10px 0 10px; text-align:center; height:auto; float:left;}
.dnareport-image img{text-align:center; float:center;}
*/


.report-table{margin:0 40px; display:inline-block;}
.margintop{margin-top:20px;}
.margintop1{margin-top:10px;}
#cutgrade{float:center; display:inline-block; text-align:center; clear:both;}
.button{width:168px;}
.checklist{text-align:left; display:inline-block; margin:20px; vertical-align:top;}
.checkbox input{padding:0;}
.textarea{width:224px; margin-left:10px;}
.textarea1{width:224px;}


.report .center{margin:0 auto;}
.report .center td{border:none;}
.report .center td h1{font-size:20px; color:#555;}


.name{width:100%; height:20px; background:#afc3da;}
.name p{padding-left:5px;}
.report-image .name{text-align:left;}

.contact {background:url(../images/reportbg.png) no-repeat top left; float:center; clear:both; font-size:14px; min-height:600px; text-align:center; display:block;}
.contact1{display:inline-block; margin:30px; vertical-align:middle;}

/* Main Page Boxes */

.box-main-page{display:inline-block; width:12%; /*margin:4% 4%;*/ margin:3% 3%; vertical-align:top;}
.box-main-page img{width:100%;}
.box-main-page .educationtitle{height:auto; color:#957a40; font-weight:bold; font-size:20px; margin:0 auto 15px auto; font-family: "Trajan Pro", "Times New Roman"; text-align:center; width:100%;}
.box-main-page p{color:#555;}

/* Content Style */

.wrapper{position: relative; width: 100%; float:left;}
.wrapper p{clear: both; font-size: 18px; line-height: 40px; text-align: center;}

.main {float:left; background:url(images/sidebar_bckg.gif) no-repeat top right #fff; padding:20px 0 0 0; width:99%;}  
.text {margin: 0 305px 30px 20px; text-align: justify;}
.text li {list-style:square; margin-left:40px;}
.text-services{margin:100px 20px 0 20px;}
.text-services a{color:#12427b; font-style:italic;}
.text-services a:hover{color:#000;}
.text-services img {margin: 0 30px 10px 5px; float:left;}
#main .service{margin:20px 0; min-height:210px;}

.sidebar { float:right; width:245px; padding: 10px 0 0 30px; font-size:11px;}
.sidebar a{ font-weight:bold; }
.sidebar h1 { margin:0; padding:0 0 20px 0; text-transform:uppercase; font-size:18px; color:#000; font-weight:normal;}
.item img { background-color:#FFFFFF; padding:6px; border:1px solid #d0d0d0;}
.item a { display:block; float:left; font-size:12px; color:#957a40;}
.description { display:block; float:right; width:130px; padding: 0 10px 20px 0; line-height:12px;}
img[ alt*="DDG Standart Report"]{margin:10px; border:1px solid #103f7c;}

/* Education */

.center{text-align:center; margin:0 auto;}
.left{text-align:left; margin:0 auto;}
.Service_main_div{text-align:center; margin:0 auto;width:76%;}
.box{width:316px; height:335px; margin:10px; color: #9c6800; display:inline-block; text-align:center; vertical-align:top;}
.box p{font-size:14px; color:#000; width:200px; margin:10px auto;}
.box-description{display:none;}
.box .box-description p{font-size:12px; color:#000; margin:0 auto; width:100%;}
.box .box-description p img{display:block; margin:0 auto; text-align:center;}
.box .box-description a{height:100%; width:100%;}
.box:hover .box-description{display: block; position:relative; width:100%; height:100%; background-color:#e2ebf2; text-align:left; padding: 0 10px;}
.box-description .leftbox{float:left; width:35px; padding:3px 0;}
.box-description .rightbox{float:left; width:123px; font-size:12px; color:#000; padding:3px 0;}
.box:hover .box-info{display:none;}
.learnmore{height:20px; width:105px; background-color:#957a40; color:#fff; font-size:14px; margin:0 auto; position:relative; top:-15px;}
.educationtitle{height:20px; width:296px; color:#957a40; font-size:20px; margin:0 auto 10px auto; font-family: "Trajan Pro", "Times New Roman"; text-align:center;}
.servicetitle{width:100%; color:#957a40; font-size:20px; margin:0 auto 10px auto; font-family: "Trajan Pro", "Times New Roman"; text-align:center;}
.certificatetitle{height:20px; width:296px; color:#000; font-size:20px; margin:0 auto 10px auto; font-family: "Trajan Pro", "Times New Roman"; text-align:center;}
.clear{width:100%; height:0; clear:both;}
.ddgservice{width:25%; display:inline-block; height:inherit; vertical-align:top; margin:40px; padding:10px; border-top:1px solid #957a40;}


.shape{width:40%; display:inline-block; vertical-align:top; margin:40px; border:1px solid #957a40; padding:10px;}
.shape .imgshape{width:100%;}
.clarity{width:60%; display:inline-block;}
.clarity img{width:100%;}
.education{width:80%; display:inline-block;}

/** Added for dna report **/
.parrent_contentbox{max-width:1200px; margin:0px auto; box-sizing:border-box;}
.parrent_contentbox2{max-width:1300px; margin:0px auto; box-sizing:border-box;}
.inner_contentbox{ width:55%; height:auto; float:left;}
.inner_contentbox_right{ width:45%; height:auto; float:left;}
.cont_boxes{width:50%;float:left; display:block;}
.cont_boxesalt{width:61.5%;float:left; display:block;}
.dia_boxes{float:left; margin-left:5px;}
.reright_report{height:auto; margin-left:5px; margin-right:5px;}
.video_zoomer{width:100%;}



/* Newly Added For GEM DNA */
.innercontentboxlft{width:64%; padding:1px 0px 1px 0px; height:auto; float:left; box-sizing:border-box;}
.innercontentboxrt{width:36%; padding:1px 0px 1px 5px; float:left; height:auto; box-sizing:border-box;}
.threedvideobx{width:48%; padding:0px; margin:0px 15px 10px 0px; height:auto; box-sizing:border-box; float:left;}
.zoomrealimg{ width:400px; height:auto; float:left;}
.inscriptionbox{width:45%; height:auto; float:left; margin:0px 0px 0px 5px;}
.headertxt{ background:#AFC3DA; color:#000000; padding:2px 5px; text-align:left;}
/* Newly Added For GEM DNA ends */

/**/
.newdna_innerbxs{ width:33.333%; height:auto; float:left; box-sizing:border-box; padding:0px 5px;}
.newdna_innerbxs .name{ text-align:left; margin-top:10px;}
/**/
.dimond_list_div{width:100%;height:auto;}
.di_img_box{width:230px;height:auto;float:left;background-color:#fff;border:1px solid #9C7A40;}
.di_img_part{width:2%;float:left;}
.img_box_txt {text-align:center;background-color:#AFC3DA;color:#111111;font-weight:bold;line-height:25px;}
.img_dtl_div{width:100%;height:auto;font-size:15px;}
.di_img_box_grid{width:100%;height:50px;background-color:#AFC3DA;margin-bottom:10px;border-radius:5px;padding:5px;box-sizing:border-box;}
.img_box_sub_div{width:10%;float:left;text-align:center;border-right:1px solid #fff;line-height: 40px;color:#fff;font-weight:bold;}



/* Futter Style */

#footer {margin-top:20px; width:100%; height:auto; min-height:38px; clear:both; font-family: Calibri, sans-serif; background:#957a40;}
#left_footer { float:left; padding:0px 0 0 15px; color:#fff; font-size:12px;}
#left_footer a { color:#fff;}
#left_footer a:hover { text-decoration:none;}
#right_footer { position:relative; float:right;  padding:0px 15px 0 0; color:#fff;  font-size:12px; text-align:right;}
#right_footer a { color:#fff;}
.visiters{
	top:71%; 
	left:10%;
	background:#1258A3; 
	padding:1px 8px;
	background: rgba(54,146,231,1);
	background: -moz-linear-gradient(top, rgba(54,146,231,1) 0%, rgba(25,114,215,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(54,146,231,1)), color-stop(100%, rgba(25,114,215,1)));
	background: -webkit-linear-gradient(top, rgba(54,146,231,1) 0%, rgba(25,114,215,1) 100%);
	background: -o-linear-gradient(top, rgba(54,146,231,1) 0%, rgba(25,114,215,1) 100%);
	background: -ms-linear-gradient(top, rgba(54,146,231,1) 0%, rgba(25,114,215,1) 100%);
	background: linear-gradient(to bottom, rgba(54,146,231,1) 0%, rgba(25,114,215,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3692e7', endColorstr='#1972d7', GradientType=0 );
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
}
.dashbord_main_div{width:75%;margin:0px auto;}
.dashbord_image_div{width:40%;margin:30px 0px;padding:10px;background-color:#BFA257;cursor:pointer;}
.dashbord_image_div:hover{background-color:#005094;}
.ddg_main_report_div{background-color:#AFC3DA;}
.ddg_inner_report_div{background-color:#957A40;margin:0px;padding:2px;}
.ddg_inner_report_div2{width: 332px;padding:2px;}
.ddg_content_report_div{background-color:#fff;}
.ddg_content_report_div img{border: 2px solid transparent;}
.ddg_content_report_div2{background-color:#fff;background-size:80% 80%;background-position:50% 50%;}
.left_report_txt{width:auto;float:left;text-align:left;padding-left:10px;margin: 1.7px 0px;}
.right_report_txt{width:auto;float:right;text-align:right;padding-right:10px;margin: 1.7px 0px;}
.sign_up_inner_div{background-color:#fff;position:absolute;z-index:0;top:0px;left:0px;padding: 5px 15px;height:100%; width: 100%;filter:alpha(opacity=70); /* IE */-moz-opacity:0.7; /* Mozilla */opacity: 0.7;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.line_height{line-height:2.4vw;;font-size: 1.3vw;padding-bottom: 5px;}
.new_report_div2{width:42%;float:left;}
.new_report_div{width:32%;float:left;}
.new_report_div1{width:54%;float:left;}
.new_report_part_div{width:2%;float:left;}
.tab_list{width:100%;height:auto;margin:0px auto;text-align:left;}
.tab_list ul li{padding:0px 10px;display:inline-block;list-style:none;color:#957A40;font-size:15px;line-height:30px;cursor:pointer;font-family:metrophobic;}
.tab_list ul li.inactive{background-color:#111111;color:#FFCC99;}
.tab_list ul li.active{background-color:#ffffff;color:#111111;}
.tab_content_main_div{width:100%;height:auto;padding:5px 0px;text-align:left;box-sizing:border-box;min-height:140px;}
.content_div{padding:0px 15px;box-sizing:border-box;text-align:center;background-color:#ffffff;margin:8px;}
.content_div2{width:20%;padding:0px 0px;}
.content_div3{width:33%;padding:0px 0px;}
.content_div4{padding:0px 15px;box-sizing:border-box;text-align:center;background-color:#ffffff;margin:8px;}
.qrcode_div{box-sizing:border-box;text-align:center;background-color:#ffffff;}
.dashboard_list ul
{
	z-index:2;
	list-style:inherit;
	list-style-position:inside;
	margin:0px;
	padding:0px;
	border-radius:50%;
	top:36%;
	left:32%;
}
.dashboard_list ul li
{
	list-style:inherit;
	list-style-position:inside;
	margin:0px;
	padding: 0px 10px;
	color:#473a34;
	display:block;
	text-align:center;
	font-size: 1.8vw;
	font-weight:bold;
	display:inline-block;
}
.dashboard_list ul li a
{
	display:block;
	margin:0px;
	padding:0px;
	color:#473a34;
	text-decoration:none;
}
.dashboard_list ul li a:hover
{
	color:#7A5F4F;
	text-decoration: underline;
}
#active_dashbord_ul
{
	color:#7A5F4F;
	text-decoration: underline;
}
.dashboard_img
{
	position:relative;
	z-index:0;
}
.color-blink-text 
{
    -webkit-animation: color-blink-text 1s step-start infinite;
    animation: color-blink-text 1s step-start infinite;
}
@-webkit-keyframes color-blink-text 
{
    0% { color:#838200 }
    25% { color:#073786 }
    100% { color:#838200 }

}
@keyframes color-blink-text 
{
    0% { color:#838200 }
    25% { color:#073786 }
    100% { color:#838200 }
}
.red_text{color:red;}
.main_menu li{display:inline-block;float:left;}
.main_menu li a{color:#dddddd;}
.main_menu li a:hover{color:#957A40;}
.main_menu li.active a{color:#957A40;font-weight:bold;}
.head_text{width:30%;float:left;}
.head_menu{width:auto;max-width:70%;float:right;}
.main_menu li.has-sub{position:relative;}
.main_menu li.has-sub ul{position:absolute;display:none;top:18px;left:0px;width:145px;}
.main_menu li.has-sub:hover > ul{display:block;background-color:#ffffff;border:1px solid #aeaeae;height:auto;border-radius:4px;}
.main_menu li.has-sub ul li{padding:5px 5px;}
.main_menu li.has-sub ul li a{color:#957A40;font-size:14px;text-shadow:none;}
.main_menu li.has-sub ul li a:hover{color:#957A40;font-weight:bold;text-shadow:none;}
.main_service_div{width:90%;margin:0px auto;padding:20px 0px;}

#tab_cntent4 img{width:120px;}
#tab_cntent5{text-align:left; display:none; padding:10px 10px 4px; box-sizing:border-box; }
#tab_cntent5 a{background:rgb(103, 145, 193); color:#FFFFFF; font-size:20px; display:inline-block; border-radius:3px; -webkit-border-radius:3px; padding:8px 12px; margin:0px 5px;}

#tab_cntent6 a {
    background: rgb(103, 145, 193) none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    margin: 0 5px;
    padding: 5px 12px;
}
#tab_cntent6 input{font-size:10px;}
.linkurlinptbx{ margin:10px auto 5px;}
.embdurlinptbx{ margin:10px auto 5px;}
.mailurlinptbx{ margin:10px auto 5px;}
.qrcodetbx{ margin:0px auto;}
.linkurlinptbx p,.embdurlinptbx p,.mailurlinptbx p,.qrcodetbx p{ margin:5px 0px; color:#000000; text-align:left;}
.txturlinput{ width:100%; height:auto; padding:5px 10px; box-sizing:border-box; margin:0px auto 5px; resize:none;}

.linkurlinptbx{ display:none; }
.mailurlinptbx{ display:none; }
.embdurlinptbx{ display:none; }
.qrcodetbx{ display:block;line-height: 1; }
.service_content_div{width:100%;height:auto;}
.srv_left_div{width:30%;float:left;}
.srv_left_div img{width:65%;}
.srv_right_div{width:68%;float:right;}
.serv_sub_parent_div{width:100%;text-align:center;margin-top:20px;}
.serv_sub_parent_div img{min-height:160px;max-height:335px;}
.serv_sub_div{width:33%;float:left;padding:0px 20px;box-sizing:border-box;}
.servicetitle {    font-size: 13px;}
.cf {
  position:relative;
  width:66%;
  margin:0 auto;
  height:255px;
  text-align:center;
}
.cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  max-height:335px;
}
.cf img.top{
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  max-height:225px;
  width:100%;
}
.cf:hover img.top {
  opacity:0;
}
.cf:hover img.bottom {
  opacity:1;
}
.cf:hover .text h4 {
  opacity:0;
}
.cf img.bottom {
  opacity:0;
  top:0px;
}
.hover_logo {
	/* background:#fff url(../images/hover_logo.png) no-repeat;background-size:100% 100%;background-position:100% 100%; */
    bottom: 4px;
    left: 0;
    position: absolute;
    width: 65px;
    z-index: 1;
    height: 35px;
}
.Service_main_div h1{display:inline-block;}
.view_3d_height{height:24.2vw;max-height:309px;}
.customer_report_tbl th{text-align:center;line-height:25px;color:#3591E6;border-right:1px solid #ffffff;font-weight:bold;}
.customer_report_tbl td{text-align:center;line-height:25px;color:#111111;border-right:1px solid #ffffff;}
.datepick{background:#fff url(../images/date_icon.png) no-repeat center top;background-size:25px 25px;background-position:0px 0px;}
@media screen and (max-width:4267px) {
.dashboard_list ul li {font-size: 0.5vw;}
.line_height {font-size: 0.4vw;line-height: 0.75vw;}
}
@media screen and (max-width:3200px) {
.dashboard_list ul li {font-size: 0.7vw;}
.line_height {font-size: 0.5vw;line-height: 0.95vw;}
}
@media screen and (max-width:2560px) {
.line_height {font-size: 0.6vw;line-height: 1.2vw;}
}
@media screen and (max-width:2200px) {
.dashboard_list ul li {font-size: 1.1vw;}
.line_height {font-size: 0.7vw;line-height: 1.5vw;}
}

@media screen and (max-width:1900px) {
	#firstline{clear:both; float:center; text-align:center; display:inline-block; }
	#firstline1{clear:both; float:center; text-align:center; display:inline-block;}
	#secondline{clear:both; float:center; text-align:center; display:inline-block;}
	.line_height {font-size: 0.9vw;line-height: 1.75vw;}
}
@media screen and (max-width:1600px) {
	.line_height {font-size: 0.9vw;line-height: 1.9vw;}
	.view_3d_height{height:24.2vw;}
}
@media screen and (max-width:1550px) {
	#cutgrade .cutgrade1, #cutgrade .cutgrade2{display:block; float:center;}
	.cutgrade2 .report-image{padding:30px 0;}
	.logo{float:left; margin: 10px 10px 10px 15px;}
	.line_height {font-size: 0.9vw;line-height: 1.9vw;}
}

@media screen and (max-width:1400px) {
	.reporttypes a{display: block; text-align: center; font-size: 14px; }
	.ddgservice{width:80%;}
	.box-main-page img{width:100%;}
	.line_height {font-size: 1.1vw;line-height: 2.15vw;}
	}
@media screen and (max-width:1300px) {
	.dashboard_list ul li {font-size: 1.8vw;}
	.line_height {font-size: 1.3vw;line-height: 2.4vw;}
}
@media screen and (max-width:1100px) {
	.logo{background: url(../images/logo.png) no-repeat left top; background-size: contain;height:120px; width: 43%; float:left; margin:5px 0 0 15px;}
	.inner_contentbox{ width:100%;}
	.inner_contentbox_right{ width:100%; text-align:center;}
	.reright_report{height:auto; margin-left:0px; margin-right:0px;}
	.video_zoomer{width:100%;}
	.cont_boxes{width:302px; margin-right:10px;}
	.cont_boxes .dia_boxes{width:100%; margin-top:10px;}
	
	/* Newly Added */
	.innercontentboxlft{width:50%; padding:1px 0px 1px 0px; height:auto; float:left; box-sizing:border-box;}
	.innercontentboxlft img{width:100%;}
	.innercontentboxrt{width:50%; padding:1px 10px 1px 5px; float:left; height:auto; box-sizing:border-box;}
	.innercontentboxrt img{width:100%;}
	.threedvideobx{width:302px; padding:0px; margin:0px 86px 10px; height:auto; box-sizing:border-box; float:left;}
	.zoomrealimg{    margin: 0px 37px;}
	.inscriptionbox{width:83%; height:auto; float:left;  margin: 0 31px;}
	.headertxt{ background:#AFC3DA; color:#000000; padding:2px 5px; text-align:left;}
	/* Newly Added ends */
	.ddg_inner_report_div {margin: 0 1vw 15px;}
}


@media screen and (max-width:900px) {
	.logo{background:url(../images/logo.png) no-repeat center top; height:120px; width:100%; margin:5px 0 0 0px;}
	.header a{display: block; text-align: center; font-size: 14px; text-shadow: none;}
	.header span.right{float: none;}
	.search, .icons, .logopage{text-align:center; float:center; padding:10px 0 10px;}
	.reporttypes a{display: block; text-align: center; font-size: 14px; }
	#firstline .report-image{ height:auto; margin-left:0; margin-right:0;}
	/*#firstline .report-image{display:inline-block; clear:both; float:center; text-align:center; width:80%; height:auto; margin-left:0; margin-right:0;}
	#firstline .report-image img{width:100%; margin:0;}*/
	#secondline .report-image{display:inline-block; clear:both; float:center; text-align:center; width:80%; height:auto; margin-left:0; margin-right:0;}
	#secondline .report-image img{width:100%;}
	#left_footer{text-align:left; float:center; width:45%; padding:10px 0px 5px 10px;}
	#right_footer{text-align:right; float:center; width:47%; padding:10px 10px 5px 0px;}
	.text-services{margin-top:0;}
	.shape{width:80%;}
	.clarity{width:80%;}
	.box-main-page{width:60%; clear:both;}
	.ddgservice{margin:40px auto; padding:10px 0; border-top:1px solid #957a40;}
	.ddgservice img{width:60%;}
	.terms{margin:40px auto; width:90%;} 
	.report table{margin:0 auto;}
	
	.box{width:80%; height:auto; margin:10px auto; color: #9c6800; display:inline-block; text-align:center; vertical-align:top;}
	.box-description{display: block; position:relative; width:316px; height:340px; background-color:#e2ebf2; text-align:left; padding: 0 10px; margin:20px auto;}
	.box .box-description p{text-align:justify;}
	.box:hover .box-description{display: block; position:relative; width:316px; height:340px; background-color:#e2ebf2; text-align:left; padding: 0 10px;  margin:20px auto;}
	.box .box-info{display:none;}
	.rightbox2{width:60%; float:right; margin-top:-70px; margin-bottom:60px;}	
	.name p{font-size:15px;}
	.servicetitle h4{font-size:14px;}
	.serv_sub_parent_div img {min-height:0px;}
	.cf {height: 215px;}
}

@media screen and (max-width:600px) {
	img[ alt*="DDG Standart Report"]{width:100%;}
	.text{width:90%; margin:0 auto 20px; padding:0; text-align:justify;}
	.main{width:90%; margin:0 auto 20px; padding:0;}
	.sidebar{position:absolute; top:-100000em; left:-100000em;}
	.servicetitle{width:80%; font-size:16px;}
	#left_footer img{width:80%; height:auto;}
	#left_footer, #right_footer{width:100%; margin:0 auto; padding:10px 0;text-align:center;}
	.ddgservice img{width:90%;}
	.contact1{margin:10px auto;}
	.contact1 table{width:100%;}
	.contact1 iframe{width:90%;}
	.contact1 img{width:90%; height:auto;}
	.contact1 td input{width:130px;}
	.contact1 td textarea{width:90%;}
	.contact1 b{font-size: 20px !important;}
	
	.box{width:80%; height:auto; margin:10px auto; color: #9c6800; display:inline-block; text-align:center; vertical-align:top;}
	.box p{font-size:14px; color:#000; width:200px; margin:10px auto;}
	.box-description{display: block; position:relative; width:80%; height:auto; background-color:#e2ebf2; text-align:left; padding: 0 10px; margin:20px auto;}
	.box .box-description p{font-size:12px; color:#000; margin:0 auto; width:100%; text-align:justify;}
	.box .box-description p img{margin:0 auto; display:block; padding:0 0 10px 0; width:80%;}
	.box .box-description a{height:100%; width:100%;}
	.box:hover .box-description{display: block; position:relative; width:80%; height:auto; background-color:#e2ebf2; text-align:left; padding: 0 10px;  margin:20px auto;}
	.box-description .leftbox{float:left; width:20%; padding:0; height:70px;}
	.box-description .rightbox{float:left; width:80%; font-size:12px; color:#000; padding: 0; height:70px;}
	.box .box-info{display:none;}
	.educationtitle{width:80%; padding:10px 0; height:auto;}
	
	.rightbox2{width:50%;}
	
	.shape{margin:40px auto; padding:10px;}
	
	.width80{width:80%;}
	.cont_boxes{width:302px;}
	/* .highslide img{width:300px;} */
	
	/* Newly Added */
	.innercontentboxlft{width:100%; padding:1px 0px 1px 0px; height:auto; float:none; box-sizing:border-box;}
	.innercontentboxlft img{width:100%;}
	.innercontentboxrt{width:100%; padding:1px 30px 1px 30px; float:none; height:auto; box-sizing:border-box;}
	.innercontentboxrt img{width:100%;}
	.threedvideobx{width:302px; padding:0px; margin:0px 30px 10px; height:auto; box-sizing:border-box; float:left;}
	.zoomrealimg{ width:84%; margin: 0px 30px;}
	.zoomrealimg img{ width:100%;}
	.inscriptionbox{width:83%; height:auto; float:left;  margin: 0 31px;}
	.headertxt{ background:#AFC3DA; color:#000000; padding:2px 5px; text-align:left;}
	
	.newdna_innerbxs{ width:100%;}
	.newdna_innerbxs .highslide img{width:100%;}
	.logopage img {width:100%;height:100%;}
	.logo {background-size:contain;}
	.dashboard_list ul li {font-size: 6.0vw;}
	.new_report_div {width: auto;}
	img {max-width:80%;}
	/* Newly Added ends */
	#tab_cntent5 a {font-size: 11px;}
	.Service_main_div {width: 100%;}
	.servicetitle h4 {
		font-size: 8px;
		text-align: center;
	}
	.cf {
		height: 150px;
	}
}
@media screen and (max-width:500px) {
	.new_report_div{width:100%;}
	.line_height {
		font-size: 5.3vw;
		line-height: 9.3vw;
	}
	.ddg_inner_report_div {width: 97%;}
	.view_3d_height{height:68.2vw;}
	#tab_cntent5 a {margin: 0px 2px;padding: 8px 8px;}
	.name p {
		font-size: 5vw;
	}
	.serv_sub_div {width:100%;}
	.cf {height: 350px;}
	.servicetitle h4 {font-size: 23px;}
	.name {height: 30px;}
	.content_div { width: 96%;}
	.content_div4 { width: 50%;}
   
}
@media screen and (max-width:400px) {
	.new_report_div{width:100%;}
	.line_height {
		font-size: 5.3vw;
		line-height: 9.3vw;
	}
	.ddg_inner_report_div {width: 97%;}
	.view_3d_height{height:68.2vw;}
	#tab_cntent5 a {margin: 0px 2px;padding: 8px 8px;}
	.name p {
		font-size: 5vw;
	}
	.serv_sub_div {width:100%;}
	.cf {height: 350px;}
	.servicetitle h4 {font-size: 23px;}
}
@media screen and (max-width:360px) {
	.tab_list ul li {font-size: 12px;}
}
/* img {max-width:100%;}
img[alt*="STANDARD"] {margin:0 10px;} */
.img{display: flex;width: 100%;height: 430px;overflow: hidden;justify-content: center;align-items: center;}
.img img{max-height:100%; width:100%;}
.download{position:absolute;right:15px;top:15px;z-index:9999;}
.download a{display:inline-block;padding:4px 10px;color:blue;text-align:center;vertical-align:middle;}