@charset "utf-8";
/* CSS Document */

/* #Media Queries
================================================== */
/* Smaller than standard 1200px (devices and browsers) */
@media only screen and (min-device-width : 2560px) and (max-device-width : 2560px) {

}

@media only screen and (min-width: 1920px) {



}


}

@media only screen and (max-width: 1707px) {
.section-two .section-two-right{
  padding: 73px 0px 0px 80px;
  }

}

@media (min-width: 1280px) and (max-width: 1600px) {
header .top_header{
  padding:5px 100px;
  }
header .top_header .logo {
  margin: 8px 0px;
  }
header .navigation {
    width: 85%;
    padding: 12px 0px;
  }
.nav-top ul li{
  padding:10px 24px;
}
.nav-top ul li a{
  font-size: 14px;
}
.banners .video-text{
  top: 105px;
}
.banners .video-text h1{
  font-size:42px;
  line-height: 48px;
}
.section-one .section-one-right {
  padding: 80px 0px 97px 40px;
}
.section-two .section-two-right{
  padding: 14px 0px 0px 80px;
}
.section-two .section-two-right .copy-box ul li {
  font-size: 14px;
  line-height: 24px;
}
.slider-text-wrap .copy-box {
  padding: 27px 30px 0px 0px;
}
.slider-text-wrap .para{
  padding: 40px 30px;
}
.next {
  right: 56%;
}
.prev {
  left: 34%;
}
.section-one .overview{
  padding-top:33px;
}
.section-one .col-sm-7{
  flex: 0 0 50%;
  max-width: 50%;
}
.section-one .col-sm-5{
  flex: 0 0 50%;
  max-width: 50%;
}
.section-two-video{
  flex: 0 0 50.5%;
  max-width: 50.5%;
}
.section-two .section-two-right{
  flex: 0 0 49.5%;
  max-width: 49.5%;
}
.slider {
  height: 349px;
}
.section-three .section-three-rt .exhibitors {
  padding:40px 66px 20px;
}
.section-three .section-three-rt h3.title{
  font-size: 28px;
}
.section-one .overview h3{
  font-size: 28px;
}
.section-one .overview p{
  font-size: 16px;
  line-height: 24px;
}
.section-one .section-one-right .whyattend-box .attendbox h3.title{
  font-size: 15px;
}
.section-one .section-one-right .attendbox p{
  font-size: 13px;
  line-height: 22px;
}
.slider-text-wrap .copy-box h2.title{
  font-size: 28px;
}
.slider-text-wrap .copy-box p{
  font-size: 16px;
}
.section-five .cont .points{
  font-size:20px;
}
.speakers-wrap h3{
  font-size: 28px;
}
.agenda-container h3.title{
  font-size: 28px;
}
.agenda-table th{
  font-size: 18px;
}
.agenda-table td{
  font-size: 16px;
}
.widget-wrap h3.title{
  font-size: 28px;
}
.section-three .section-three-rt .sponser-logo h3.title{
  font-size: 28px;
}
.section-three .section-three-rt p{
  font-size: 16px;
}
.section-three .section-three-rt h3.title{
  font-size:28px;
}
.venu-container h3.title{
  font-size: 28px;
}
.venu-container p{
  font-size: 16px;
}
}


@media only screen and (max-width: 1600px) {
.banners .video-text{
  left: 6%;
}
.banners .video-text .zoho-logo {
  width: 24%;
}
.section-one .overview {
    padding-top: 69px;
  }
.section-one .section-one-right {
    padding: 80px 0px 107px 40px;
  }
}

@media only screen and (max-width: 1513px) {
header .top_header {
  padding: 22px 97px;
}
.banners .video-text{
  left:7%;
}
.banners .video-text .zoho-logo{
  width: 23%;
}

}

@media only screen and (max-width: 1440px) {
header .top_header .logo{
width:14%;
}
.ozmenu {
  width: 54%!important;
  float: right;
}




}

@media only screen and (max-width: 1366px) {
header .top_header .logo{
width:15%;
}
.ozmenu {
  width: 54%!important;
  float: right;
}
.banners .video-text{
  top: 80px;
  left: 8%;
}
.banners .video-text h1{
  font-size:28px;
  line-height:32px;
  padding-bottom: 0px;
}
.reg_btn{
  margin-top: 20px;
}
.banners .video-text .zoho-logo{
  width: 33%;
}
.banners .video-text .zoho-logo img{
  width:70px;
}
.banners .video-text .tagline{
  font-size: 18px;
}
.banners .video-text .datevenu{
  font-size: 18px;
}
.section-one .section-one-right {
  padding: 44px 0px 118px 40px;
}
.section-two .section-two-right {
    padding: 4px 0px 10px 80px;
  }
.section-two .section-two-right .copy-box ul li {
  padding-bottom: 2px;
}
.slider {
    height: 333px;
  }
.slider-text-wrap .para {
    padding: 17px 7px;
  }
.section-three .section-three-rt .exhibitors {
  padding: 70px 74px 0px;
}



}



@media only screen and (max-width: 1280px) {
header .top_header .logo{
width:15%;
}
.ozmenu {
  width: 60%!important;
  float: right;
}
.section-two .section-two-right{
  padding:10px 0px 10px 60px;
}
.banners .video-text h1{
  font-size:28px;
  line-height:30px;
}
.section-two .section-two-right .copy-box ul li {
  padding-bottom:0px;
}
.slider {
    height: 295px;
  }
.section-one .overview {
  padding-left: calc((100vw - 1230px) / 2 + 3rem) !important;
  padding-top: 80px;
  padding-right:70px;
}
.slider-text-wrap .copy-box h2.title{
  padding-bottom: 5px;
}
.venu-container{
  width: 1060px;
}
.footer .col-sm-8{
  flex: 0 0 55%;
  max-width: 55%;
}
.footer .col-sm-4{
  flex: 0 0 45%;
  max-width: 45%;
}
.footer .container {
  width: 1060px;
}
.counter-footer .container {
  width: 1060px;
}
.counter-footer .counter-lt h5.title{
  font-size: 14px;
}
}
@media only screen and (max-width: 1200px) {
.container {
	width: 90%;
	margin: 0 auto;
	}
.carousel-item-news {
    min-width: 50%; /* Show 2 slides at a time on medium screens */
  }
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Styles */

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
.container {
    width: 95%;
	}
header .top_header{
  padding: 11px 55px;
}
header .top_header .logo {
  width: 17%;
}
header .navigation {
  width: 82%;
  padding: 12px 0px;
}
.ozmenu {
  width:76%!important;
  float: right;
}
.nav-top ul li {
  padding: 10px 15px;
}
.nav-top ul li a{
 font-size: 13px;
}
.section-one .overview {
    padding-left: 26px !important;
    padding-top: 80px;
    padding-right: 12px;
  }
.section-one .overview h3{
  font-size: 26px;
}
.section-one .overview p {
  font-size: 14px;
  line-height: 22px;
}
.section-one .section-one-right {
  padding: 78px 0px 118px 40px;
}
.section-one .section-one-right h2.title{
  font-size: 26px;
}
.section-one .section-one-right .whyattend-box .attendbox .imgthum img{
  width:40px;
}
.section-one .section-one-right .whyattend-box .attendbox h3.title{
  font-size: 12px;
}
.section-one .section-one-right .attendbox p {
  font-size: 11px;
  line-height: 14px;
}
.section-one .col-sm-7 {;
  flex: 0 0 50%;
  max-width: 50%;
}
.section-one .col-sm-5 {
  flex: 0 0 50%;
  max-width: 50%;
}
.section-one .section-one-right .whyattend-box .attendbox{
   flex: 0 22%;
}
.section-two-video{
  width: 51%;
}
.section-two .section-two-right{
  width: 49%;
}
.slider-text-wrap .copy-box h2.title{
  font-size: 26px;
  padding-bottom: 8px;
}
.slider {
    height: 238px;
  }
.slider-text-wrap .copy-box {
  padding: 10px 80px 0px 0px;
}
 .section-two .section-two-right {
    padding: 10px 0px 10px 25px;
  }
.slider-text-wrap .copy-box p {
  font-size: 14px;
  line-height: 20px;
}
.slider-text-wrap .copy-box ul li {
  font-size: 14px;
  line-height: 19px;
}
.slider-text-wrap .para {
    padding: 3px 7px;
  }
.slider-text-wrap .para p{
  font-size: 12px;
}
.section-three .section-three-lt .thum{
  height:675px;
}
.section-three .section-three-rt .sponser-logo {
  width: 100%;
  padding: 28px 25px;
}
.section-three .section-three-rt .sponser-logo h3.title {
  font-size: 26px;
  padding-bottom: 0px;
}
.section-three .section-three-rt h3.title{
  font-size: 26px;
}
.section-three .section-three-rt .exhibitors {
  padding: 32px 42px 0px;
}
.section-three .section-three-rt p {
  font-size: 14px;
  line-height: 22px;
}
.Section_Four{
  padding: 80px 0px 10px;
  height: 247px;
}
.Section_Four .copy_box .title{
  font-size: 34px;
}
.Section_Four .copy_box p{
  font-size: 24px;
}
.prev {
  left: 35%;
}
.Section_Four .icon_one{
  left: 42px;
  top:872px;
  width: 229px;
}
.Section_Four .icon_two{
  right: -17px;
  bottom: -140px;
  width: 242px;
}
.Section_Four .icon_three{
  top: 534px;
}
.speaker-slide {
  flex: 0 0 47%;
}
/**/
.prev {
  left: 35%!important;
}
.footer .container {
  width: 977px;
}
.venu-wrap{
  padding: 80px 60px;
}
.venu-container h3.title {
  font-size: 26px;
}
.venu-container p{
  font-size: 14px;
  line-height: 28px;
}
.venu-container h4.title{
  font-size: 18px;
}
.venu-container .viewmap a{
  font-size: 18px;
}
.venu-container .viewmap img{
  width: 24px;
}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */


}

@media only screen and (min-device-width : 480px) and (max-device-width : 767px) and (orientation : landscape) {


}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	width: 100%;
	padding: 15px;
}



}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape){

}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;	
	max-width: 100%;
	padding: 15px;
	}
#main{
	padding-top:80px;
	}
.dbox{
	display:none;
	}
.mbox{
	display: block;
	}
.scrollToTop{
  display: none!important;
}
.popup{
  height: auto;
}
.popup-content{
  width: 95%;
  padding: 43px 20px 20px 20px;
}
.close{
  font-size: 45px;
}
header{
  border-bottom: none;
  background:#200f3b;
}

header .top_header{
  padding: 20px 10px;
}
header .top_header .logo {
    width:35%;
    margin-left: 5px;
  }
header .navigation {
    width: 60%;
  }
header.smaller .navigation {
  padding: 0px 0px;
}

.ozmenu ul.ozmenu-nav > li a{
  font-size: 15px;
  padding: 15px 0px;
}
.mobile-menu-active .menu-close{
  top: 14px;
}
.nav-top ul li{
  padding:10px 7px;
}
.nav-top ul li a{
  font-size:10px;
}
.video-wrapper {
  height: auto;
}
.banners .video-text{
  top:20px;
  left:31px;
}
.banners .video-text h1 {
  font-size:18px;
  line-height:20px;
}
.banners .video-text .zoho-logo {
  font-size: 10px;
  width:110px;
  margin: 0;
}
.banners .hyderabad-logo{
  right:3%;
  font-size:6px;
  width:70px;
  bottom:20px;
}
.banners .video-text .tagline {
  font-size:12px;
  padding:5px 0px;
  margin-top: 7px;
}
.banners .video-text .datevenu {
  font-size: 12px;
  line-height: 12px;
}
.reg_btn{
  font-size: 10px;
  margin-top:10px;
  padding: 8px 8px;
}
.section-one .overview{
  padding:10px 20px!important;
}
.section-one .section-one-right {
  padding:40px 20px;
}
.section-one .section-one-right .whyattend-box .attendbox{
  flex:0 47%;
}
.bdrm{
  border: none!important;
}
.section-one .overview p {
  font-size: 16px;
  line-height: 27px;
}
.section-two{
  display: inline-block;
}
.section-two-video{
  width:100%;
}
.section-two .section-two-right{
  width: 100%;
  padding:0px;
}
.slider-text-wrap .copy-box {
  padding:40px 20px;
}
.slider-text-wrap .para{
  padding:0px 20px;
}
.agenda-container{
  width: 100%;
  padding:0px 10px;
  border-radius: 0px;
}
.agenda-table th {
  font-size:16px;
}
.agenda-table td{
   font-size:14px;
}
.agenda-table td{
  padding:5px;
}
iframe {
  padding: 0px 0px;
}
.section-three{
  display: inline-block;
}
.section-three .section-three-rt h3.title{
  font-size:28px;
}
.section-three .section-three-lt{
  width:100%;
}
.section-three .section-three-lt .thum{
  background-position: top center;
  height:200px;
}
.section-three .section-three-rt {
  width: 100%;
}
.section-three .section-three-rt .sponser-logo {
  padding:20px 20px;
}
.section-three .section-three-rt .exhibitors{
  padding:20px;
}
.section-four{
  height:210px;
}
.section-four .container{
  position: absolute;
}
.section-four h4.title{
  font-size: 32;
}
.speakers-wrap h3{
  font-size: 28px;
}
.agenda-container h3.title{
  font-size: 28px;
}
.widget-wrap h3.title{
  font-size: 28px;
}
.section-three .section-three-rt .sponser-logo h3.title{
  font-size: 28px;
}
.venu-container {
  width:90%;
  padding:0px 0px;
}
.venu-container h3.title{
  font-size:28px;
}
.popup-content-profile{
  width:98%;
}
.slider {
  height: 539px;
}
.agenda-section{
  padding:40px 20px;
}
.venu-wrap{
  padding: 40px 0px;
}
.profile-panel{
  width: 100%;
  padding: 61px 45px;
}
.venu-container p{
  font-size: 16px;
  line-height: 28px;
}
.venu-container h4.title{
  font-size: 18px;
}
.venu-container .viewmap a img{
  width: 30px;
}
.venu-container .viewmap a{
  font-size: 22px;
}
.video-row .video{
    flex:0 100%;
    margin:20px 10px;
}
.video-row .img-text{
    font-size:14px;
}
#countdown{
  padding: 0px 20px;
}
.counter-footer{
  padding: 2px 15px 10px;
}
.counter-footer .counter-lt h5.title{
  padding: 2px 0px;
}
.footer{
  padding:0px 0px 130px 0px;
}
.footer .col-sm-8{
  flex: 0 0 100%;
  max-width: 100%;
}
.footer .col-sm-4{
  flex: 0 0 100%;
  max-width: 100%;
}
.footer .container{
  width:100%;
}
.footer .col-sm-4, .col-sm-8{
  flex:0 100%;
  padding:0px;
}
.footer .copyright{
  font-size: 14px;
  text-align: center;
  padding: 15px 10px;
}
.footer .copyright2{
  font-size: 14px;
   padding: 0px;
  text-align: center;
}
.footer .callcenter{
  text-align: center;
}
.footer .callcenter a{
  text-align: center;
}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

