@media only screen and (min-width: 1920px) { .triangleShape { border-left-width: 600px; } .mainBanner .rightBanner { margin-top:50px; } } @media only screen and (max-width: 1599px) { .container { max-width: 1170px; } #navbar-nav li { padding: 0 6px; } h2 { font-size:40px; } h3 { font-size:27px; } .speakersList ul { margin: 0 -8px; } .speakersList ul li { padding: 0 8px; } .speakersList .speaker-data .speakers-detail .speakerName { font-size: 17px; } } @media only screen and (max-width: 1430px) { } @media only screen and (max-width: 1169px) { /*.speakersList ul { display: none; }*/ .speakersList ul li { width: 33.33%; margin: 0 0 35px; } .speakersList .speaker-data .speakers-detail h4 { font-size: 18px; margin:0 0 3px; } .speakersList .speaker-data .speakers-detail span { font-size: 14px; } .speakersList .speaker-data .speakers-detail a.video-button { font-size: 14px; } .speakersSlider { display: block; margin: 0 -15px; } .speakersSlider .swiper-container { padding: 0 100px; } .speakersList .speaker-data .speakers-detail h4 { font-size: 16px; } .speakersList .speaker-data .speakers-detail span { line-height: 20px; } .navbar-toggler, .mobileNav { display:block; } #navbar-nav { display:none !important; } .mainBanner .leftBanner { margin-left:0; } .mainBanner .topAngle, .mainBanner .bottomAngle, .triangleShape { display:none; } .eventCountdown h1 { letter-spacing:0; font-size:20px; } .dateCountdown .simply-section .simply-amount { font-size: 35px; } .eventCountdownBox { padding: 15px; } .dharaEventDate { font-size: 25px; } .commonPad { padding-bottom: 40px; padding-top: 40px; } h2 { font-size:30px; } h3 { font-size:24px; } .viewMoreBtn { font-size: 16px; } .viewMoreBtn:before { font-size: 20px; top:0; } .speakersList .speaker-data:hover img { transform: scale(1); -webkit-transform: scale(1); } .speaker-data span { display:block; } .speakersList .speaker-data .imgHolder { border-radius:0; } .speakersList .speaker-data:hover .speakers-detail .speakerName, .speakersList .speaker-data:hover .speakers-detail .speakerDeg { color: #2B304E; } .speakersList .speaker-data:hover .speakers-detail .video-button { color: #F4792A; background-color: #fff; } .registerForm .formCaptcha .captchImg img { width:145px; } .registerForm .formCaptcha { padding-right:195px; } .registerForm .formCaptcha .refreshIcon { font-size: 25px; } .register .registerForm .form-control, .register .registerForm select.form-control { height: 45px; } .customSelectWrap:before { top: 6px; } input[type="button"], input[type="reset"], button, .button, .btn { padding: 10px 35px; } .shceduleTitle { padding:6px 15px; font-size: 16px; } #header { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); padding: 10px 0; } .viewMoreBtn:hover { color: #F4792A; } .eventCountdownBox a { font-size:21px; } } @media only screen and (max-width: 992px) { .mainBanner .leftBanner, .mainBanner .rightBanner { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .mainBanner .rightBanner .imgHolder { max-width: 180px; width: 100%; margin: 0 auto; } .mainBanner { padding: 20px 0; } .dharaEventDate { font-size: 20px; } .scheduleTableWrap { padding: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-bottom: 15px; } .scheduleTable tr td:first-child { width: 120px; } .scheduleTable .dash { margin: 0 5px; } .scheduleTable tr td:nth-child(2) { width: 240px; } .speakerModalBox { padding: 10px; } .speakerModalBox .speakerPhoto { width: 170px; } .speakerVideoBox iframe { height: 145px; } .footer { padding: 10px 0 38px 0; text-align:center; position:relative; } .copyright.text-right { text-align:center !important; } .footer .col-lg-6 { position: static; } .footer .copyrightText { position: absolute; left: 0; width: 100%; bottom: 10px; padding:0 15px; } } @media only screen and (max-width: 767px) { .speakersSlider .swiper-container { padding: 0 30px; } #navbar-brand a { width:100px; } #navbar-brand a.mocLogo { margin-right: 10px; width: 150px; } .mobileNav { top:0; width:70%; } #navMob li > a { font-size: 16px; font-weight: 400; padding: 8px 8px 8px 25px; } #navMob li > a:before { left:11px; top:7px; } .mainBanner { margin-top:75px; } .bannerWrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .mainBanner .leftBanner, .mainBanner .rightBanner { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .mainBanner .rightBanner { -ms-flex-order: 1; order: 1; } .mainBanner .leftBanner { -ms-flex-order: 2; order: 2; margin-top:15px; } .mainBanner .rightBanner .imgHolder { max-width:inherit; width:auto; } .commonPad { padding-bottom: 20px; padding-top: 20px; } h2 { font-size:25px; padding-bottom:8px; } h2:before { height:2px; } h3 { font-size:21px; } .dharaEventDate { font-size: 25px; } .scheduleTable td { display:block; width:100% !important; border-bottom:0; padding:0; font-size:15px; } .scheduleTable tr td:last-child { border-bottom: 1px solid #C2C2C2; padding-bottom:10px; margin-bottom:10px; } .scheduleTable tr:last-child td { padding-bottom:0; margin-bottom:0; border-bottom:0; } .scheduleTableWrap.breakTable { padding-bottom:10px; padding-top:10px; } .speakersList .speaker-data .imgHolder { margin-bottom:10px; } .speakersList .speaker-data .speakers-detail .speakerName, .speakersList .speaker-data .speakers-detail .speakerDeg { line-height:1.2; margin-bottom:5px; } .registerForm .form-group { margin-bottom: 12px; } .registerForm .button { display:block; width:100%; text-align:center; } .registerForm .mandatoryLine { top: -58px; font-size: 14px; } .speakerModalBox h2 { font-size:18px; } .speakerModalBox h3 { font-size: 15px; } .speakerVideoBox iframe { height: 255px; } .speakerVideoBox { padding: 4px; margin-top: 15px; } .shceduleTitle { padding: 4px 10px; font-size: 14px; margin-right: 5px; } } @media only screen and (max-width: 639px) { .mainBanner .rightBanner { padding: 0; } .mainBanner .rightBanner .imgHolder { max-width: 200px; width: 100%; } h2 { font-size:21px; margin-bottom:15px; } h2:before { width:80px; } h3 { font-size:18px; margin-bottom:15px; } .speakerModalBox h2 { font-size:18px; } .speakerModalBox h3 { font-size: 15px; } .speakerModalBox .speakerPhoto { width: auto; margin: 0 0 15px 0; float: none; } .speakerModalBox .speakerPhoto img { width:100%; } .speakerVideoBox iframe { height: 145px; } .footer { padding-bottom: 55px; } .registerForm .mandatoryLine { top: -46px; } .speakersList ul li { width: 50%; margin: 0 0 20px; } .speakersList .speaker-data .imgHolder { width: 65%; margin: 0 auto; margin-bottom: 10px; } } @media only screen and (max-width: 479px) { .speakersList ul li { width: 100%; margin: 0 0 10px; } .speakersList .speaker-data .imgHolder { width: 40%; margin: 0 auto; margin-bottom: 10px; } } @media only screen and (max-width: 359px) { }