@media (min-width:1200px) and (max-width:1566px) {
.small-text-p {font-size: 15px;}	
.post-body-content h2 {}
.post-container	.flex-ul {}
.post-body-row p.text-right {margin-bottom:0;}
.social-section {margin-top:20px; margin-bottom:32px;}
.header-nav {padding:0 14px 0px;}
}

/*Tablet landscape (1024x768)*/
@media (min-width:992px) and (max-width:1199px) {
.page-head-nav ul li a {padding:8px 10px;}
.page-head-form input {max-width: 208px;}
.post-head ul li h1 {font-size: 1.2rem;}
.post-body-content h2 {font-size: 1.2rem;}
.card-section-body-content .btn-default {margin-top:0;}
.align-centyer-label .d-block {display:inline !important;}

}


@media (min-width:768px) and (max-width:1200px) {
.postHeader .main-head-section {background-size:cover; background-position:left;}	
}


/*Tablet portrait (768x1024)*/
@media (min-width:758px) and (max-width:800px){
.page-head-row .col-md-6 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}
.page-head-nav ul {justify-content:center;}
.page-head-nav {padding: 12px 0 0;}
.page-head-form form {display:flex; justify-content:center;}
.page-head-row {padding-bottom:20px;}
.vr-tab-section .col-sm-3 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}
.vr-tab-section .col-sm-9 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}
.vr-tab-section .nav.nav-tabs {margin-bottom:40px;}
.card-section-content {margin-top:20px;}
.card-section-body-content .btn-default {margin-top:0;}

.align-centyer-label .d-block {display:inline !important;}
.take-part-section p {font-size:1.2rem;}

}

/*Small tablet landscape (800x600)*/
@media (min-width:801px) and (max-width:992px){
.page-head-row .col-md-6 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}
.page-head-nav ul {justify-content:center;}
.page-head-nav {padding: 12px 0 0;}
.page-head-form form {display:flex; justify-content:center;}
.page-head-row {padding-bottom:20px;}
.vr-tab-section .col-sm-3 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}
.vr-tab-section .col-sm-9 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}
.vr-tab-section .nav.nav-tabs {margin-bottom:40px;} 
.card-section-content {margin-top:20px;}
.card-section-body-content .btn-default {margin-top:0;}

.align-centyer-label .d-block {display:inline !important;}
.take-part-section p {font-size:1.2rem;}

}

/*Small tablet portrait (600x800)*/
@media (min-width:590px) and (max-width:767px){
.custom-container .vr-tab-section .col-sm-3 {max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%;}	
.custom-container .vr-tab-section .col-sm-9 {max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%;}
.vr-step-form-section .col-sm-6 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}
.step-two-section .col-sm-5 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}	
.page-head-form input {max-width:268px;}
.mr-left-head {padding-left: 0;}
.navbar-nav li a {text-align:center;}
.navbar-nav {padding-bottom:0;}
.vr-tab-section .nav-tabs {margin-bottom:20px;}
.card-section-content {margin-top:14px;}
.card-head-content .post-date p {text-align:left; margin-bottom:10px;}
.footer-subpage .flex-ul {justify-content: center; margin-bottom:28px;}
.footer-subpage .content p:last-child {margin-bottom:0;}
.footer-main-title {font-size:1.6rem; margin-bottom:22px;}
.footer-bottom-link ul {justify-content: center !important;}
.header-nav {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#191a98+0,181a95+33,1b1d98+64,191b96+100 */
background: rgb(25,26,152); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(25,26,152,1) 0%, rgba(24,26,149,1) 33%, rgba(27,29,152,1) 64%, rgba(25,27,150,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(25,26,152,1) 0%,rgba(24,26,149,1) 33%,rgba(27,29,152,1) 64%,rgba(25,27,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(25,26,152,1) 0%,rgba(24,26,149,1) 33%,rgba(27,29,152,1) 64%,rgba(25,27,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191a98', endColorstr='#191b96',GradientType=1 ); /* IE6-9 */}
.header-nav {padding-left:0 !important; padding-right:0 !important;}
.main-head-section .navbar-brand {padding-left:30px;}
.main-head-section .navbar-toggler {margin-right:30px;}
.head-nav li:first-child {border-top:1px solid rgba(222,222,222,0.4);}
.head-nav li {border-bottom:1px solid rgba(222,222,222,0.4);}
.page-head-row {padding-bottom:18px;}
.page-head-nav {padding: 12px 0 0;}	
.custom-container .vr-tab-section .col-sm-3 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}
.custom-container .vr-tab-section .col-sm-9 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;} 
.post-container .col-sm-8 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}
.post-container .col-sm-4 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}
.post-body-content h2 {margin-top:0;}

.step-two-section form .col-sm-5 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}
.imgUp .btn-primary {position: static; margin-top: 10px; max-width: 252px; margin-left: auto; margin-right: auto;}
.take-part-section label .d-block {display:inline !important;}
.border-box {margin:auto;}
.btn-label {margin: 0 12px; display: block; max-width: 100%; width: 100%;}
.step-two-sectio-relative {margin-top:0;}
.border-box {margin-top:20px;}
.take-part-section .vr-step-form-section form .col-sm-6 {max-width: 80%; flex: 0 0 80%; -ms-flex: 0 0 80%;}
#signup-form-p-0, #signup-form-p-1, #signup-form-p-2 {padding-top:88px;}

.comment-section .dropdown-menu {min-width:510px;}

}

/*Mobile  landscape (480x320)*/
@media (min-width:471px) and (max-width:589px){
.custom-container .vr-tab-section .col-sm-3 {max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%;}	
.custom-container .vr-tab-section .col-sm-9 {max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%;}
.vr-step-form-section .col-sm-6 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}
.step-two-section .col-sm-5 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}
.page-head-form .form-control {width:100%;}

.tab-content .post-container .col-sm-8, .tab-content .post-container .col-sm-4 {max-width:100%; flex:0 0 100%; -ms=flex:0 0 100%;}
.profile-section .col-sm-6 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}

.page-head-form input {max-width:100%;}	
.mr-left-head {padding-left: 0;}
.navbar-nav li a {text-align:center;}
.navbar-nav {padding-bottom:0;}
.vr-tab-section .nav-tabs {margin-bottom:20px;}
.card-section-content {margin-top:14px;}
.card-head-content .post-date p {text-align:left; margin-bottom:10px;}
.footer-subpage .flex-ul {justify-content: center; margin-bottom:28px;}
.footer-subpage .content p:last-child {margin-bottom:0;}
.footer-main-title {font-size:1.6rem; margin-bottom:22px;}
.footer-bottom-link ul {justify-content: center !important;}
.header-nav {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#191a98+0,181a95+33,1b1d98+64,191b96+100 */
background: rgb(25,26,152); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(25,26,152,1) 0%, rgba(24,26,149,1) 33%, rgba(27,29,152,1) 64%, rgba(25,27,150,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(25,26,152,1) 0%,rgba(24,26,149,1) 33%,rgba(27,29,152,1) 64%,rgba(25,27,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(25,26,152,1) 0%,rgba(24,26,149,1) 33%,rgba(27,29,152,1) 64%,rgba(25,27,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191a98', endColorstr='#191b96',GradientType=1 ); /* IE6-9 */}
.header-nav {padding-left:0 !important; padding-right:0 !important;}
.main-head-section .navbar-brand {padding-left:30px;}
.main-head-section .navbar-toggler {margin-right:30px;}
.head-nav li:first-child {border-top:1px solid rgba(222,222,222,0.4);}
.head-nav li {border-bottom:1px solid rgba(222,222,222,0.4);}
.page-head-nav ul li {max-width: 100%; flex: 0 0 100%; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.2);}
.page-head-nav {padding:0;}
.page-head-nav ul li:last-child {border-bottom:none;}
.page-head-form {padding-top:4px; padding-bottom:14px;}
.page-head-form input {margin:12px 0;}
.page-head-form .btn {width:100%;}
.post-head ul li h1 {font-size: 1.3rem;} 
.card-body-row {margin-top:10px;}
.card-section-content .card-head-content .col-sm-7 {max-width:60%; flex:0 0 60%; -ms-flex:0 0 60%;}
.card-section-content .card-head-content .col-sm-5 {max-width:40%; flex:0 0 40%; -ms-flex:0 0 40%;}

.imgUp .btn-primary {position: static; margin-top: 10px; max-width: 252px; margin-left: auto; margin-right: auto;}
.take-part-section label .d-block {display:inline !important;}
.border-box {margin:auto;}
.btn-label {margin: 0 12px; display: block; max-width: 100%; width: 100%;}
.step-two-sectio-relative {margin-top:0;}
.border-box {margin-top:14px;}

.profile-section .form-group .col-sm-6:last-child {margin-top:8px;}
.profile-pic-circle img {margin-left: auto;  margin-right: auto;  display: block;}

.comment-section .dropdown-menu {min-width:458px;}

}

/*Mobile portrait (320x480)*/
@media (min-width:310px) and (max-width:470px){
.page-head-form input {max-width:100%;}	
.mr-left-head {padding-left: 0;}
.navbar-nav li a {text-align:center;}
.navbar-nav {padding-bottom:0;}
.vr-tab-section .nav-tabs {margin-bottom:20px;}
.card-section-content {margin-top:14px;}
.card-head-content .post-date p {text-align:left; margin-bottom:10px;}
.footer-subpage .flex-ul {justify-content: center; margin-bottom:28px;}
.footer-subpage .content p:last-child {margin-bottom:0;}
.footer-main-title {font-size:1.6rem; margin-bottom:22px;}
.footer-bottom-link ul {justify-content: center !important;}
.header-nav {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#191a98+0,181a95+33,1b1d98+64,191b96+100 */
background: rgb(25,26,152); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(25,26,152,1) 0%, rgba(24,26,149,1) 33%, rgba(27,29,152,1) 64%, rgba(25,27,150,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(25,26,152,1) 0%,rgba(24,26,149,1) 33%,rgba(27,29,152,1) 64%,rgba(25,27,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(25,26,152,1) 0%,rgba(24,26,149,1) 33%,rgba(27,29,152,1) 64%,rgba(25,27,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191a98', endColorstr='#191b96',GradientType=1 ); /* IE6-9 */}
.header-nav {padding-left:0 !important; padding-right:0 !important;}
.main-head-section .navbar-brand {padding-left:30px;}
.main-head-section .navbar-toggler {margin-right:30px;}
.head-nav li:first-child {border-top:1px solid rgba(222,222,222,0.4);}
.head-nav li {border-bottom:1px solid rgba(222,222,222,0.4);}
.page-head-nav ul li {max-width: 100%; flex: 0 0 100%; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.2);}
.page-head-nav {padding:0; width:100%;}
.page-head-nav ul li:last-child {border-bottom:none;}
.page-head-form {padding-top:4px; padding-bottom:14px;}
.page-head-form input {margin:12px 0;}
.page-head-form .btn {width:100%;}
.post-head ul li:first-child {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.post-head ul li:last-child {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align:center;}
.post-head ul li:first-child img {margin-left:auto; margin-right:auto; display:block;}
.card-body-row {margin-top:10px;}
.social-section {justify-content:center;}

.imgUp .btn-primary {position: static; margin-top: 10px; max-width: 252px; margin-left: auto; margin-right: auto;}
.take-part-section label .d-block {display:inline !important;}
.border-box {margin:auto;}
.btn-label {margin: 0 12px; display: block; max-width: 100%; width: 100%;}
.step-two-sectio-relative {margin-top:0;}
.border-box {margin-top:14px;}

.profile-section .form-group .col-sm-6:last-child {margin-top:8px;}
.profile-pic-circle img {margin-left: auto;  margin-right: auto;  display: block;}

#signup-form-p-0, #signup-form-p-1, #signup-form-p-2 {padding-top:88px;}
.signin-mt .flex-block .sign-btn {width:100%; margin-bottom:14px;}
.signin-mt .flex-block {flex-wrap:wrap;}

.comment-section .dropdown-menu {min-width:300px;}


}

@media (min-width:320px) and (max-width:767px) {
.mobile-bg-section {background-image: url(../images/background/mobile-bg.jpg) !important;}
.mobile-bg-section .header-nav {background:transparent;}
.navbar-toggler .fa {color:#fff; font-size:26px;}
.mobile-bg-section .navbar-collapse  {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#191a98+0,181a95+33,1b1d98+64,191b96+100 */
background: rgb(25,26,152); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(25,26,152,1) 0%, rgba(24,26,149,1) 33%, rgba(27,29,152,1) 64%, rgba(25,27,150,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(25,26,152,1) 0%,rgba(24,26,149,1) 33%,rgba(27,29,152,1) 64%,rgba(25,27,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(25,26,152,1) 0%,rgba(24,26,149,1) 33%,rgba(27,29,152,1) 64%,rgba(25,27,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191a98', endColorstr='#191b96',GradientType=1 ); /* IE6-9 */}

.main {position: static !important; transform: translate(0, 0) !important; padding:0 !important;}
.signup-form {padding: 8px 0px !important;}
.mobile-bg-section  .main .col-sm-6 {max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;} 

.signin-mt {padding-top:46px;}
.header-nav {max-width:100%;}
.main-head-section .navbar-nav li a {padding:6px 0;}
.mobile-bg-section .head-nav li:first-child {border-top:none;}
.mobile-bg-section .head-nav li {border-bottom:none;}
.page-head-form {padding-left:0;}
.vr-tab-section .nav.nav-tabs {border-bottom: 1px solid rgba(222,222,222,0.6); padding-bottom: 12px;}
.pdr-none {padding-right:15px;}
.post-head ul li h1 {font-size: 1.3rem; margin-top: 5px;}
.post-container .bind-post {margin-bottom:32px;}
.post-container {margin-bottom: 18px;}
.tab-content h2 {margin-top:22px;}
.social-section {justify-content: center; margin-top: 18px;}
.nav-desktop-none {display:block;}
.page-head-nav {display:none;}
.page-head-form {padding-top:14px;}
.head-nav li:last-child a {padding-left:0 !important;}
.head-nav li:last-child {border-bottom:none;}
.page-nation .pagination { -ms-flex-pack: center; justify-content:center;}
.nav-left-pdl-none {padding-left:15px;}
}