/* Max width 767px
<<<<=====================================================================>>>>*/
@media only screen and (max-width: 767px) {
/* Global Style
<<<<=====================>>>>*/
.ptb-100 {
padding-top: 60px;
padding-bottom: 60px;
}
.pt-100 {
padding-top: 60px;
}
.pb-100 {
padding-bottom: 60px;
}
.pt-70 {
padding-top: 30px;
}
.pb-70 {
padding-bottom: 30px;
}
p {
font-size: 15px;
}
.me-15 {
margin-right: 0;
}
.ms-15 {
margin-left: 0;
}
.main-btn {
font-size: 14px;
padding: 15px 20px;
}
.main-detail-btn {
font-size: 15px;
}
/* Header Style
<<<<=====================>>>>*/
/* .up-header-content { */
/* background-color: #f55e1a; */
/* text-align: center; */
/* } */
.up-header-content::before {
z-index: -1;
}
.up-header-content .header-info-content li {
margin-right: 15px;
}
.up-header-content .header-social-content {
text-align: center;
padding-bottom: 15px;
}
.menu-right-options .main-btn {
display: none;
}
.menu-right-options .cart-option {
margin-right: 0 !important;
}
/* Banner Style
<<<<=====================>>>>*/
.banner-section {
padding-top: 60px;
padding-bottom: 60px;
position: relative;
z-index: 1;
}
.banner-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
z-index: -1;
}
.banner-section.bg-2 {
padding-top: 115px;
padding-bottom: 170px;
}
.banner-section.bg-3 {
padding-top: 130px;
padding-bottom: 70px;
}
.banner-content h1 {
font-size: 40px;
margin-top: -12px;
}
.banner-content p {
font-size: 16px;
margin-bottom: 25px;
}
.banner-content ul {
margin-bottom: 25px;
}
/* Features Style
<<<<=====================>>>>*/
.main-features-item {
padding: 30px;
}
.main-features-item .main-icon {
margin-bottom: 15px;
width: 70px;
height: 70px;
line-height: 70px;
font-size: 35px;
}
.main-features-item h3 {
font-size: 22px;
}
/* About Style
<<<<=====================>>>>*/
.about-us-img {
margin-bottom: 30px;
padding-top: 10px;
padding-right: 10px;
}
.about-us-img .experience {
max-width: 102px;
padding: 16px;
bottom: 20px;
}
.about-us-img .experience .experience-bg {
width: 70px;
height: 70px;
}
.about-us-img .experience .experience-bg span {
font-size: 15px;
}
.about-us-img.style-two {
margin-top: 0;
max-width: 100%;
}
.about-us-img.style-two img {
width: 100%;
}
.about-us-img.style-two .experience {
top: 10px;
right: 10px;
}
.about-content .up-title {
font-size: 15px;
margin-bottom: 6px;
}
.about-content h2 {
font-size: 30px;
margin-bottom: 20px;
}
.about-content p {
margin-bottom: 20px;
}
.about-content ul {
margin-bottom: 25px;
}
.about-content ul li {
font-size: 15px;
}
.about-content .progress-bars {
margin-bottom: 30px;
}
.about-content .progress-bars .progress-title {
font-size: 16px;
}
.about-style-form-mobile {
padding-bottom: 0;
}
/* Section Title Style
<<<<=====================>>>>*/
.main-section-title {
margin-bottom: 30px;
}
.main-section-title .up-title {
font-size: 15px;
margin-bottom: 6px;
}
.main-section-title h2 {
font-size: 30px;
}
.main-section-title-wrap {
margin-bottom: 30px;
}
.main-section-title-wrap .main-section-title {
margin-bottom: 15px;
}
/* Services Style
<<<<=====================>>>>*/
.main-services-item {
padding: 20px;
}
.main-services-item h3 {
font-size: 22px;
}
.services-slider.owl-theme .owl-dots {
margin-top: 0 !important;
}
/* Project Style
<<<<=====================>>>>*/
.main-projects-item .project-content {
margin-left: 0;
margin-right: 0;
padding: 20px;
}
.main-projects-item .project-content h3 {
font-size: 22px;
}
/* Team Style
<<<<=====================>>>>*/
.main-team-item .team-content {
padding: 20px;
}
.main-team-item .team-content .team-social-link .controller {
top: 28px;
right: 20px;
}
/* Testimonial Style
<<<<=====================>>>>*/
.main-testimonial-item p {
font-size: 15px;
}
/* Video Style
<<<<=====================>>>>*/
.video-content {
margin-bottom: 30px;
}
.video-content .up-title {
font-size: 15px;
margin-bottom: 6px;
}
.video-content h2 {
font-size: 30px;
margin-bottom: 15px;
}
.video-btn span::before {
display: none;
}
.video-btn span::after {
display: none;
}
/* Blog Style
<<<<=====================>>>>*/
.main-blog-item .blog-content {
padding: 20px;
}
/* Footer Style
<<<<=====================>>>>*/
.main-footer-item h3 {
font-size: 25px;
}
.main-footer-item .import-link li {
margin-bottom: 8px;
}
/* FAQ Style
<<<<=====================>>>>*/
.faq-img {
margin-top: 30px;
}
.faq-img::before {
display: none;
}
/* Counter Style
<<<<=====================>>>>*/
.main-counter-item h2 {
font-size: 30px;
margin-bottom: 0;
margin-top: 0;
}
.main-counter-item h3 {
font-size: 18px;
}
/* Solution Style
<<<<=====================>>>>*/
.solution-section .pe-0 {
padding-right: 12px !important;
}
.solution-form {
margin-right: 0;
padding-bottom: 30px;
}
.solution-form h2 {
font-size: 30px;
margin-bottom: 30px;
}
.solution-bg-img {
height: 400px;
}
/* Page Banner Style
<<<<=====================>>>>*/
.page-banner-section.bg-1, .page-banner-section.bg-2 ,.page-banner-section.bg-3 { background-position: top 0 center; background-attachment:scroll; background-size:cover;}
.page-banner-section {
padding-top: 30px;
padding-bottom: 50px;
}
.page-banner-content h2 {
font-size: 35px;
margin-bottom: 10px;
}
.page-banner-content ul li {
font-size: 15px;
}
/* Project Details Style
<<<<=====================>>>>*/
.project-left-sidebar {
padding: 20px;
}
.project-left-sidebar h3 {
margin-bottom: 15px;
}
.project-left-sidebar ul li {
margin-bottom: 10px;
}
.project-details-img {
height: 400px;
margin-top: 30px;
}
.project-details-img.mt-0 {
margin-bottom: 30px;
}
/* Team Details Style
<<<<=====================>>>>*/
.team-details-img {
margin-bottom: 30px;
}
.team-details-img img {
width: 100%;
}
.team-details-content {
padding: 20px;
}
.team-details-content h3 {
font-size: 20px;
}
.team-details-content ul li {
padding: 10px;
}
.team-details-content ul li span {
margin-right: 5px;
}
.team-details-content ul li a {
margin-right: 5px;
}
/* Blog Details Style
<<<<=====================>>>>*/
.blog-sidebar {
margin-left: 0;
}
.blog-details-content .services-blog {
padding-bottom: 0;
margin-bottom: 0;
}
.blog-details-content .blog-details-img {
height: 400px;
margin-top: 30px;
}
.blog-details-content .comment-wrap {
margin-bottom: 50px;
}
.blog-details-content .comment-wrap h3 {
font-size: 25px;
}
.blog-details-content .comment-wrap ul li {
padding-left: 0;
}
.blog-details-content .comment-wrap ul li img {
position: unset;
margin-bottom: 15px;
}
.blog-details-content .comment-wrap ul li.replay {
margin-left: 0;
}
.blog-details-content .comment-wrap p a {
margin-left: 10px;
}
.accordion-item .accordion-header .accordion-button {
font-size: 18px;
}
.contact-form {
padding: 20px;
margin-bottom: 30px;
}
.contact-form h2 {
font-size: 30px !important;
margin-bottom: 20px;
}
.blog-sidebar .about-us-img .experience {
padding: 25px;
}
.blog-sidebar .categories {
padding: 20px;
}
.blog-sidebar .categories h3 {
font-size: 22px;
margin-bottom: 15px;
}
.blog-sidebar .newslatter h3 {
font-size: 22px;
margin-bottom: 15px;
}
/* Contact Style
<<<<=====================>>>>*/
.contact-map iframe {
height: 400px;
}
/* Product Style
<<<<=====================>>>>*/
.product-result {
margin-bottom: 30px;
}
.product-result p {
text-align: center;
margin-bottom: 20px;
}
.product-result .form-select {
max-width: 100%;
margin-top: 20px;
}
.main-product-item .product-img ul {
left: 20px !important;
top: 20px !important;
}
.main-product-item .product-img .main-btn {
bottom: 0;
}
.main-product-item .main-product-content {
padding-top: 20px;
display: block !important;
text-align: center;
}
.main-product-item .main-product-content h3 {
margin-bottom: 10px;
}
.main-product-item .main-product-content span {
margin-bottom: 12px;
}
/* Cart Style
<<<<=====================>>>>*/
.shopping-cart {
overflow: hidden;
text-align: center;
}
.shopping-cart table thead tr th {
font-size: 16px;
white-space: nowrap;
}
.shopping-cart table tbody tr td {
white-space: nowrap;
padding: 15px;
}
.shopping-cart table tbody tr td a {
font-size: 14px;
}
.shopping-cart table tbody tr .cart-thumbnail {
width: 285px;
}
.coupon-form {
padding: 20px;
margin-bottom: 50px;
}
.coupon-form .main-btn.update {
width: 100%;
margin-top: 20px;
}
.your-order {
padding: 20px;
}
.your-order h3 {
padding-bottom: 20px;
}
.shopping-carts {
padding: 20px;
}
.shopping-carts h3 {
font-size: 22px;
margin-bottom: 20px;
}
.shipping-option {
padding: 20px;
}
.shipping-option h3 {
font-size: 22px;
margin-bottom: 20px;
}
.shipping-option .form-check .form-check-label {
font-size: 16px;
}
/* Billing Style
<<<<=====================>>>>*/
.billing-address {
padding: 20px;
}
.billing-address .form-check .form-check-label {
font-size: 16px;
}
.shopping-carts {
margin-top: 30px;
}
/* Product Details Style
<<<<=====================>>>>*/
.product-main-image {
margin-bottom: 30px;
}
.product-details-main-content h3 {
font-size: 23px;
}
.product-details-main-content .old-recent-price {
font-size: 20px;
}
.product-details-main-content .quantity-add-wish {
display: block !important;
}
.product-details-main-content .quantity-add-wish li {
margin-right: 0;
margin-bottom: 20px;
}
.product-details-main-content .quantity-add-wish li:last-child {
margin-bottom: 0;
}
.product-details-main-content .main-btn {
width: 100%;
}
.product-details-main-content .choose-color label {
margin-right: 1px;
}
.product-details-tab .nav-tabs {
text-align: center;
}
.product-details-tab .nav-tabs .nav-item {
margin-right: 25px;
}
.product-details-tab .nav-tabs .nav-item .nav-link {
font-size: 18px;
}
.product-details-tab .product-review-content .review-list-wrap .review-list {
padding-right: 20px;
display: block !important;
}
.product-details-tab .product-review-content .review-list-wrap .review-list .review-img {
margin-right: 0;
margin-bottom: 15px;
}
.product-details-tab .product-review-content .review-list-wrap .review-list .review-content .reply {
position: unset;
}
.product-details-tab .review-progress-wrap {
margin-bottom: 30px;
}
/* Payment Style
<<<<=====================>>>>*/
.payment-content {
padding: 20px;
}
.payment-content .col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.payment-content .form-floating {
margin-bottom: 20px;
}
.payment-content .form-check {
font-size: 15px;
}
/* Sign Up Log In Style
<<<<=====================>>>>*/
.sign-up-section .pe-0 {
padding-right: 12px !important;
}
.sign-up-section .ps-0 {
padding-left: 12px !important;
}
.sign-up-img {
height: 200px;
border-radius: 10px 10px 0 0;
}
.sign-up-form {
padding: 30px;
border-radius: 0 0 10px 10px;
}
.sign-up-form h2 {
margin-bottom: 10px;
font-size: 25px;
}
.sign-up-form .form-wrap p {
margin-bottom: 30px;
}
/* Privacy Conditions Style
<<<<=====================>>>>*/
.privacy-and-conditions-item {
padding: 20px;
}
.privacy-and-conditions-item h3 {
font-size: 25px;
}
/* Pagination Style
<<<<=====================>>>>*/
.pagination {
margin-top: 0;
}
.pagination .page-item .page-link {
width: 40px;
height: 40px;
line-height: 30px;
}
/* Coming Soon Style
<<<<=====================>>>>*/
.coming-soon-wrapper {
padding: 30px;
}
.coming-soon-wrapper h2 {
font-size: 25px;
}
}
/* Min width 576px to Max width 767px
<<<<=====================================================================>>>>*/
@media only screen and (min-width: 576px) and (max-width: 767px) {
/* Header Style
<<<<=====================>>>>*/
.up-header-content {
text-align: center;
}
.up-header-content .header-social-content {
text-align: center;
}
.menu-right-options .main-btn {
display: block;
}
.menu-right-options .cart-option {
margin-right: 20px !important;
}
/* Solution Style
<<<<=====================>>>>*/
.solution-section .container-fluid {
max-width: 540px;
}
.solution-form {
max-width: 100%;
}
}
/* Min width 768px to Max width 991px
<<<<=====================================================================>>>>*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
/* Global Style
<<<<=====================>>>>*/
.ptb-100 {
padding-top: 60px;
padding-bottom: 60px;
}
.pt-100 {
padding-top: 60px;
}
.pb-100 {
padding-bottom: 60px;
}
.pt-70 {
padding-top: 30px;
}
.pb-70 {
padding-bottom: 30px;
}
p {
font-size: 15px;
}
.me-15 {
margin-right: 0;
}
.ms-15 {
margin-left: 0;
}
.main-btn {
font-size: 14px;
padding: 15px 20px;
}
.main-detail-btn {
font-size: 15px;
}
/* Header Style
<<<<=====================>>>>*/
/* .up-header-content { */
/* background-color: #f55e1a; */
/* text-align: center; */
/* } */
.up-header-content::before {
z-index: -1;
}
.up-header-content .header-social-content {
text-align: center;
padding-bottom: 15px;
}
.up-header-content .header-social-content .header-info-content li {
margin-right: 15px;
}
/* Banner Style
<<<<=====================>>>>*/
.banner-section {
padding-top: 60px;
padding-bottom: 60px;
position: relative;
z-index: 1;
}
.banner-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
z-index: -1;
}
.banner-section.bg-2 {
padding-top: 130px;
padding-bottom: 185px;
}
.banner-section.bg-3 {
padding-top: 130px;
padding-bottom: 70px;
}
.banner-content h1 {
font-size: 40px;
margin-top: -12px;
}
.banner-content p {
font-size: 16px;
margin-bottom: 25px;
}
.banner-content ul {
margin-bottom: 25px;
}
/* Features Style
<<<<=====================>>>>*/
.main-features-item {
padding: 30px;
}
.main-features-item .main-icon {
margin-bottom: 15px;
width: 70px;
height: 70px;
line-height: 70px;
font-size: 35px;
}
.main-features-item h3 {
font-size: 22px;
}
/* About Style
<<<<=====================>>>>*/
.about-us-img {
margin-bottom: 30px;
padding-top: 10px;
padding-right: 10px;
}
.about-us-img .experience {
max-width: 102px;
padding: 16px;
bottom: 20px;
}
.about-us-img .experience .experience-bg {
width: 70px;
height: 70px;
}
.about-us-img .experience .experience-bg span {
font-size: 15px;
}
.about-us-img.style-two {
margin-top: 0;
max-width: 100%;
}
.about-us-img.style-two img {
width: 100%;
}
.about-us-img.style-two .experience {
top: 10px;
right: 10px;
}
.about-content .up-title {
font-size: 15px;
margin-bottom: 6px;
}
.about-content h2 {
font-size: 30px;
margin-bottom: 20px;
}
.about-content p {
margin-bottom: 20px;
}
.about-content ul {
margin-bottom: 25px;
}
.about-content ul li {
font-size: 15px;
}
.about-content .progress-bars {
margin-bottom: 30px;
}
.about-content .progress-bars .progress-title {
font-size: 16px;
}
.about-style-form-mobile {
padding-bottom: 0;
}
/* Section Title Style
<<<<=====================>>>>*/
.main-section-title {
margin-bottom: 30px;
}
.main-section-title .up-title {
font-size: 15px;
margin-bottom: 6px;
}
.main-section-title h2 {
font-size: 30px;
}
.main-section-title-wrap {
margin-bottom: 30px;
}
.main-section-title-wrap .main-section-title {
margin-bottom: 15px;
}
/* Services Style
<<<<=====================>>>>*/
.main-services-item {
padding: 20px;
}
.main-services-item h3 {
font-size: 22px;
}
.services-slider.owl-theme .owl-dots {
margin-top: 0 !important;
}
/* Project Style
<<<<=====================>>>>*/
.main-projects-item .project-content {
margin-left: 0;
margin-right: 0;
padding: 20px;
}
.main-projects-item .project-content h3 {
font-size: 22px;
}
/* Team Style
<<<<=====================>>>>*/
.main-team-item .team-content {
padding: 20px;
}
.main-team-item .team-content .team-social-link .controller {
top: 28px;
right: 20px;
}
/* Testimonial Style
<<<<=====================>>>>*/
.main-testimonial-item p {
font-size: 15px;
}
/* Video Style
<<<<=====================>>>>*/
.video-content {
margin-bottom: 30px;
}
.video-content .up-title {
font-size: 15px;
margin-bottom: 6px;
}
.video-content h2 {
font-size: 30px;
margin-bottom: 15px;
}
.video-btn span::before {
display: none;
}
.video-btn span::after {
display: none;
}
/* Blog Style
<<<<=====================>>>>*/
.main-blog-item .blog-content {
padding: 20px;
}
/* Footer Style
<<<<=====================>>>>*/
.main-footer-item h3 {
font-size: 25px;
}
.main-footer-item .import-link li {
margin-bottom: 8px;
}
/* FAQ Style
<<<<=====================>>>>*/
.faq-img {
margin-top: 30px;
}
.faq-img::before {
display: none;
}
/* Counter Style
<<<<=====================>>>>*/
.main-counter-item h2 {
font-size: 30px;
margin-bottom: 0;
margin-top: 0;
}
.main-counter-item h3 {
font-size: 18px;
}
/* Solution Style
<<<<=====================>>>>*/
.solution-section .pe-0 {
padding-right: 12px !important;
}
.solution-section .container-fluid {
max-width: 720px;
}
.solution-form {
margin-right: 0;
padding-bottom: 30px;
max-width: 100%;
}
.solution-form h2 {
font-size: 30px;
margin-bottom: 30px;
}
.solution-bg-img {
height: 400px;
}
/* Page Banner Style
<<<<=====================>>>>*/
.page-banner-section.bg-1, .page-banner-section.bg-2 ,.page-banner-section.bg-3 { background-position: top 0 center; background-attachment:scroll; background-size:cover;}
.page-banner-section {
padding-top: 50px;
padding-bottom: 70px;
}
.page-banner-content h2 {
font-size: 35px;
margin-bottom: 10px;
}
.page-banner-content ul li {
font-size: 15px;
}
/* Project Details Style
<<<<=====================>>>>*/
.project-left-sidebar h3 {
margin-bottom: 15px;
}
.project-left-sidebar ul li {
margin-bottom: 15px;
}
.project-details-img {
height: 500px;
margin-top: 30px;
}
.project-details-img.mt-0 {
margin-bottom: 30px;
}
/* Team Details Style
<<<<=====================>>>>*/
.team-details-img {
margin-bottom: 30px;
}
.team-details-img img {
width: 100%;
}
.team-details-content {
padding: 20px;
}
.team-details-content h3 {
font-size: 20px;
}
.team-details-content ul li {
padding: 10px;
}
.team-details-content ul li span {
margin-right: 5px;
}
.team-details-content ul li a {
margin-right: 5px;
}
/* Blog Details Style
<<<<=====================>>>>*/
.blog-sidebar {
margin-left: 0;
}
.blog-details-content .services-blog {
padding-bottom: 0;
margin-bottom: 0;
}
.blog-details-content .comment-wrap {
margin-bottom: 50px;
}
.blog-details-content .comment-wrap h3 {
font-size: 25px;
}
.blog-details-content .comment-wrap ul li {
padding-left: 0;
}
.blog-details-content .comment-wrap ul li img {
position: unset;
margin-bottom: 15px;
}
.blog-details-content .comment-wrap ul li.replay {
margin-left: 0;
}
.blog-details-content .comment-wrap p a {
margin-left: 10px;
}
.accordion-item .accordion-header .accordion-button {
font-size: 18px;
}
.contact-form {
padding: 20px;
margin-bottom: 30px;
}
.contact-form h2 {
font-size: 30px !important;
margin-bottom: 20px;
}
.blog-sidebar .about-us-img .experience {
padding: 25px;
}
.blog-sidebar .categories {
padding: 20px;
}
.blog-sidebar .categories h3 {
font-size: 22px;
margin-bottom: 15px;
}
.blog-sidebar .newslatter h3 {
font-size: 22px;
margin-bottom: 15px;
}
/* Product Style
<<<<=====================>>>>*/
.product-result {
margin-bottom: 30px;
}
.product-result p {
margin-bottom: 0;
}
.product-result .form-select {
max-width: 100%;
margin-top: 20px;
}
.main-product-item .product-img ul {
left: 20px !important;
top: 20px !important;
}
.main-product-item .product-img .main-btn {
bottom: 0;
}
.main-product-item .main-product-content {
padding-top: 20px;
display: block !important;
text-align: center;
}
.main-product-item .main-product-content h3 {
margin-bottom: 10px;
}
.main-product-item .main-product-content span {
margin-bottom: 12px;
}
.pagination .page-count {
width: 40px;
height: 40px;
line-height: 40px;
}
/* Cart Style
<<<<=====================>>>>*/
/* Cart Style
<<<<=====================>>>>*/
.shopping-cart {
overflow: hidden;
text-align: center;
}
.shopping-cart table thead tr th {
font-size: 16px;
white-space: nowrap;
}
.shopping-cart table tbody tr td {
white-space: nowrap;
padding: 15px;
}
.shopping-cart table tbody tr td a {
font-size: 14px;
}
.shopping-cart table tbody tr .cart-thumbnail {
width: 285px;
}
.coupon-form {
margin-bottom: 50px;
}
/* Billing Style
<<<<=====================>>>>*/
.billing-address {
padding: 20px;
}
.billing-address .form-check .form-check-label {
font-size: 16px;
}
.shopping-carts {
margin-top: 30px;
}
/* Product Details Style
<<<<=====================>>>>*/
.product-main-image {
margin-bottom: 30px;
}
.product-details-main-content h3 {
font-size: 25px;
}
.product-details-main-content .old-recent-price {
font-size: 20px;
}
.product-details-tab .nav-tabs {
text-align: center;
}
.product-details-tab .nav-tabs .nav-item .nav-link {
font-size: 18px;
}
.product-details-tab .product-review-content .review-list-wrap .review-list {
padding-right: 20px;
display: block !important;
}
.product-details-tab .product-review-content .review-list-wrap .review-list .review-img {
margin-right: 0;
margin-bottom: 15px;
}
.product-details-tab .product-review-content .review-list-wrap .review-list .review-content .reply {
position: unset;
}
.product-details-tab .review-progress-wrap {
margin-bottom: 30px;
}
/* Payment Style
<<<<=====================>>>>*/
.payment-content {
padding: 30px;
}
.payment-content .col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.payment-content .form-floating {
margin-bottom: 20px;
}
.payment-content .form-check {
font-size: 15px;
}
/* Sign Up Log In Style
<<<<=====================>>>>*/
.sign-up-section .ps-0 {
padding-left: 0 !important;
}
.sign-up-section .pe-0 {
padding-right: 0 !important;
}
.sign-up-form {
padding: 30px;
}
.sign-up-form h2 {
margin-bottom: 10px;
font-size: 29px;
}
.sign-up-form .form-wrap p {
margin-bottom: 30px;
}
/* Pagination Style
<<<<=====================>>>>*/
.pagination {
margin-top: 0;
}
.pagination .page-item .page-link {
width: 40px;
height: 40px;
line-height: 30px;
}
}
/* Min width 992px to Max width 1199px
<<<<=====================================================================>>>>*/
@media only screen and (max-width: 1199px) {
.adjusted-counter .main-counter-item {
border:none!important;
}
}@media only screen and (min-width: 992px) {
.main-counter-item {
border-right:1px solid white;
}
.counter-wrap .row > div:last-child .main-counter-item{
border-right:0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-btn {
padding: 15px 20px;
font-size: 16px;
}
.me-15 {
margin-right: 0;
}
.ms-15 {
margin-left: 0;
}
/* Header Style
<<<<=====================>>>>*/
.up-header-content .header-info-content li {
font-size: 13px;
margin-right: 12px;
}
/* Navbar Style
<<<<=====================>>>>*/
.navbar-nav .nav-item {
margin-right: 18px;
}
.navbar-nav .nav-item .nav-link {
font-size: 18px;
}
.navbar-nav .nav-item .sub-menu {
max-width: 200px;
}
.navbar-nav .nav-item .sub-menu .nav-item .sub-menu-sub {
max-width: 200px;
left: 200px;
}
/* Banner Style
<<<<=====================>>>>*/
.banner-section {
padding-top: 120px;
padding-bottom: 120px;
}
.banner-section.bg-2 {
padding-top: 100px;
}
/* Features Style
<<<<=====================>>>>*/
.main-features-item {
overflow: hidden;
padding: 20px;
}
.main-features-item h3 {
font-size: 22px;
}
/* Services Style
<<<<=====================>>>>*/
.main-services-item {
padding: 20px;
}
/* Blog Style
<<<<=====================>>>>*/
.main-blog-item .blog-content {
padding: 20px;
}
/* Solution Style
<<<<=====================>>>>*/
.solution-section .container-fluid {
max-width: 960px;
}
.solution-section .pe-0 {
padding-right: 12px !important;
}
.solution-form {
max-width: 100%;
margin-left: auto;
margin-right: 0;
}
/* About Style
<<<<=====================>>>>*/
.about-us-img.style-two .experience {
top: 10px;
right: 10px;
}
.about-style-form-mobile {
padding-bottom: 0;
}
/* Banner Style
<<<<=====================>>>>*/
.page-banner-section {
padding-top: 75px;
padding-bottom: 75px;
}
/* Product Style
<<<<=====================>>>>*/
.main-product-item .main-product-content {
display: block !important;
text-align: center;
}
.main-product-item .main-product-content .price {
margin-bottom: 12px;
}
/* Cart Style
<<<<=====================>>>>*/
.shopping-cart {
overflow: hidden;
text-align: center;
}
.shopping-cart table thead tr th {
font-size: 16px;
white-space: nowrap;
}
.shopping-cart table tbody tr td {
white-space: nowrap;
padding: 15px;
}
.shopping-cart table tbody tr td a {
font-size: 14px;
}
.shopping-cart table tbody tr .cart-thumbnail {
width: 285px;
}
.your-order {
padding: 20px;
}
.your-order h3 {
font-size: 22px;
padding-bottom: 20px;
}
.shopping-carts {
padding: 20px;
}
.shopping-carts h3 {
font-size: 22px;
margin-bottom: 20px;
}
.shipping-option {
padding: 20px;
}
.shipping-option h3 {
font-size: 22px;
margin-bottom: 20px;
}
.shipping-option .form-check .form-check-label {
font-size: 16px;
}
/* Billing Style
<<<<=====================>>>>*/
.billing-address {
padding: 20px;
}
/* Product Details Style
<<<<=====================>>>>*/
.product-details-main-content .quantity-add-wish li .cart-quantity .quantity-input {
max-width: 150px;
}
/* Sign Up Log In Style
<<<<=====================>>>>*/
.sign-up-section .ps-0 {
padding-left: 0 !important;
}
.sign-up-section .pe-0 {
padding-right: 0 !important;
}
.sign-up-form .form-wrap p {
margin-bottom: 30px;
}
}
/* Continuer Custom Width Area Style
<<<<=====================================================================>>>>*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.container {
max-width: 1320px;
}
}
/* Medium devices (tablets, 768px and up) Only Mobil Menu
<<<<=====================================================================>>>>*/
@media only screen and (max-width: 991px) {
.header-area .col-lg-8.text-center {
display: none;
}
.header-area .col-lg-10.text-right {
display: none;
}
.mobile-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: unset;
height: unset;
padding: 7px 5px;
margin-left: 20px;
}
.for-mobile {
display: block;
}
.navbar-nav .nav-item .nav-link {
font-size: 17px;
}
.navbar-brand {
margin-right: 0;
}
.for-mobile-options {
display: block;
}
.menu-right-options {
margin-right: 20px;
}
.menu-right-options .main-btn {
padding: 15px 15px;
}
.menu-right-options .cart-option {
margin-right: 20px;
}
}
/*# sourceMappingURL=responsive.css.map */