@media only screen and (min-width:768px) and (max-width: 1024px) and (orientation:landscape) {
     #thanks{
         width:100%;
    }
     .detailform{
         width:100%;
    }
     .detail{
         width:100%;
    }
     .bgform{
         width:100%;
    }
     .buttondiv{
         margin-right:0px;
    }
     .bg-46{
         background-size:cover;
    }
     .bg-1{
         background-size:cover;
    }
     .btnright{
         margin: -5px -30px;
    }
     .buttonsection{
         width:75%;
    }
     .detailprogram{
         width:73%;
    }
     .specialities .fa-location-arrow {
         width:65px;
    }
     .bg-1{
         background-size:cover;
    }
}
 @media only screen and (min-width:768px) and (max-width: 1024px) and (orientation:portrait) {
     .thankyoutext h1:after{width:14%;}
     .detailprogram {
         width: 73%;
    }
     .bg-46{
        background-size:cover;
    }
     .detailform {
         width: 100%;
    }
     .bgform{
        width:100%;
    }
     .centerbtn{
        display:block;
         margin:0 auto;
         text-align:center;
    }
}
 @media only screen and (min-width:992px) and (max-width:1023px) {
     .detailprogram {
         width:65%;
    }
     body{
        min-height:100vh;
    }
}
 @media only screen and (min-width:768px) and (max-width: 1024px) {
     .thankyoutext {
         margin-top: 90px;
    }
     #thanks{
        width:100%;
    }
     .navbar-nav>li>a{
         margin-top:14px;
    }
     .text_wrapper{
         margin-right:15px;
         padding-top: 10px;
    }
     .bluebg {
         width: 100%;
         margin: 0 auto;
    }
     .buttonsection {
         width: 100%;
    }
     .bluebg .col-sm-12{
         padding:0px;
    }
     .atendeetext{
         float:none;
    }
     #navigationtext h2 {
         margin-right: 0px;
         padding-top:17px;
         margin-bottom: 0px;
         margin-top: 0px;
         text-align: center;
    }
}
 @media only screen and (min-width:375px) and (max-width:812px)and (orientation:landscape) {
     .bg-1.text-center {
         min-height: 139vh;
    }
     .buttonsection{
        min-height:45vh;
    }
     #thanks{
        position:static;
         top:0px;
    }
       .thankyoutext h1:after {
         width: 12% !important;
    }
}
 @media only screen and (min-width: 480px) and (max-width:767px)and (orientation:landscape) {
     .bg-1 {
         background-size: cover;
         min-height: 129vh;
    }
     .login{
        top:30%;
    }
     .thankyoutext {
         margin-top: 100px !important;
    }
     #navigationtext h2{
        padding-top:20px !important;
    }
     .thankyoutext h1:after {
         width: 12% !important;
    }
}
 @media (max-width: 767px) {
     #thankyou {
         min-height:82vh;
    }
     #eventbox {
         min-height: 21vh;
    }
     .dropdown-menu {
         padding: 15px;
    }
     .dropdown-menu p a{
        font-size:12px;
    }
     .thankyoutext {
         margin-top: 173px;
    }
     #loader{
        min-height:215vh !important;
    }
     .btn_saveforms{
        margin-bottom:10px;
    }
     .centerbtn{
        text-align:center;
         display:block;
         margin:0 auto;
    }
     #thanks{
        position:static;
         top:0px;
    }
     footer{
        bottom:-51px;
    }
     #foottext p{
        font-size:11px;
    }
     .codetext p {
         text-align: center;
    }
     .whitecolor p {
         text-align: center;
    }
     .bgform .form-group{
         margin-top:0px;
    }
     .thankyoutext h1:after{
         width:30%;
    }
     .navbar-nav>li>a{
         margin-top:12px;
    }
     .bg-34.text-center{
         padding:10px 0px;
    }
     .detailform{
         margin-top:30px;
    }
     .detail h2{
         font-size:20px;
    }
     .detail h5 {
         margin-top: 13px;
    }
     .atendeetext{
         float:none;
         padding-top:0px;
         padding-left:0px;
    }
     .contentdetail {
         width: 93%;
    }
     .buttonsection h6{
         text-align:center;
    }
     .navbar-nav .open .dropdown-menu{
         position: absolute;
         top: 100%;
         z-index: 1000;
         float: left;
         background-color: #fff;
         -webkit-background-clip: padding-box;
         background-clip: padding-box;
         border: 1px solid #ccc;
         border: 1px solid rgba(0,0,0,.15);
         border-radius: 4px;
         -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
         box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }
     .navbar-brand {
         padding: 10px 0px;
    }
     .navbar-nav {
         margin: 0px;
         position:relative;
    }
     .navbar-header{
         float:left;
    }
     #navigationtext h2{
         margin:0 auto;
         padding-top:84px;
         font-size: 18px;
         text-align: center;
         font-weight:bold;
    }
     .thankyoutext p {
         font-size: 20px;
         padding-bottom: 30px;
    }
     #bgcolor{
         padding:10px 10px;
    }
     .dropdown-menu{
         left:-130px;
    }
     #boxbtn{
        left:-169px;
    }
     .buttonsection {
         width: 100%;
         padding-bottom:0px;
    }
     .buttonsection label{
         display:block;
         text-align:center;
         padding-bottom:20px;
    }
     .btnright{
         float:none;
    }
     a.btn.btn_saveforms23.colorbtnblue {
         margin: 16px 0px;
    }
     form {
         margin-top: 20px;
         margin-bottom: 20px;
    }
     .bluebg .col-sm-12{
         padding:0px;
    }
     .specialities .fa{
         margin:0 auto;
    }
     .specialities {
         display: block;
    }
     .specialities h4{
         text-align:center;
         display:block;
         padding-left:0px;
    }
     .bg-46{
         background-size:cover;
    }
     .bluebg {
         width: 100%;
    }
     .bluebox{
         margin-top:0px;
         box-shadow:none;
    }
     .collapse{
         display:block;
    }
     .text_wrapper {
         text-align: center;
         float: none;
         color: #fff;
         padding-top:10px;
    }
     .text_wrapper p{
         line-height:36px;
    }
     .text_wrapper h3{
         margin-bottom:5px;
    }
     .text_wrapper h4{
         margin-top:10px;
    }
     .detailprogram {
         width: 100%;
         margin-top: 30px;
    }
     .navbar-nav{
         float:right;
    }
     .text-box{
         width:80%;
         float: none;
         margin: 0 auto;
         display: block;
         margin-top: 20px;
    }
     .navbar-collapse{
         border-top:none;
         box-shadow: none;
    }
     #thanks{
         width:100%;
    }
     .detailform{
         width:100%;
    }
     .detail{
         width:100%;
    }
     .bgform{
         width:100%;
    }
     .buttondiv {
         margin-right: 0px;
         float: none !important;
         margin: 0px auto;
         text-align: center;
         margin-bottom: 20px;
    }
     .bg-1{
         background-size:cover;
    }
}
 @media only screen and (min-width:1024px) and (max-width: 1199px) {
     #thankyou {
         min-height: 92vh;
    }
     body {
         min-height: 100vh;
    }
     #navigationtext h2 {
         margin-right: 30px;
         padding-top: 0px;
         margin-bottom: 10px;
         margin-top: 20px;
         text-align: center;
    }
     .bg-46{
         background-size:cover;
    }
     .btnright{
         margin: -5px -30px;
    }
     .buttonsection{
         width:86%;
    }
     .detailprogram {
         width: 57%;
    }
     .bg-1{
         background-size:cover;
    }
     .bluebg {
         width:100%;
    }
     .atendeetext{
         float:right;
    }
}
 @media only screen and (min-width:1200px) and (max-width:1366px) {
     .bg-46{
         background-size:cover;
    }
     #thankyou {
         min-height: 92vh;
    }
}

@media (max-width: 559px) {
	nav#bgcolor div#navigationtext {
		max-width: 165px;
		padding-top: 3px;
		text-align: center;
	}
	nav#bgcolor div#navigationtext .navbar-nav {
		float: none;
	}
	nav#bgcolor div#navigationtext .navbar-nav>li>a {
		display: inline-block;
	}
	nav#bgcolor div#navigationtext h2 {
		padding-top: 10px;
		font-size: 15px;
		line-height: 24px;
	}
}

@media (min-width: 560px) {
	nav#bgcolor div#navigationtext ul.atendeetext {
		float: inherit;
		padding-top: 4px;
		padding-right: 20px;
	}
}

@media (min-width: 768px) {
	nav#bgcolor div#navigationtext h2 {
		font-size: 25px;
	}
	nav#bgcolor div#navigationtext ul.atendeetext {
		float: inherit;
		padding-top: 4px;
		padding-right: 20px;
	}
}

@media (min-width: 992px) {
	nav#bgcolor div#navigationtext {
		padding-top: 25px;
	}
}

@media (min-width: 1025px) {
	nav#bgcolor div#navigationtext ul.atendeetext {
		padding-top: 0px;
		padding-right: 0px;
	}
}

@media (min-width: 1200px) {
	nav#bgcolor div#navigationtext h2 {
		font-size: 30px;
	}
}