@media(max-width:1024px) {
#mainmenu li {
padding-left:12px
}
.list-items .blog-post .blog-content {
padding:0
}
.single-post h2 {
font-size:20px
}
.comments-list .comment-box {
width:620px
}
.reply-list .comment-box {
width:540px
}
.team-bg {
height:402px
}
}
@media(max-width:992px) {
.sm-padding {
padding:15px
}
.bottom-content-wrap {
position:relative
}
.site-branding {
padding:17px 0
}
.site-branding img {
padding:0px 0
}
.js #mainmenu {
display:none
}
.js .slicknav_menu {
display:block
}
.blog-content p {
font-size:12px
}
.blog-items {
padding:0 10px
}
.list-items .blog-post .col-md-6:first-child {
padding-left:15px
}
.bottom-header .default-btn {
display:none
}
.cta-section .text-right {
text-align:left!important;
margin-top:20px
}
.promo-wrap {
position:inherit
}
.slider-text h1 {
font-size:40px
}
.nivo-directionNav a.nivo-prevNav {
left:5px
}
.nivo-directionNav a.nivo-nextNav {
right:5px
}
.campaigns-wrap h2 {
font-size:28px
}
.counter-section, .campaigns-section {
padding:80px 0
}
.campaigns-section .row {
align-items:center
}
.team-wrap {
padding:0
}
.blog-items.single-post {
border:none;
padding:0
}
.sidebar-wrap {
padding:0
}
.blog-post .blog-content a {
font-size:15px
}
.cta-section .default-btn {
font-size:11px
}
.project-section.project-2 .section-heading {
margin-bottom:10px
}
.filter-wrap .text-right {
text-align:left!important
}
.project-filter {
margin-bottom:20px
}
.team-bg {
height:100%
}
.about-wrap {
padding:0
}
}
@media all and (min-width:480px) and (max-width:768px) {
}
@media all and (max-width:767px) {
body, p {
font-size:12px;
line-height:22px
}
h1 {
font-size:30px
}
h2 {
font-size:24px;
line-height:36px
}
h3 {
font-size:16px
}
p br {
display:none
}
.padding {
padding:30px 0
}
.testimonial-item{ padding:0px !important;}
.about-content p{ margin-bottom:0px;}
.xs-padding {
padding:15px
}
.left-info li:first-child {
display:none
}
.about-section.about-2 .about-content h2, .cta-section.solid h2, .about-content h2 {
font-size:24px;
line-height:36px
}
.pager-header {
min-height:120px
}
.top-header {
padding:5px 0
}
.site-branding {
padding:0px 0
}
.breadcrumb {
right:auto;
top:auto;
bottom:-50px;
left:-15px;
margin:0
}
.contact_form .form-group .col-sm-6:first-child {
margin-bottom:15px
}
.coment-form .form-group .col-sm-4:last-child {
margin-top:15px
}
.list-items .blog-post img {
margin-bottom:10px
}
.colum-row .col-sm-6:first-child {
margin-bottom:15px
}
.contact-info ul li {
font-size:10px
}
.single-post h2 {
font-size:16px
}
.share-icon li {
margin-bottom:10px
}
.slider-text h1 {
font-size:28px
}
.slider-text p {
font-size:14px;
margin-bottom:10px
}
.slider-text h5 {
font-size:12px;
margin-bottom:0
}
.slider-text .default-btn {
display:none!important
}
.nivo-directionNav a {
font-size:10px;
width:40px;
height:40px;
line-height:43px;
top:calc(50% - 20px)
}
.owl-nav div {
left:0
}
.owl-nav div.owl-next {
right:0
}
.team-wrap {
padding:0 10px
}
.team-wrap .xs-padding {
padding:5px
}
.footer-social li a {
margin:0 10px
}
.hero-section {
height:400px
}
.hero-content h1 {
font-size:30px
}
.gallery-filter li {
padding:5px 10px;
margin-right:0;
font-size:10px
}
.callout-form {
margin-top:-15px
}
.campaigns-wrap h2 {
font-size:24px
}
.comments-list .comment-box {
width:78%
}
.reply-list {
padding-left:10px
}
.comments-list .comment-box:before, .comments-list .comment-box:after, .comments-list:before {
display:none
}
.callout-info {
padding:50px
}
#scroll-to-top {
width:35px;
height:35px;
font-size:10px;
line-height:35px;
bottom:20px;
right:20px
}
.footer-social, .copyright-section {
text-align:center
}
}
@media all and (max-width:576px) {
.callout-form .form-group .col-sm-6:not(:last-of-type) {
margin-bottom:15px
}
.coment-form .form-group .col-sm-4 {
margin-bottom:15px;
margin-top:auto
}
.comment-form .form-group .col-sm-4:nth-child(1), .comment-form .form-group .col-sm-4:nth-child(2) {
margin-bottom:15px
}
.slider-text {
text-align:center!important
}
.slider-text h1 {
font-size:18px;
letter-spacing:0
}
.slider-text p {
display:none
}
.top-content-wrap ul li {
margin-right:18px
}
.counters .counter-content {
justify-content:center
}
.about-section.about-2 .about-slider-wrap {
background-position:left top;
background-size:cover;
padding-right:0
}
.about-carousel {
width:350px;
padding:50px 0
}
}
@media all and (max-width:420px) {
}
@media all and (max-width:380px) {
.slider_content .btn_group a {
margin:0 10px 10px 0
}
}