@media only screen and (max-width: 1199px){
.single-post {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.newsletter-right {
flex: 2;
}
}
@media only screen and (max-width: 991px){
.header-top-content li {
margin: 0 3px;
}
.header-top-content ul {
display: block;
}
.header-bottom-right .flexbox-center {
justify-content: center;
margin-top: 15px;
}
.single-skill-box i::before {
font-size: 30px;
}
.single-skill-box h1 {
font-size: 32px;
}
.single-choose-box ul {
margin-bottom: 45px;
}
.calculator-area::before {
width: 100%;
}
.partner-area {
padding: 60px 0;
}
.newsletter {
display: block;
}
.newsletter-right {
margin: 20px 0 0;
}
.menu-right button {
width: 32px;
}
.menu-right input {
padding: 5px 8px;
}
.portfolio-content2 {
grid-template-columns: repeat(2, 1fr);
}
.service-area2 .col-lg-3:first-child {
padding-left: 15px;
}
.service-area2 .col-lg-3:last-child {
padding-right: 15px;
}
.single-service-box2 {
margin-top: 30px;
}
.service-area2 {
padding: 0 15px;
}
.single-about-box2.text-lg-left.text-center {
margin-bottom: 30px;
}
.calculator-area2::before {
width: 100%;
}
.partner-single-slide {
height: 85px;
}
.portfolio-content3 {
grid-template-columns: repeat(2, 1fr);
}
.sidebar {
padding: 0;
margin: 40px auto 0;
}
.calculator-area2::after {
width: 100%;
}
.single-choose-box ul {
padding-top: 20px;
}
.single-choose-box h2 {
margin-bottom: 0;
}
.form-area{
margin-top: 12px;
}
.activity{
margin-top: 12px;
}
.gallery-img img{
height: 127px;
}
.guest-img img{
border-radius: 50%;
}
.teacher-content{
margin-left: 54px;
}
.single-about-box h4{
margin-top: 29px;
}
.sidebar1{
margin-left: -17px;
}
.sidebar-widget{
margin-left: 13px;
}
.mainmenu {
display: block;
}
.responsive-menu,
.slicknav_menu {
display: none;
}
.hero-area-content{
max-width: 996px;
width: 75%;
}
}
@media only screen and (max-width: 767px){
.mainmenu {
display: none;
}
.responsive-menu,
.slicknav_menu {
display: block;
}
ul.slicknav_nav {
position: absolute;
background: #0c1239;
left: -38px;
top: 100%;
z-index: 9;
border: 1px solid #fff;
padding: 10px;
min-width: 220px;
}
.slicknav_menu .slicknav_menutxt {
display: none;
}
.slicknav_menu .slicknav_icon {
margin: 0;
}
.slicknav_nav a:hover {
background: transparent;
border-radius: 0;
color: #fff;
}
.menubar.sticky li {
padding-left: 10px;
padding-right: 15px;
}
.slicknav_btn {
background-color: transparent;
float: none;
}
.menubar li a,
.slicknav_nav .slicknav_row, .slicknav_nav a {
padding: 0;
margin: 5px 0;
}
.header-bottom-right ul.flexbox-center {
display: none;
}
.single-hero-area {
padding: 100px 0;
}
.hero-area-content h1 {
font-size: 28px;
}
.hero-area-content p {
margin: 15px 0 20px;
}
.ptb-100 {
padding: 75px 0;
}
.sec-title.mb-20 {
margin: 0;
}
.sec-title.mb-50 {
margin-bottom: 30px;
}
.single-service-box {
margin-left: auto !important;
margin-right: auto !important;
max-width: 360px;
}
.portfolio-content {
grid-template-columns: repeat(2, 1fr);
height: 650px;
}
.newsletter-right input {
margin-bottom: 15px;
}
.owl-nav div {
top: auto;
bottom: 65px;
margin-top: 0;
margin-left: -40px;
}
.hero-area:hover .owl-prev {
left: 50%;
}
.hero-area:hover .owl-nav div.owl-next {
right: 50%;
}
.owl-nav div.owl-next {
margin-left: auto;
margin-right: -40px;
}
.slicknav_nav ul {
margin-left: 3px;
}
.blog-detail-middle {
display: block;
}
.blog-detail-middle img {
padding: 0;
max-width: 100%;
margin: auto;
display: block;
}
.comments-area li ul {
margin-left: 10px;
}
.single-comment::before {
display: none;
}
div#map {
height: 400px;
}
.single-about-box > ul {
display: block;
}
.single-about-box > ul li {
display: inline-block;
margin-bottom: 10px;
}
.single-about-box > ul li a {
padding: 8px 15px 10px;
}
.widget-gallery {
max-width: 250px;
}
}
@media only screen and (max-width: 576px){
.sec-title h2 {
font-size: 24px;
}
.single-choose-box h2 {
margin-bottom: 20px;
font-size: 22px;
}
.single-testimonial-box {
padding: 15px;
}
.single-calculator-box h1 {
font-size: 24px;
margin-bottom: 20px;
}
.newsletter {
padding: 20px;
}
.portfolio-content3,
.portfolio-content2,
.portfolio-content {
display: block;
height: auto;
}
.service-slider {
max-width: 370px;
margin-left: auto;
margin-right: auto;
}
.single-portfolio-box2 ,
.single-portfolio-box {
height: 200px;
}
.single-portfolio-box {
margin-top: 10px;
}
.post-details {
margin: 0;
padding: 17px 20px;
}
.single-post img {
width: 100%;
}
.single-post {
max-width: 320px;
}
.single-portfolio-box,
.single-pricing-box {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
.single-team-member {
max-width: 260px;
margin-left: auto;
margin-right: auto;
}
.post-thumbnail {
text-align: center;
}
.service-area2 {
padding: 0;
}
.hero-area-video {
padding: 90px 0;
}
.four04 h1 {
font-size: 50px;
line-height: 40px;
margin-bottom: 10px;
}
.four04 h2 {
font-size: 20px;
}
div#map {
height: 350px;
}
.owl-dots {
margin-top: 20px;
}
.partner-single-slide {
max-width: 250px;
margin: auto;
}
.author,
.single-choose-box li .choose-icon {
margin-right: 10px;
}
.breadcrumb-area {
padding: 90px 0 70px;
}
.img-content1 img{
max-width: 100%;
}
.slicknav_menu .slicknav_icon{
margin-left: 30px;
}
.activity{
margin-top: 12px;
}
.justify-content-center{
padding-bottom: 0px;
padding-top: 36px;
}
.section-padding{
padding-top: 13px;
}
.img-content img{
height: 185px;
}
.section1{
margin-left: 8px;
}
#captchaimg{
margin-left: 1px;
}
.guest-img{
margin-left: 53px;
}
.guest-img img{
border-radius: 50%;
}
.teacher-content{
margin-left: 28px;
}
.guest-img img{
margin-left: 27px;
}
.d-flex{
box-shadow: none;
}
.event-title{
text-align: center;
}
figcaption i{
margin-bottom: 26px;
margin-left: 39px;
}
.single-about-box h4{
margin-top: 15px;
}
.sidebar1{
margin-left: -15px;
margin-right: -15px;
}
.sidebar-widget{
margin-left: 13px;
margin-right: 8px;
}
.post-thumbnail img{
height: auto;
}
.teacher-content{
text-align: center;
}
.hero-area-content p{
font-size: 17px;
}
.slicknav_menu li {
padding-right: 0px
}
.blog-details1 h4.post-title1{
font-size: 17px;
}
.breadcrumb-area h2{
font-size: 24px;
}
.footer .widget > a > img {
max-width: 75%;
}
.widget > a > img{
text-align: center;
}
.widget-social-icons{
text-align: center;
}
.logo > a > img{
max-width: 75%;
}
.company-contact-info-area{
padding-top: 58px;
}
/* .widget img{
margin-left: 35px;
}*/
.gallery-icon{
margin-left: 27px;
}
.section-padding1{
padding-bottom: 13px;
}
.icon-search i{
margin-left: 30px;
margin-bottom: 0px;
}
.widget img{
margin-left: -3px;
}
.widget-footer img{
margin-left: 35px;
}
.hero-area-content p{
font-size: 13px;
}
.hero-area-content h1{
font-size: 24px;
}
.TA_cdswritereviewlg{
margin-bottom: 31px;
}
}
@media (width:768px){
.form-area{
margin-top: 12px;
}
.activity{
margin-top: 12px;
}
.img-content img{
max-width: 232%;
}
.gallery-img img{
height: 120px;
}
.guest-img img{
border-radius: 50%;
}
.teacher-content{
margin-left: 55px;
}
figcaption i{
margin-left: -14px;
margin-bottom: -8px;
}
.single-about-box h4{
margin-top: 25px;
}
.sidebar1{
margin-left: -16px;
}
.sidebar-widget{
margin-left: 12px;
}
.mainmenu {
display: block;
}
.responsive-menu,
.slicknav_menu {
display: none;
}
ul.slicknav_nav {
position: absolute;
background: #0c1239;
left: 15px;
top: 100%;
z-index: 9;
border: 1px solid #fff;
padding: 10px;
min-width: 160px;
}
.slicknav_menu .slicknav_menutxt {
display: none;
}
.slicknav_menu .slicknav_icon {
margin: 0;
}
.slicknav_nav a:hover {
background: transparent;
border-radius: 0;
color: #fff;
}
.menubar.sticky li {
padding-left: 10px;
padding-right: 15px;
}
.slicknav_btn {
background-color: transparent;
float: none;
}
.menubar li a,
.slicknav_nav .slicknav_row, .slicknav_nav a {
padding: 0;
margin: 5px 0;
}
.header-bottom-right ul.flexbox-center {
display: none;
}
.slicknav_btn{
margin-left: 210px;
}
.mainmenu li ul li a{
padding: 0px 0;
}
.hero-area-content p{
font-size: 25px;
line-height: 27px;
}
}
@media (width:1024px){
.box-details{
margin-left: -26px;
}
.icon1{
margin-left: -10px;
}
.guest-img img{
border-radius: 50%;
margin-left: 286px;
}
.teacher-content{
margin-left: 72px;
}
.menubar li a{
margin-right: -17px;
padding: 11px 0;
}
.widget ul li{
font-size: 12px;
}
figcaption i{
margin-left: -28px;
margin-bottom: -15px;
}
.menubar li{
padding-right: 54px;
}
.icon-search i{
margin-bottom: -30px;
margin-left: -59px;
}
.hero-area-content p{
font-size: 19px;
}
}
@media (width:600px){
.slicknav_icon{
margin-left: 122px;
}
.post-item{
border-radius: 0;
}
.gallery-img img{
height: 85px;
}
.guest-img img{
margin-left: 165px;
}
.teacher-content{
margin-left: 40px;
}
.slicknav_menu .slicknav_icon{
margin-left: 133px;
}
figcaption i{
margin-bottom: -24px;
margin-left: -41px;
}
.icon-search i {
margin-bottom: -17px;
margin-left: -14px;
}
.hero-area-content p{
font-size: 20px;
}
.TA_cdswritereviewlg{
margin-bottom: 31px;
}
}
@media (width:414px){
.img-content img{
height: 214px;
}
.slicknav_menu .slicknav_icon{
margin-left: 41px;
}
.theme-btn2{
margin-left: 81px;
}
.activity-btn{
margin-left: 76px;
}
figcaption i{
margin-left: 68px;
margin-bottom: 39px;
}
.con-button{
margin-left: 12px;
}
.single-about-box h4{
margin-top: 24px;
}
.guest-img img{
margin-left: 53px;
}
.gallery-icon {
margin-left: 58px;
}
.icon-search i{
margin-left: 50px;
margin-bottom: 0px;
}
.hero-area-content p{
font-size: 15px;
}
}
@media (width:375px){
.img-content img{
height: 192px;
}
.slicknav_menu .slicknav_icon{
margin-left: 32px;
}
.theme-btn2{
margin-left: 75px;
}
.hero-area-content p{
font-size: 17px;
}
.gallery-icon {
margin-left: 38px;
}
.hero-area-content p{
font-size: 13px;
}
}
@media (width:384px){
.img-content img{
height: 197px;
}
.theme-btn2{
margin-left: 76px;
}
.guest-img img{
margin-left: 38px;
}
}
@media (width:412px){
.img-content img{
height: 212px;
}
.slicknav_menu .slicknav_icon{
margin-left: 49px;
}
.theme-btn2{
margin-left: 75px;
}
.event-title{
text-align: center;
}
.activity-btn{
margin-left: 77px;
}
figcaption i{
margin-left: 66px;
margin-bottom: 34px;
}
.guest-img img{
margin-left: 48px;
}
.gallery-icon {
margin-left: 55px;
}
.icon-search i{
margin-left: 57px;
margin-bottom: -1px;
}
.hero-area-content p{
font-size: 15px;
}
}
@media (width:360px){
.theme-btn2{
margin-left: 68px;
}
.post-thumbnail img{
height: 178px;
}
.hero-area-content p{
font-size: 13px;
}
.guest-img img{
margin-left: 25px;
}
}
@media (width:834px){
ul.slicknav_nav {
position: absolute;
background: #0c1239;
left: 15px;
top: 100%;
z-index: 9;
border: 1px solid #fff;
padding: 10px;
min-width: 160px;
}
.slicknav_menu .slicknav_menutxt {
display: none;
}
.slicknav_menu .slicknav_icon {
margin: 0;
}
.slicknav_nav a:hover {
background: transparent;
border-radius: 0;
color: #fff;
}
.menubar.sticky li {
padding-left: 10px;
padding-right: 15px;
}
.slicknav_btn {
background-color: transparent;
float: none;
}
.menubar li a,
.slicknav_nav .slicknav_row, .slicknav_nav a {
padding: 0;
margin: 5px 0;
}
.header-bottom-right ul.flexbox-center {
display: none;
}
.slicknav_btn{
margin-left: 210px;
}
.gallery-icon{
margin-left: -13px;
}
.icon-search i{
margin-left: -48px;
}
.hero-area-content p{
font-size: 25px;
line-height: 26px;
}
}
@media (width:800px){
ul.slicknav_nav {
position: absolute;
background: #0c1239;
left: 15px;
top: 100%;
z-index: 9;
border: 1px solid #fff;
padding: 10px;
min-width: 160px;
}
.slicknav_menu .slicknav_menutxt {
display: none;
}
.slicknav_menu .slicknav_icon {
margin: 0;
}
.slicknav_nav a:hover {
background: transparent;
border-radius: 0;
color: #fff;
}
.menubar.sticky li {
padding-left: 10px;
padding-right: 15px;
}
.slicknav_btn {
background-color: transparent;
float: none;
}
.menubar li a,
.slicknav_nav .slicknav_row, .slicknav_nav a {
padding: 0;
margin: 5px 0;
}
.header-bottom-right ul.flexbox-center {
display: none;
}
.slicknav_btn{
margin-left: 210px;
}
.icon-search i{
margin-bottom: -25px;
margin-left: -50px;
}
.hero-area-content p{
font-size: 25px;
}
}
@media (min-width: 768px) and (max-width: 991px){
.menu-area .col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 89%;
flex: 0 0 89%;
max-width: 89%;
}
.menubar li{
padding-right: 22px;
}
.menubar.sticky li {
padding: 15px 26px 15px 0;
}
.guest-img {
text-align: center;
}
.guest-img img {
width: 100px;
}
.hero-area-content h1{
font-size: 38px;
}
.hero-area-content p{
font-size: 20px;
}
}
@media(min-width:577px) and (max-width:990px){
/* .hero-area-content p{
font-size: 17px;
}*/
}
|