@media only screen and (min-width: 1201px){ .navbar-brand .mobiles {display: none;} .navbar-brand .desktop {display: block;} ul.navbar-nav{ display:inline-block} .navbar-1 ul > li{float:left;} .fixed-top ul > li{float:left;} .navbar-1 .collapse ul ul li {position: relative; float: none;} .fixed-top .collapse ul ul li {position: relative; float: none;} } /* Medium Layout: 1280px. */ @media only screen and (min-width: 992px) and (max-width: 1200px) { .navbar-brand .mobiles {display: none;} .navbar-brand .desktop {display: block;} .navbar-1 .collapse ul ul li {position: relative; float: none;} .fixed-top .collapse ul ul li {position: relative; float: none;} } /* Tablet Layout: 768px. */ @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar{background:#fff;} .navbar ul li a {color: #505050; font-weight: 500;} .navbar ul li:hover a {color: #505050; background: transparent;} .navbar .dropdown-item:focus, .navbar .dropdown-item:hover {background: #fff; color: #008cfe;} .header-inner-text {margin: 26% 0 0 0;} .navbar-brand .mobiles {display: block;} .navbar-brand .desktop {display: none;} } /* Mobile Layout: 320px. */ @media only screen and (max-width: 767px) { .navbar{background:#fff;} .navbar ul li a {color: #505050; font-weight: 500;} .navbar ul li:hover a {color: #505050; background: transparent;} .navbar .dropdown-item:focus, .navbar .dropdown-item:hover {background: #fff; color: #008cfe;} .header-inner-text {margin: 35% 0 0 0;} .navbar-brand .mobiles {display: block;} .navbar-brand .desktop {display: none;} } /* Wide Mobile Layout: 480px. */ @media only screen and (min-width: 480px) and (max-width: 767px) { .navbar{background:#fff;} .navbar ul li a {color: #505050; font-weight: 500;} .navbar ul li:hover a {color: #505050; background: transparent;} .navbar .dropdown-item:focus, .navbar .dropdown-item:hover {background: #fff; color: #008cfe;} .navbar-brand .mobiles {display: block;} .navbar-brand .desktop {display: none;} .header-inner-text {margin: 35% 0 0 0;} .card-columns{ column-count:1;} .card-columns-3{ column-count:1 !important;} } @media only screen and (max-width: 479px) { .navbar{background:#fff;} .navbar ul li a {color: #505050; font-weight: 500;} .navbar ul li:hover a {color: #505050; background: transparent;} .navbar .dropdown-item:focus, .navbar .dropdown-item:hover {background: #fff; color: #008cfe;} .header-1-text h1 {font-size: 30px; font-weight: 600; line-height: 35px;} .header-1-text h5 {font-size: 14px; line-height: 23px;} .header-1-text {margin: 62% 0 0 0;} .header-inner-text h1 {font-size: 30px; font-weight: 600; line-height: 35px;} .header-inner-text h5 {font-size: 14px; line-height: 23px;} .header-inner{min-height:250px;} .header-inner-text {margin: 40% 0 0 0;} .navbar-brand .mobiles {display: block;} .navbar-brand .desktop {display: none;} .card-columns{ column-count:1;} .card-columns-3{ column-count:1 !important;} } @media (max-width: 767px) { .comments-avatar { float: none; } .latest-comments li.children { margin-left: 0; } .comments-text { margin-top: 15px; } .conatct-post-form { padding: 20px; } }