@media (min-width: 1367px) and (max-width: 1920px) {
.container {
width: 1200px
}
} @media (min-width: 1170px) and (max-width: 1366px) {
.container {
width: 1200px
}
.sidebar-bookmark-area {
margin-top: 30px;
}
} @media (min-width: 992px) and (max-width: 1169px) {
.container {
width: 970px
}
.logo {
width: 230px;
}
.main-menu-wrapper {
width: 650px;
} .slider-content h1 {
font-size: 56px;
}
.profile-wrapper {
padding-top: 30px;
}
.mainmenu-expand.slide_right {
overflow-y: auto;
} .resume-wrapper.left {
padding-right: 0;
}
.resume-wrapper.right {
padding-left: 0;
} .single-counter.second {
padding-right: 0;
}
.single-counter.third {
padding-left: 0;
}
.single-counter.first,
.single-counter.fourth {
float: none;
}
.counter-content h3 {
font-size: 22px;
} .blog-post.horizontal .post-thumbnail {
float: none;
width: 100%;
}
.blog-post.horizontal .post-content {
float: none;
padding: 25px 30px;
width: 100%;
}
.post-content-inner {
text-align: center;
} .contact-address h4 {
font-size: 16px;
}
} @media (min-width: 768px) and (max-width: 991px) {
.container {
width: 750px
}
.logo {
width: 150px;
}
.main-menu-wrapper {
width: 450px;
} #main-menu li {
padding: 0 8px;
}
.slider-content h1 {
font-size: 40px;
}
.mainmenu-expand.slide_right {
overflow-y: auto;
} .profile-image {
margin-right: 0;
padding-bottom: 20px;
padding-left: 20px;
}
.profile-wrapper {
margin-left: 0;
text-align: center;
}
.profile-image {
margin: 0 auto;
width: 500px;
}
.profile-wrapper .section-title h1 {
display: inline-block;
} .portfolio-item {
width: 50%;
}
.portfolio-item-big {
width: 50%
} .resume-wrapper.left {
padding-right: 0;
}
.resume-wrapper.right {
padding-left: 0;
}
.resume-title {
padding-left: 0;
}
.single-counter:first-child .counter-content,
.single-counter:last-child .counter-content {
float: none;
}
.single-counter:nth-child(2) .counter-content,
.single-counter:nth-child(3) .counter-content {
padding-right: 0;
padding-left: 0;
} .post-thumbnail .img-responsive {
width: 100%;
}
.blog-post.horizontal .post-content {
padding: 20px 25px;
} .contact-wrapper {
padding: 20px;
}
.contact-address h4 {
font-size: 14px;
line-height: 18px;
}
.copyright p {
font-size: 16px;
}
} @media (max-width: 767px) {
.breadcrumb-content {
padding: 50px 0;
width: 90%;
}
.admin-bar .mainmenu-expand{
top: 46px;
}
.admin-bar .header-area {
top: 46px
}
.admin-bar .header-area.affix {
top: 0px
} .header-area {
padding-top: 30px;
}
.main-menu-wrapper {
display: none;
}
.cd-headline.clip.is-full-width {
display: none;
}
.slider-content .mobile-slider-title {
font-size: 30px;
display: block;
}
.profile-description li {
display: block;
}
.profile-description li::after {
display: none;
}
.header-social {
bottom: 30px;
}
.header-social a {
margin: 0 5px;
}
.mainmenu-expand.slide_right {
overflow-y: auto;
} .profile-image {
margin-right: 0;
padding-bottom: 20px;
padding-left: 20px;
}
.profile-wrapper {
margin-left: 0;
}
.profile-action-btn .button {
display: block;
margin-bottom: 30px;
margin-right: 0;
text-align: center;
}
.profile-action-btn .button:last-child {
margin: 0;
}
.skill-area .col-sm-6:first-child .single-progressbar:last-child {
margin-bottom: 42px;
} .portfolio-filter li {
margin-bottom: 10px;
}
.portfolio-item {
width: 100%;
}
.portfolio-item-big {
width: 100%
}
.portfolio-details-inner h3 {
font-size: 20px;
} .resume-title {
padding-left: 0;
}
.resume-wrapper.left {
padding-right: 0;
}
.resume-wrapper.right {
padding-left: 0;
} .single-counter {
float: none;
width: 100%;
margin-bottom: 30px;
}
.single-counter:first-child .counter-content {
float: none;
}
.single-counter:nth-child(2) .counter-content {
padding-right: 0;
}
.single-counter:nth-child(3) .counter-content {
padding-left: 0;
}
.single-counter:last-child .counter-content {
float: none;
} .blog-post.horizontal .post-thumbnail {
float: none;
width: 100%;
}
.blog-post.horizontal .post-content {
float: none;
padding: 25px 30px;
width: 100%;
}
.post-content-inner {
text-align: center;
} .contact-wrapper {
padding: 30px 15px;
}
.contact-address h4 {
font-size: 16px;
} .footer-social a {
margin: 0 5px;
}
.copyright p {
font-size: 16px;
}
#back-top {
bottom: 65px;
right: 15px;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.expand-menu-open.show-on-mobile{
display: block;
}
.navbar {
border: 0 none;
margin: 0;
padding: 0px 38px 0px 33px;
} .slider-content .mobile-slider-title {
font-size: 45px;
}
.profile-description li {
display: inline-block;
}
.profile-description li::after {
display: block;
} .profile-action-btn .button {
display: inline-block;
margin-bottom: 0;
margin-right: 30px;
} .post-thumbnail img {
width: 100%;
}
.three-column {
float: left;
margin: 0 30px 30px 0;
width: calc(50% - 20px);
}
.three-column:nth-child(2n) {
margin-right: 0;
}
.three-column:nth-child(3n+3) {
margin-right: 30px;
}
}
@media (max-width: 479px){
.item-thumbnail:after{
display: none;
}
.portfolio-details-inner {
transform: translateY(0) !important;
padding-top: 14px;
position: inherit;
}
.portfolio-details {
height: 90px;
opacity: 1;
position: initial;
visibility: visible;
background: #292929;
}
.portfolio-item .portfolio-category {
color: #a7a7a7;
}
.portfolio-details-inner h3 {
color: #fff;
margin-top: 0px
}
.portfolio-details .portfolio-view-btn{
display: none;
}
.expand-menu-open.show-on-mobile{
display: block;
}
.breadcrumb_title {
font-size: 27px;
line-height: 35px;
}
.post_col{
padding: 0px !important;
}
body.single-post .post_col{
margin-left: 0px
}
.row.force_margin {
padding: 0px 15px;
margin: 0 0 15px 15px;
}
table thead tr th, table thead tr td, table tbody tr th, table tbody tr td {
border-right: 1px solid #eaeaea;
padding: 1px 4px;
font-size: 12px;
}
.h1, .h2, .h3, h1, h2, h3 {
margin-top: 25px;
margin-bottom: 15px;
}
.post_col .force_margin{
padding: 0px !important;
}
.comments-area li.comment {
padding: 5px 0px 20px;
}
.johny-media-left {
width: 15%;
margin-bottom: 20px;
padding-top: 0px
}
.johny-media-left img {
width: 100%;
height: initial;
margin-top: 10px;
}
.johny-media-body {
width: 77%;
margin-left: 3%;
padding-top: 6px;
}
.singlePost .porfo_post_meta {
padding: 30px 15px;
text-align: center;
}
.singlePost .post-content {
padding: 0px 30px;
}
.comments-area .comments-title {
padding-left: 00px;
}
.breadcrumb_area {
padding: 30px 0px;
}
.singlePost .porfo_post_meta ul li {
margin-bottom: 5px;
}
.comments-area {
padding: 0px 15px;
}
.three-column, .two-column {
float: initial;
margin: 0 15px 45px 0px;
width: 100%;
padding-right: 15px;
}
.three-column:nth-child(2n),
.two-column:nth-child(2n) {
margin-right: 0;
}
.three-column:nth-child(3n+3) {
margin-right: 0px;
}
}