锘?*============================================ [Table of content] 1. Large devices (less than 1200px) 2. Large tablets (less than 992px) 3. Medium devices (less than 768px) 4. Small devices (less than 576px) 5. Extra Small devices (less than 480px) ============================================*/ @media screen and (min-width: 1200px) { .footwidth{flex: 0 0 12%;max-width: 12%;} .footwidth2{flex: 0 0 18%;max-width: 18%;} .footwidthlast{flex: 0 0 26%;max-width: 26%;} .pc_right{ text-align:right;} } @media (max-width:1199.98px) {.connection-image img {max-width:500px;} .subscription-heading h1 {font-size:30px;} .app-wrap {margin-top:0;margin-bottom:120px;} .customers {background-image:none;} .single-sidebar-widget {padding:20px;} .single-sidebar-widget input#amount {width:40%;font-size:12px;} .single-sidebar-widget .filter-amunt {float:left;width:60%;} .table--inner-area tbody tr td .rating-star i,.table--inner-area tbody tr td .feature-list li span i {font-size:12px;} .table--inner-area thead tr th {white-space:nowrap;} .domain--table-inner {padding-bottom:93px;} .contry-headig-list li h4 {font-size:15px;} .contry-headig-list li:first-child {width:18%;} .contry-headig-list li:nth-child(2) {width:37%;} .contry-headig-list li:nth-child(3) {width:7%;} .contry-headig-list li:nth-child(4) {width:9%;} .contry-headig-list li:nth-child(5) {width:8%;} .feature-list li {white-space:nowrap;} .customer-fullwidth .customer-right-img {width:52%;} .partner--slider-inner:after {height:205px;} .partner-slider {transform:translate(-47%);} } /* 2. Large tablets (less than 992px) */ @media (max-width:991.98px) {/* Header */ .main-header .row {position:relative;} .main-header .row > div:nth-child(2) {position:static;} .main-header {padding:10px 0;} .header-menu ul ul li a:hover:before,.header-menu ul ul li.active a:before,.header-menu ul ul li:hover > a:before {opacity:0;} .header-menu > ul > li {padding-top:0px;padding-bottom:0px;margin-left:0px !important;} .header-menu > ul > li:first-child {border-top:0px !important;} .header-menu ul li a {color:#1b435d;padding:12px 15px !important;} .header-menu > ul ul li:not(:last-child) {border-bottom:0;} .header-menu ul ul li a {padding-left:30px !important;width:auto;} .header-menu {text-align:right;position:initial;} .header-menu > ul {position:absolute !important;top:53px !important;left:15px !important;width:calc(100% - 30px) !important;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);max-height:350px;overflow-y:auto;} .header-menu ul,.header-menu ul ul,.header-menu ul ul ul,.header-menu > ul,.header-menu.align-center > ul,.header-menu > ul > li > ul,.header-menu > ul > li:hover > ul,.header-menu ul ul li:hover > ul {position:relative;left:0;right:auto;top:0;width:100%;display:none;padding:0;opacity:1;text-align:left;z-index:99999;} .header-menu ul li {width:100%;border-top:1px solid rgba(120,120,120,0.2);} .header-menu > ul > li > a,.header-menu ul ul li a,.header-menu ul ul li:first-child > a,.header-menu ul ul li:last-child > a {border-radius:0;box-shadow:none;background:none;} .header-menu ul li a i {display:none;} .header-menu ul ul ul li a {padding-left:45px !important;} .header-menu #menu-button {color:#2981ff;font-size:28px;display:inline-block;cursor:pointer;} .header-menu .submenu-button {position:absolute;right:0;display:block;width:50px;height:40px;border-left:1px solid rgba(120,120,120,0.2);z-index:10;cursor:pointer;} .header-menu ul ul .submenu-button {height:44px;} .header-menu .submenu-button:before {content:'';position:absolute;right:22.5px;top:18px;display:block;width:0;height:0;border:4px solid transparent;border-top-color:#1b435d;z-index:99;} .header-menu .submenu-opened:before {-webkit-transform:rotate(180deg);transform:rotate(180deg);top:14px;} .header-menu ul ul .submenu-button:before {top:19.5px;} .header-menu ul ul .submenu-button.submenu-opened:before {top:15.5px;} .header-menu #menu-button.menu-opened:before,.header-menu .submenu-button.submenu-opened:before {border-top-color:#1b435d;} .header-menu > ul > li:not(.active):hover > a,.header-menu > ul > li:not(.active) > a:hover {color:#1b435d;} .header-menu > ul > li > ul,.header-menu ul ul ul {box-shadow:none;border-bottom:0;} .header-menu > ul > li > ul:before,.header-menu ul ul ul:before {display:none;} .header-menu ul ul ul li:first-child {padding-top:0;} .header-menu ul ul ul li:last-child {padding-bottom:0;} .header-menu ul ul li:hover > a,.header-menu ul ul li > a:hover {color:#757575;} .sticking .header-menu > ul > li:hover:not(.active) > a {color:#1b435d;} .header-menu ul ul ul:after {display:none;} .header-menu > ul > li > a:after,.header-menu > ul > li.active > a:after,.header-menu > ul > li:hover > a:after {display:none;} .slide-content h1 {font-size:36px;} .slide-content p {text-shadow:1px 1px 1px #fff} .main-slider .btn-transparent:before {background-color:#fff;} .connection-description h1 br {display:none;} .subscription-heading h1 {margin-bottom:20px !important;} .features-table td {padding:.75rem;} .copyright {margin-top:20px;} .blog-wrap {margin-bottom:60px;} .order-last .blog-wrap {margin-top:70px;margin-bottom:0;} .table--inner-area tbody tr td .rating-star i,.table--inner-area tbody tr td .feature-list li span i {font-size:10px;} .table--inner-area thead tr th {font-size:16px;white-space:nowrap;} .domain--table-inner {padding-bottom:70px;} .contry-headig-list {width:141%;} ul.country-list {width:136%;} .country-list li {margin-right:15px;} .country-list li h6;.country-list li p {margin-bottom:0;} .contry-headig-list {width:140%;} .rating-star i {font-size:7px;} .partner-slider {position:relative;width:100%;text-align:center;} .partner--slider-inner {position:relative;height:100%;padding-bottom:120px;} .partner--slider-inner:after {width:110%;height:147px;bottom:137px;left:-5%;} .partner-slider {position:relative;/* bottom:0;*/ width:100%;text-align:center;transform:translate(0);left:0;padding-top:20px;} .contact-info {margin-top:30px;} } @media (min-width:768px) {.align-left {float:left;margin-right:30px;} .align-right {float:right;margin-left:30px;} .single--another-service {padding-bottom:35px;} } /* 3. Medium devices (less than 768px) */ @media (max-width:767.98px) {.pt-120 {padding-top:60px;} .pb-120 {padding-bottom:60px;} .pb-90 {padding-bottom:30px;} .pb-70 {padding-bottom:10px;} .mt-120 {margin-top:60px;} .section-title {margin-top:-5px;padding-bottom:20px;} .about-content h1 {font-size:32px;} .header-top-info li,.header-top-settings li {height:auto;} .header-top-info {padding-top:20px;padding-bottom:5px;} .header-top-settings {padding-top:5px;padding-bottom:20px;} .header-top-info li:first-child {border-left:0;padding-left:0;} .header-top-settings li:last-child {border-right:0;padding-right:0;} .service-controls {margin-bottom:20px;} .connection-image {height:auto;} .connection-image img {position:static;max-width:100%;} .connection-description p {margin:0;} .post-share-icons {margin-top:30px;} .post-navigation li {max-width:100%;} .post-navigation li + li {margin-top:15px;} .gallery-pagination-inner {padding-bottom:55px;} .gallery--pagination-icon {left:4%;top:45%;} .post-navigation li:first-child {margin-bottom:70px;} .footer .pt-90 {padding-top:70px;} .footer .pb-50 {padding-bottom:30px;} .gallery-details-text h2 {font-size:26px;margin-top:-9px;} .gallery--product-details {padding-bottom:15px;} .table--inner-area tbody tr td .rating-star i,.table--inner-area tbody tr td .feature-list li span i {font-size:10px;} .voip-app-heading h1 {font-size:25px;} .another--service-heading h1 {font-size:30px;} .single--another-service .single-service {margin-bottom:40px;} .single--another-service {padding-bottom:25px;} .app-wrap {margin-bottom:60px;} .domain--table-inner {padding-bottom:51px;} .mb-120 {margin-bottom:60px;} h1,.h1 {font-size:32px;} .contry-headig-list {width:188%;} ul.country-list {width:183%;} .spacer-80 {padding-bottom:30px;} .voip-app-heading {margin-top:-7px;} .default-bg.mb-40 {margin-bottom:0px;} .partner--slider-inner {position:relative;height:100%;padding-bottom:70px;} .partner--slider-inner:after {width:110%;height:92px;bottom:60px;left:-5%;} .partner-slider {position:relative;bottom:0;width:100%;text-align:center;transform:translate(0);left:0;padding-top:0px;} .about .title { margin-top: 20px;} .about .about-linkbox { margin-left: 0; width: 100%; } .carousel-control-d-pc{display:none;} .header-top{display:none;} .carousel-control-d-mobile{display:block;} } /* 4. Small devices (less than 576px) */ @media (max-width:575.98px) {h1 {font-size:30px;line-height:1.4;} .pt-120 {padding-top:60px;} .pb-120 {padding-bottom:60px;} .pb-90 {padding-bottom:30px;} .pb-70 {padding-bottom:10px;} .mt-120 {margin-top:60px;} .mb-40 {margin-bottom:0px;} .section-title {margin-top:-5px;padding-bottom:20px;} .app-wrap {margin-bottom:60px;} .btn {padding:8px 15px;} .header-menu > ul {top:51px !important;} .header-top-info li {margin-bottom:10px;} .header-cart {margin-left:0;padding-left:0;border-left:0;} .app-info .nav li {margin-top:15px;} .primary-form input[type=email] {padding:0 15px;} .customers-review {padding-left:0;padding-right:0;} .alignright {float:none;margin-left:0;margin-right:0;} .post-author-img {margin-bottom:20px;} .post-comments > li > ul > li {padding-left:25px;} .gallery--product-details {padding-bottom:15px;} .gallery-pagination-inner {padding-bottom:55px;} .gallery--pagination-icon {left:4%;top:46%;} .post-navigation li:first-child {margin-bottom:70px;} .footer .pt-90 {padding-top:70px;} .footer .pb-50 {padding-bottom:30px;} .gallery-details-text h2 {font-size:26px;margin-top:-10px;} .gallery-button {margin-bottom:34px;} .gallery_filter li .gallery-btn {padding:5px 23px 5px 23px;border:1px solid #e2e6fb;margin-bottom:5px;margin-right:5px;} .gallery_filter li:first-child {border-left:0;} .gallery--single-item img {height:300px;object-fit:cover;width:100%;} .voip-app-heading {margin-bottom:31px;margin-top:-9px;} .voip-app-heading h1 {font-size:25px;} .single--another-service {padding-bottom:20px;} .another--service-heading h1 {font-size:30px;} .domain--table-inner {padding-bottom:54px;} .mb-120 {margin-bottom:60px;} .contry--details-inner {padding:20px 20px 15px 20px;} .contry-headig-list {width:185%;} .contry-headig-list li h4 {font-size:13px;} ul.country-list {width:181%;} .country-list li {margin-right:10px;} .spacer-80 {padding-bottom:30px;} .partner--slider-inner:after {width:100%;height:169px;bottom:60px;left:0;} .about-content h1 {font-size:30px;} } /* 5. Extra Small devices (less than 480px) */ @media (max-width:479.98px) {h1 {line-height:1.3;} .section-title h1 {margin-bottom:5px;} .contry-headig-list {width:335%;} ul.country-list {width:327%;} .spacer-80 {padding-bottom:30px;} .about-content h1 {font-size:30px;} } @media (min-width: 768px){ .col-md-2x { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } }