/*============================================
[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 (min-width: 1919.98px){
.app-overlay-bg {
width: 42%;
}
}
/* 1. Large devices (less than 1200px) */
@media (max-width: 1199.98px){
.mobile-image img {
max-width: 121%;
}
.process--video-wrap {
height: 456px;
}
.single-will-get h4 {
font-size: 15px;
}
.image-moke-up {
height: 458px;
}
.home-banner1 .bannar-image-inner .move-1 {
width: 32%;
}
.home-banner1 .bannar-image-inner .move-2 {
top: 61%;
left: 65%;
}
.overlay-bubble-1 {
height: 70%;
width: 64%;
top: 13%;
left: 47%;
}
.dot-dot {
left: 5%;
top: 3%;
height: 89%;
}
.single--service-inner {
padding: 0 0px 0 0;
}
.crypto--progress-inner:before {
left: 58%;
}
.countdown--inner-area {
padding: 55px 0 15px;
}
.notify-form button {
width: 40%;
}
.home-banner2 .dot-dot {
display: none;
}
.home-banner2 .h2-move-1 {
left: 41%;
top: 1%;
}
.home-banner2 .h2-move-3 {
left: 40%;
top: 26%;
}
.Extra--feature-area .feature--area-wrap {
padding: 30px 49px 0px;
}
.feature--area-wrap.type2{
padding-top: 0px;
}
.Extra--feature-area {
margin-top: -90.5px;
}
.single-solution-wrap {
padding: 30px 25px 28px 25px;
}
.allocation-token2 {
padding: 20px 0 20px;
}
.allocation-token2 ul li {
display: inline-block;
padding: 10px 10px 10px;
width: 25%;
text-align: center;
}
.crypdrone-token-image .shap-4 {
top: 35%;
left: 15%;
width: 11%;
}
.crypdrone-token-image .shap-3 {
width: 20%;
top: 2%;
left: 40%;
}
.crypdrone-token-image .shap-2 {
top: 7%;
right: 13%;
width: 34%;
}
.crypdrone-token-image .shap-1 {
top: 16%;
left: 19%;
width: 6%;
}
.home-banner3 .h3-dot-small {
left: 0%;
top: -9%;
}
.banner3-image-wrap:before {
left: 51%;
top: 56%;
}
.banner3-image-wrap .h3-move-1 {
top: 13%;
left: 40%;
}
.banner3-image-wrap .h3-move-2 {
bottom: 29%;
right: 27.5%;
}
.banner3-image-wrap .h3-move-3 {
top: 35%;
left: 30.5%;
}
.single--best-icon {
-ms-flex-item-align: start;
align-self: flex-start;
}
.single--best-icon .underline-wrap {
top: 51px;
left: 13px;
}
.overlay-bubble .h4-dot-small {
top: -26%;
left: 25%;
}
.Extra--feature-area.type3 .crypto--calculator-inner ul li:last-child {
top: 46px;
}
.Extra--feature-area.type3 .feature-text p {
color: #999999;
font-weight: 300;
font-size: 12px;
margin-bottom: 0;
padding-bottom: 36px;
}
.process-step-text p:before {
left: -45px;
}
.process--video-wrap .process-video-btn {
top: 41%;
}
.image-wifi .wifi1 {
top: -15%;
left: 35.5%;
}
.image-wifi .wifi4 {
top: -2%;
left: 43%;
}
.feature-card-wrap .single-feature-card {
padding: 40px 20px;
}
.type2.process--video-wrap .process-video-btn {
top: 54%;
}
.overlay-bubble .h4-dot-dot {
top: -49%;
left: 11%;
}
.zigzag-inner.left:before {
right: 3.3%;
}
.zigzag-inner.right:before {
left: -8.7%;
}
.coming-text-inner {
margin-top: 130px;
}
.coming-text-inner h4 {
margin-bottom: 15px;
}
.coming-text-inner h1 {
font-size: 55px;
line-height: 68px;
margin-bottom: 20px;
}
.coming-text-inner p {
margin-bottom: 35px;
}
.coming-social-area {
margin-top: 35px;
}
.error-form button {
font-size: 16px;
width: 30%;
}
.author-details {
margin-left: 15px;
}
.type2 .single--features-wrap:after{
display: none;
}
.main-header6.sticky .signup--out-btn a {
padding: 10px 24px;
}
.type4 .single--service-inner {
margin-bottom: 30px;
}
.overlay-bubble {
width: 80%;
height: 80%;
}
.section-title p {
width: inherit;
}
.social-comment ul.share-enter li {
padding: 0 5px;
}
.social-comment ul.share-enter {
-webkit-transform: translate(143px);
transform: translate(143px);
}
}
/* 2. Large tablets (less than 992px) */
@media (max-width: 991.98px) {
.included-every-wrap ul li{
width: 33%;
}
.single-feature-card {
margin-bottom: 30px;
}
.zigzag-inner.right{
padding-left: 0;
}
.social-comment ul.share-enter li:first-child {
padding-left: 0;
}
.pie-text ul li {
margin-bottom: 24px;
}
.feature--area-wrap .features-icon {
width: 50px;
}
.mb--10 {
margin-bottom: 0;
}
.single-faq:after {
width: 80%;
}
.single-sidebar-widget:last-child ul,
.single-sidebar-widget:last-child ul li:last-child {
margin-bottom: 0;
}
.countdown--inner-area ul li:last-child{
width: 50%;
}
.countdown--inner-area.allocation-token2 ul li:last-child {
width: 25%;
}
.token--available-time ul li p{
margin-bottom: 40px;
}
.section-margin-bottom {
margin-bottom: 60px;
}
.header-menu > ul > li > a:before {
display: none;
}
.builder-page-wrapper {
overflow-x: hidden;
}
.partner-wrap{
display: block;
}
.single-partner-inner {
width: 32%;
display: inline-block;
text-align: center;
margin-bottom: 30px;
}
.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;
}
.home-page1-light .header-menu ul li,
.home-page2-light .header-menu ul li {
border-top: 1px solid #f1f1f1;
}
.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: #fff;
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: calc( 100% + 10px ) !important;
left: 15px !important;
width: calc(100% - 30px) !important;
background: #ffffff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
max-height: 350px;
overflow-y: auto;
}
.header-menu ul li a {
color: #333333;
}
.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;
}
.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;
}
.header-menu ul li a i {
display: none;
}
.header-menu ul ul ul li a {
padding-left: 45px !important;
}
.header-menu #menu-button {
color: #53e1ff;
font-size: 28px;
display: inline-block;
cursor: pointer;
}
.main-header6 .header-menu #menu-button {
color: #fff;
}
.main-header6.sticky .header-menu #menu-button {
color: #00c6c6;
}
.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: #333333;
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: #53e1ff;
}
.header-menu > ul > li:not(.active):hover > a,
.header-menu > ul > li:not(.active) > a:hover {
color: #53e1ff;
}
.header-menu > ul > li > ul{
background: #1c1967;
}
.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: #53e1ff;
}
.sticking .header-menu > ul > li:hover:not(.active) > a {
color: #1b435d;
}
.header-menu ul ul ul:after {
display: none;
}
.main-header6 .header-menu ul li a {
color: #333333;
}
.main-header6 .header-menu > ul > li:hover > a,
.main-header6 .header-menu > ul > li.active > a {
color: #00c6c6;
}
.header-menu > ul > li:hover > a,
.header-menu > ul > li.active > a {
color: #53e1ff;
}
.header-menu > ul > li > a:after,
.header-menu > ul > li.active > a:after,
.header-menu > ul > li:hover > a:after {
display: none;
}
.signup--out-btn {
margin-left: 50px;
}
.header-menu > ul > li:hover > a:before,
.header-menu > ul > li.active > a:before{
display: none;
}
.header-menu ul ul li a {
font-size: 14px;
background: #ffffff;
color: #333333;
}
.header-menu ul ul li a:hover:before{
visibility: visible;
opacity: 1;
color: #53e1ff
}
.home-banner1 .banner--inner-text h1 {
font-size: 38px;
line-height: 1.5;
}
.home-banner1 .bannar-image-inner .move-1 {
top: 43px;
left: 126px;
width: 29%;
}
.overlay-bubble-1 {
height: 53%;
width: 69%;
top: 38px;
left: 48%;
}
.process--video-wrap {
height: 335px;
}
.dot-dot {
left: 3%;
top: 0%;
height: 70%;
}
.home-banner1 .bannar-image-inner .move-2 {
top: 178px;
left: 208px;
-webkit-animation-delay: .2s;
animation-delay: .2s;
}
.banner.home-banner1 {
padding: 130px 0 113px;
}
.timeline-icon {
margin-right: 23px;
}
.crypto--calculator-inner ul {
display: inline-block;
border-bottom: 1px solid rgba(255,255,255,.3);
padding: 13px;
margin-bottom: 41px;
width: 40%;
position: relative;
}
.crypto--calculator-inner ul li {
display: inline-block;
width: 100%;
}
.crypto--calculator-inner ul li:last-child {
position: absolute;
right: -6px;
top: 14px;
width: 138px;
}
.crypto--calculator-inner ul:nth-child(2) {
margin-left: 15px;
margin-right: 3px;
width: 6%;
margin-bottom: 8px;
}
.countdown--inner-area ul li strong {
font-size: 40px;
}
.countdown--inner-area ul li {
display: inline-block;
padding: 10px 10px 10px;
width: 50%;
}
.countdown--inner-area {
padding: 55px 0 18px;
}
.notify-form {
margin-top: 37px;
}
.notify-form button {
width: 50%;
}
.single-faq {
margin: 0 0px 20px 0;
}
.home-banner2 .banner--inner-text h1 {
font-size: 38px;
line-height: 1.5;
}
.Extra--feature-area .feature--area-wrap {
margin-top: 90px;
}
.banner.home-banner2 {
padding-top: 150px;
padding-bottom: 130px;
}
.home-banner2 .dot-dot {
display: none;
}
.home-banner2 .h2-move-3 {
left: 40%;
top: 26%;
width: 10%;
}
.home-banner2 .h2-move-1 {
left: 42%;
top: 24%;
width: 22%;
}
.home-banner2 .h2-move-2 {
left: 51%;
top: 73%;
width: 14%;
}
.border-bottom1:after {
bottom: -10px;
}
.mt-60 {
margin-top: 30px;
}
.single-solution-wrap {
padding: 30px 20px 23px 20px;
}
.allocation-token2 {
padding: 20px 0 20px;
}
.allocation-token2 ul li {
display: inline-block;
padding: 10px 10px 10px;
width: 25%;
text-align: center;
}
.crypdrone-token-image {
margin-top: 60px;
text-align: center;
}
.crypdrone-token-image .shap-4 {
top: 31%;
left: 20%;
width: 11%;
}
.crypdrone-token-image .shap-3 {
width: 18%;
top: -1%;
left: 41%;
}
.crypdrone-token-image .shap-2 {
top: 7%;
right: 16%;
width: 29%;
}
.crypdrone-token-image .shap-1 {
top: 15%;
left: 25%;
width: 5%;
}
.road--map-wrap.type2 {
display: block;
}
.road-map-content p {
margin-bottom: 7px;
}
.single-post-wrap .post-content {
padding: 26px 15px 16px;
}
.single-post-wrap .post-info a + a {
margin-left: 7px;
}
.home-banner3 .banner--inner-text h1 {
font-size: 36px;
line-height: 1.3;
}
.banner3-image-wrap:before {
left: 55%;
top: 49%;
}
.banner3-image-wrap:before {
height: 250px;
width: 250px;
}
.home-banner3 .h3-dot-dot {
top: -12%;
left: -1%;
}
.home-banner3 .h3-dot-small {
left: -1%;
top: -12%;
}
.banner3-image-wrap .h3-move-1 {
top: 13%;
left: 43%;
width: 19%;
}
.banner3-image-wrap .h3-move-3 {
top: 32%;
left: 30.5%;
width: 4%;
}
.banner3-image-wrap .h3-move-2 {
bottom: 34%;
right: 27.5%;
}
.single--features-wrap:after {
width: 0;
}
.Extra--feature-area.type2 {
margin-top: 100px;
}
.Extra--feature-area.type2 .feature--area-wrap {
padding: 30px 49px 0px;
background: #3c62e3;
border-radius: 5px;
}
.about--vpn-wrap {
margin-top: 0;
}
.how--works-wrap .shield {
position: absolute;
top: 33%;
left: 36%;
}
.how--works-wrap .hacker.hacker3 {
position: absolute;
top: 51%;
right: 21%;
}
.how--works-wrap .hacker.hacker2 {
position: absolute;
right: 22%;
top: 87%;
}
.single--pricing-plan {
padding: 30px 20px;
}
.overlay-bubble .h4-dot-small {
top: -27%;
left: 16%;
}
.overlay-bubble .h4-dot-dot {
top: -46%;
left: -2%;
}
.Extra--feature-area.type3 .crypto--calculator-inner ul li:last-child {
top: 13px;
}
.pb-140 {
padding-bottom: 100px;
}
.pt-140 {
padding-top: 100px;
}
.image-moke-up {
margin-top: 70px;
}
.main-header4 .header-menu > ul > li:not(.active):hover > a,
.main-header4 .header-menu > ul > li:not(.active) > a:hover{
color: #ffb565;
}
.main-header4 .header-menu > ul {
background: #fff;
}
.main-header4 .header-menu #menu-button.menu-opened:before,
.main-header4 .header-menu .submenu-button.submenu-opened:before {
border-top-color: #ffb565;
}
.main-header4 .header-menu #menu-button {
color: #ffb565;
}
.header-menu > ul > li > ul {
background: #ffb565;
}
.home-banner4 {
padding-top: 200px;
padding-bottom: 87px;
}
.home-banner4 .banner--inner-text h1 {
line-height: 1.3;
}
.process--video-wrap .process-video-btn {
top: 50%;
}
.main-header6 .header-menu > ul {
background: #fff;
top: 54px !important;
}
.main-header6 .header-menu > ul > li:not(.active):hover > a,
.main-header6 .header-menu > ul > li:not(.active) > a:hover {
color: #00c6c6;
}
.main-header6 .header-menu > ul > li > ul {
background: transparent;
}
.main-header6 .header-menu .submenu-button:before {
border-top-color: #00c6c6;
}
.header-menu > ul > li > ul .has-sub-item:after {
display: none;
}
.domain-search-field button[type=submit] {
width: 25%;
}
.solution-image-inner {
width: 100%;
margin: 0 auto;
margin-bottom: 100px !important;
}
.zigzag-inner.type2:before {
left: 45%;
}
.banner6-image-wrap {
margin-top: 70px;
}
.home-banner6 .overlay-bubble {
bottom: -61%;
left: -11%;
}
.home-banner6 {
padding-top: 100px;
}
.main-header5 .header-menu #menu-button {
color: #fff;
}
.main-header5.sticky .header-menu #menu-button {
color: #e48f0b;
}
.main-header5 .header-menu > ul {
background: #fff;
}
.main-header5 .header-menu > ul > li:not(.active):hover > a,
.main-header5 .header-menu > ul > li:not(.active) > a:hover {
color: #e48f0b;
}
.main-header5 .header-menu > ul > li > ul {
background: transparent;
}
.main-header5 .header-menu .submenu-button:before {
border-top-color: #333333;
}
.main-header5 .header-menu .submenu-button.submenu-opened:before {
border-top-color: #e48f0b;
}
.main-header5 .header-menu ul ul li a {
background: #fff;
}
.main-header5 .header-menu ul ul li:hover > a,
.main-header5 .header-menu ul ul li > a:hover,
.main-header5 .header-menu ul ul li.active > a {
color: #e48f0b;
}
.main-header5 .header-menu > ul > li:hover > a,
.main-header5 .header-menu > ul > li.active > a {
color: #e48f0b;
}
.main-header5 .header-menu ul ul ul li {
background: transparent;
}
.home-banner5 .banner--inner-text h1 {
font-size: 40px;
line-height: 52px;
}
.image-wifi .wifi1 {
top: -19%;
left: 32.5%;
}
.home-banner5 {
padding-top: 200px;
padding-bottom: 100px;
}
.feature-card-wrap {
margin-top: 100px;
}
.type2.process--video-wrap .process-video-btn {
top: 53%;
}
.main-header4 .header-menu ul ul ul li {
background: #ffb565;
}
.main-header3 .header-menu > ul {
top: 59px !important;
}
.main-header3 .header-menu ul ul li a {
background: #fff;
}
.main-header3 .header-menu > ul {
background: #fff;
}
.main-header3 .header-menu ul li {
border-top: 1px solid #dddde1;
}
.zigzag-inner.left:before {
right: 6.3%;
}
.zigzag-inner.right:before {
left: -200%;
height: 100%;
}
.zigzag-inner.left:before {
right: -200%;
height: 100%;
}
.access-device svg {
margin: 0px 4px;
}
.coming-text-inner {
margin-top: 100px;
}
.common-header .header-menu > ul {
background: #fff;
}
.common-header .header-menu .submenu-button:before {
border-top-color: #53e1ff;
}
.common-header .header-menu ul li {
width: 100%;
border-top: 1px solid;
}
.social-comment ul:first-child {
margin-bottom: 20px;
}
.social-comment ul:last-child {
-webkit-transform: translate(0px);
transform: translate(0px);
}
.blog-wrap {
margin-bottom: 70px;
}
.type2 .single--features-wrap:after{
display: none;
}
.main-header4 .header-menu ul ul li a {
background: #fff;
}
.crypto--progress-inner .progress:after {
left: 57%;
}
.image-moke-up {
height: 547px;
width: 78%;
margin: 0 auto;
}
.pie-text ul li {
flex-basis: 50%;
}
.pie-text ul li:last-child{
margin-bottom: 0;
}
.pb-80 {
padding-bottom: 40px;
}
.pb-110 {
padding-bottom: 70px;
}
.trading--update-text {
margin-bottom: 60px;
}
.mobile-image img {
max-width: 100%;
margin-top: -80px;
margin-left: -39px;
display: none;
}
.team-carousel .owl-dots {
display: none;
}
.suuccessful--line {
margin-top: 20px;
}
.Extra--feature-area {
padding-top: 100px;
}
.Extra--feature-area.type2 {
padding-top: 0;
}
.token--available-time ul:last-child {
margin-bottom: 0;
}
.road--map-wrap.type2 {
margin-bottom: 20px;
}
.pb-100 {
padding-bottom: 70px;
}
.pb-90 {
padding-bottom: 50px;
}
.pt-130 {
padding-top: 100px;
}
.pb-120{
padding-bottom: 80px;
}
.pb-60 {
padding-bottom: 30px;
}
.pb-130{
padding-bottom: 100px;
}
.process-step-inner ul li:last-child .process-step-text p {
padding-bottom: 0px;
margin-bottom: -1px;
}
.process-step-inner ul li:last-child {
padding-bottom: 70px;
}
.single-sidebar-widget:last-child{
margin-bottom: 0px;
}
.catagories-widget ul{
margin-bottom: 0;
}
.type3 .single--service-inner:last-child {
margin-bottom: 25px;
}
.overlay-bubble {
display: none;
}
.market-nav-inner .update-nav a {
margin: 0 16px 0 0px;
}
.market-update-list ul li {
width: 48%;
}
.market-update-inner {
padding: 40px 20px 0;
}
.header-menu ul li {
border-top: 1px solid #dddde1;
}
.header-menu > ul > li.has-sub-item:before {
display: none;
}
.logged-in.admin-bar .main-header {
top: 46px;
}
.header-menu ul ul .submenu-button {
height: 40px;
}
.header-menu ul ul li a{
line-height: 1.20;
}
.Extra--feature-area.type3 {
padding-top: 0;
margin-top: 100px;
}
.blog-pagination-wrap .blog-pagination {
margin-top: 0px;
margin-bottom: 73px;
}
.countdown-text h2 {
font-size: 32px;
}
.margin--60 {
margin-bottom: -60px;
}
.mb--30{
margin-bottom: -30px;
}
.pie--chart-inner {
margin-top: 36px;
}
.pie--chart-inner.type2 {
margin-top: -42px;
margin-bottom: -60px;
}
.md-mb-20{
margin-bottom: 20px !important;
}
}
@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) {
.comment-respond .your-comment-btn{
margin-top: 10px;
}
.call-to-action.type3 br {
display: none;
}
.banner-home6 .main-image{
text-align: center;
}
.banner-home6 .main-image img{
height: 450px;
}
.Extra--feature-area.type3 {
margin-top: 70px;
}
.process--video-wrap.type--2 {
margin-top: 70px;
}
.home-banner3 .banner--inner-text h1{
margin-bottom: 30px;
}
.home-banner3 .banner--inner-text p{
margin-bottom: 30px;
}
.home-banner3 .banner--inner-text {
margin-top: 70px;
}
.road-map-content p {
margin-bottom: 3px;
}
.facilities-image{
text-align: center !important;
}
.sm-mb-20{
margin-bottom: 20px !important;
}
.pie--chart-inner.type2 {
margin-top: -91px;
margin-bottom: -128px;
}
.margin--60 {
margin-bottom: -80px;
}
.pie--chart-inner {
margin-top: 0px;
}
.crypto--calculator-inner ul:nth-child(2) {
margin-left: 0px;
margin-right: 0px;
}
.single-payment-solution{
margin-bottom: 30px;
}
.Extra--feature-area .feature--area-wrap {
margin-top: 60px;
}
.section-margin-bottom {
margin-bottom: 30px;
}
.logged-in.admin-bar .main-header {
top: 46px;
}
.single-partner-inner {
width: 49%;
}
.market-update-inner {
padding: 40px 40px 0;
}
.market-update-list ul li {
width: 32%;
}
.pb-120{
padding-bottom: 50px;
}
.pt-80 {
padding-top: 70px;
}
.type3 .single--service-inner:last-child {
margin-bottom: 0px;
}
.your-comment-wrap .theme-input-style {
margin-bottom: 30px;
position: relative;
}
.your-comment-wrap .parsley-errors-list{
top: 0;
}
/* .blog-pagination-wrap.main-blog .blog-pagination{
margin-bottom: 0;
} */
.pb-110 {
padding-bottom: 40px;
}
.pt-110 {
padding-top: 60px;
}
.pt-140{
padding-top: 70px
}
.pb-140{
padding-bottom: 70px
}
.process--video-wrap {
height: 517px;
}
.image-moke-up {
height: 519px;
width: 100%;
}
.home-banner1 .banner--inner-text {
margin-top: 0;
margin-bottom: 50px;
}
.crypto--progress-inner .progress:after {
left: 58%;
}
.dot-dot {
left: 6%;
top: -2%;
height: 94%;
}
.overlay-bubble-1 {
height: 73%;
width: 69%;
top: 10%;
left: 48%;
}
.home-banner1 .bannar-image-inner .move-1 {
top: 7%;
left: 37%;
width: 31%;
}
.home-banner1 .bannar-image-inner .move-2 {
top: 62%;
left: 66%;
-webkit-animation-delay: .2s;
animation-delay: .2s;
}
.step-timeline-item {
position: relative;
margin-bottom: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
-ms-flex-item-align: start;
align-self: flex-start;
}
.step-timeline-item .timeline-element {
position: relative;
left: auto;
right: 0;
top: 0%;
-webkit-transform: translateY(0%);
transform: translateY(0%);
width: auto;
text-align: left;
margin-bottom: 30px;
}
.step-timeline-item .timeline-icon {
margin-right: 20px;
}
.step-timeline-item .step-timeline-item:nth-child(even) .timeline-content .timeline-icon {
margin-right: 0px;
margin-left: 20px;
}
.step-timeline-item:nth-child(even) .timeline-element {
right: 0;
text-align: right;
}
.section-title {
margin-bottom: 40px;
}
.single--service-inner {
padding: 0 40px 0 0;
margin-bottom: 32px;
}
.app--full-width {
position: relative;
}
.crypto--calculator-inner ul {
width: 100%;
}
.crypto--calculator-inner ul li:last-child {
width: 26%;
}
.token-allocation {
margin-top: 49px;
}
.notify-form {
margin-top: 36px;
}
.notify-form button {
width: 36%;
}
.countdown--inner-area {
padding: 60px 0 16px;
}
.single-faq {
margin: 0 0px 20px 0;
}
.banner2-image-wrap {
margin-top: 80px;
}
.home-banner2 .dot-small {
width: 79%;
height: 81%;
left: 12%;
position: absolute;
top: 7%;
}
.home-banner2 .dot-dot {
left: 4%;
top: 0;
height: 96%;
width: 93%;
}
.bannar-image-inner {
text-align: center;
}
.home-banner2 .h2-move-2 {
left: 51%;
}
.section-title p {
width: 400px;
}
.allocation-token2 {
padding: 20px 0 20px;
}
.allocation-token2 ul li {
display: inline-block;
padding: 10px 10px 10px;
width: 25%;
text-align: center;
}
.token--available-time ul {
margin-bottom: 0;
padding-left: 10px;
}
.token--available-time ul li {
width: 48%;
margin-bottom: 20px;
}
.token--available-time ul li p {
margin-bottom: 0;
}
.crypdrone-token-image .shap-4 {
top: 35%;
left: 15%;
width: 11%;
}
.crypdrone-token-image .shap-3 {
width: 18%;
top: 2%;
left: 40%;
}
.crypdrone-token-image .shap-2 {
top: 7%;
right: 13%;
width: 28%;
}
.crypdrone-token-image .shap-1 {
top: 16%;
left: 19%;
width: 6%;
}
.single-post-wrap .post-content {
padding: 36px 40px 26px;
}
.single-post-wrap .post-info a + a {
margin-left: 30px;
}
.home-banner3 {
padding-top: 90px;
padding-bottom: 90px;
}
.banner3-image-wrap {
margin-top: 70px;
}
.home-banner3 .h3-dot-dot {
top: -10%;
left: 11%;
width: 78%;
}
.home-banner3 .h3-dot-small {
left: 21%;
top: -2%;
width: 60%;
}
.banner3-image-wrap .h3-move-1 {
top: 25%;
left: 43%;
width: 22%;
}
.banner3-image-wrap .h3-move-2 {
bottom: 24%;
right: 27.5%;
}
.banner3-image-wrap .h3-move-3 {
top: 43%;
left: 30.5%;
width: 4%;
}
.about-image {
text-align: center;
}
.about--vpn-wrap {
margin-top: 60px;
}
.how--works-wrap .shield {
top: 42%;
left: 41%;
width: 20%;
}
.how--works-wrap .fig-caption {
padding: 10px 0 0 5px;
}
.single--pricing-plan {
padding: 50px;
}
.included-every-wrap ul {
margin-bottom: 0;
}
.included-every-wrap ul li {
width: 49%;
}
.overlay-bubble .h4-dot-small {
top: -5%;
left: 10%;
width: 81%;
}
.overlay-bubble .h4-dot-dot {
top: -14%;
left: 0%;
width: 100%;
}
.home-banner4 .banner--inner-text h1 {
color: #fff;
font-weight: 700;
font-size: 48px;
margin-bottom: 40px;
}
.Extra--feature-area.type3 .crypto--calculator-inner ul:nth-child(2) {
border: none;
display: none;
}
.row .col-md-3:last-child .single-feature-inner {
margin-bottom: 0;
}
.process--video-wrap .process-video-btn {
top: 50%;
}
.process--video-wrap {
margin-bottom: 70px;
}
.call-action-inner {
padding-bottom: 50px;
}
.call-action-btn {
text-align: left !IMPORTANT;
}
div#Faq-1 .single-faq:last-child {
margin-bottom: 50px;
}
.home-page4 .section-title {
margin-bottom: 50px;
}
.domain-search-field button[type=submit] {
width: 35%;
}
.single-domain-step:after,
.single-domain-step:before {
display: none;
}
.single-domain-step {
padding: 30px 30px 0;
margin-bottom: 0px;
}
.pb-100 {
padding-bottom: 50px;
}
.pt-130 {
padding-top: 70px;
}
.pb-90 {
padding-bottom: 40px;
}
.pt-90 {
padding-top: 40px;
}
.pb-130 {
padding-bottom: 70px;
}
.home-page6 .section-title{
margin-bottom: 50px;
}
.section-title.type2 {
margin-bottom: 50px;
}
.solution-wrap.type3 .single-solution {
margin-bottom: 33px;
}
.zigzag-inner.type2:before {
left: 0;
-webkit-transform: skew(0deg);
transform: skew(0deg);
}
.banner5-image-wrap {
margin-top: 120px;
text-align: center;
}
.banner5-image-wrap .image-wifi .wifi1 {
top: -15%;
left: 36%;
}
.overlay-bubble .h5-dot-dot {
top: -19%;
left: 3%;
}
.home-page5 .section-title {
margin-bottom: 50px;
}
.trusted-img {
margin-bottom: 70px !important;
}
.prepaid-text-wrap {
margin-bottom: 70px;
}
.zigzag-inner.left:before {
right: -43%;
height: 100%;
}
.zigzag-inner.right:before {
left: -43.7%;
}
.access-device svg {
margin: 0px 8px;
}
.zigzag-inner.right,
.zigzag-inner.left {
padding-top: 50px;
padding-bottom: 50px;
}
.google-map #google-map {
height: 350px;
width: 100%;
}
.visite-us-video {
margin-bottom: 70px;
}
.contact-form {
margin-bottom: 70px;
}
.your-next-wrap {
margin-bottom: 70px;
}
.whatwe-get-img img {
margin-bottom: 70px;
}
.whatwe-get-btn {
margin-top: 20px;
margin-left: 15px;
}
.about-our-company {
margin-bottom: 70px;
}
.company-goal-img img {
margin-bottom: 70px;
}
.call-to-action.type3 .call-action-inner {
padding-bottom: 0;
}
.blog-pagination-wrap {
margin-bottom: 0px;
}
.post-author-info {
border-width: 0;
margin-bottom: 30px;
}
.trading--update-text {
margin-bottom: 30px;
}
.Extra--feature-area.type2 {
margin-top: 70px;
}
.single--our-best:last-child {
margin-bottom: 20px;
}
.single-feature-inner {
margin-bottom: 40px;
}
.feature-card-wrap {
margin-top: 70px;
}
.pt-100 {
padding-top: 40px;
}
.pb-100 {
padding-bottom: 40px;
}
.process-step-inner ul li:last-child {
padding-bottom: 70px;
}
.type2.process--video-wrap {
margin-bottom: 0px;
}
.service-wrap.type4 .col-lg-4.col-md-6:last-child .single--service-inner{
margin-bottom: 0;
}
.service-wrap.type4 .single-service-text p{
margin-bottom: 0;
}
.single-sidebar-widget:last-child{
margin-bottom: 0px;
}
.overlay-bubble {
display: none;
}
}
/* 4. Small devices (less than 600px) */
@media (max-width: 600px) {
.logged-in.admin-bar .main-header.sticky {
top: 0;
}
}
/* 5. Small devices (less than 576px) */
@media (max-width: 575.98px) {
.banner-home6 .main-image img{
height: 400px;
}
.sm-pb-0 .process-step-inner ul li:last-child{
padding-bottom: 0;
}
.pie--chart-inner.type2 {
margin-top: -85px;
margin-bottom: -74px;
}
.margin--60 {
margin-bottom: -76px;
}
.app-info-btn a{
margin-top: 20px;
}
.pie-text ul li {
margin-bottom: 0px;
}
.signup--out-btn a i{
margin-right: 0px;
}
.process--video-wrap {
display: none;
}
.image-moke-up {
display: none;
}
.signup--out-btn {
margin-left: 30px;
line-height: 1;
}
.crypto--calculator-inner ul li:last-child {
right: 5px;
top: 14px;
width: 50%;
text-align: right;
}
.crypto--calculator-inner a + a {
margin-left: 8px;
}
.countdown-text h2 {
font-size: 30px;
}
.countdown--inner-area ul li strong {
font-size: 40px;
}
.countdown--inner-area ul li {
display: inline-block;
padding: 10px 10px 10px;
width: 50%;
}
.crypto--calculator-inner ul li:last-child {
width: 26%;
}
.countdown--inner-area {
padding: 55px 0 20px;
}
.notify-form button {
width: 50%;
}
.footer-widget {
margin-top: 20px;
}
.footer-widget:first-child {
margin-top: 0;
}
.home-banner2 .banner--inner-text h1 {
font-size: 38px;
line-height: 1.5;
}
.banner.home-banner2 {
padding-top: 130px;
}
.home-banner2 .dot-small {
width: 79%;
height: 81%;
left: 12%;
position: absolute;
top: 7%;
}
.home-banner2 .dot-dot {
left: 4%;
top: 0;
height: 96%;
width: 93%;
}
.home-banner2 .h2-move-3 {
left: 40%;
top: 26%;
}
.home-banner2 .h2-move-1 {
left: 43%;
top: 24%;
width: 22%;
}
.home-banner2 .h2-move-2 {
left: 50%;
top: 69%;
width: 14%;
}
.banner2-image-wrap {
margin-top: 60px;
}
.section-title p {
width: 400px;
}
.allocation-token2 {
padding: 20px 0 20px;
}
.allocation-token2 ul li {
display: inline-block;
padding: 10px 10px 10px;
width: 25%;
text-align: center;
}
.crypdrone-token-image .shap-4 {
top: 35%;
left: 15%;
width: 11%;
}
.crypdrone-token-image .shap-3 {
width: 18%;
top: 2%;
left: 40%;
}
.crypdrone-token-image .shap-2 {
top: 7%;
right: 13%;
width: 28%;
}
.crypdrone-token-image .shap-1 {
top: 16%;
left: 19%;
width: 6%;
}
.included-every-wrap ul li span {
margin-right: 10px;
}
.single-feature-inner {
margin-bottom: 30px;
}
.overlay-bubble .h5-dot-dot {
top: -22%;
left: 1%;
}
.banner5-image-wrap .image-wifi .wifi1 {
top: -15%;
left: 36.3%;
}
.page-title-wrap {
padding-top: 150px;
padding-bottom: 96px;
}
.pie-text ul {
margin-bottom: 0;
margin-top: 0;
}
.pie-text ul li {
padding: 10px 0;
}
.pie-text ul li:last-child{
padding-bottom: 24px;
}
.header-menu > ul {
top: 45px !important;
}
.main-header6 .signup--out-btn a i{
margin-right: 0;
}
.main-header6 .signup--out-btn a span{
display: none;
}
.type2.section-title .underline-wrap {
top: 110%;
}
}
/* 6. Extra Small devices (less than 480px) */
@media (max-width: 479.98px) {
.pie--chart-inner.type2 {
margin-top: -38px;
margin-bottom: -27px;
}
.margin--60 {
margin-bottom: -38px;
}
.countdown--inner-area.allocation-token2 ul li:last-child {
width: 50%;
padding-left: 5px;
}
.single-faq:after{
width: 75%;
}
.image-moke-up {
display: none;
}
.signup--out-btn a {
padding: 12px 17px;
}
.signup--out-btn span{
display: none !important;
}
.signup--out-btn i{
display: block !important;
}
.overlay-bubble-1 {
height: 73%;
width: 67%;
top: 10%;
left: 46%;
}
.home-banner1 .bannar-image-inner .move-2 {
top: 61%;
left: 65%;
-webkit-animation-delay: .2s;
animation-delay: .2s;
width: 11%;
}
.home-banner1 .banner--inner-text h1 {
font-size: 34px;
line-height: 1.3;
}
.timeline-content {
border-radius: 5px;
}
.step-timeline-item .timeline-icon {
display: none;
}
.step-timeline-item:nth-child(even) .timeline-content {
border-radius: 5px;
}
.step-timeline-item:nth-child(even) .timeline-element {
right: 0;
text-align: right;
}
.single--service-inner {
padding: 0;
}
.update-heading h2 {
font-size: 24px;
}
.section-title h2 {
font-size: 28px;
}
.section-title {
margin-bottom: 40px;
}
.crypto--calculator-inner ul {
width: 100%;
}
.app-info-btn a {
padding: 13px 29px;
}
.crypto--calculator-inner ul li select {
width: 100%;
}
.crypto--calculator-inner ul li:last-child {
width: 136px;
}
.calculator-text a + a {
margin-left: 9px;
}
.crypto--progress-inner span + span {
left: 44%;
}
.crypto--progress-inner p {
left: 33px;
}
.crypto--progress-inner >span {
right: 31px;
}
.crypto--progress-inner:before {
left: 56%;
}
.tarms-condition li {
font-size: 12px;
}
.home-banner2 .banner--inner-text h1 {
font-size: 31px;
line-height: 1.3;
}
.banner.home-banner2 {
padding-top: 130px;
padding-bottom: 130px;
}
.home-banner2 .banner--inner-text a + a {
margin-top: 0px;
margin-left: 8px;
}
.home-banner2 .dot-small {
width: 79%;
height: 67%;
left: 7%;
position: absolute;
top: 7%;
}
.home-banner2 .dot-dot {
left: 0%;
top: 0;
height: 80%;
width: 93%;
}
.home-banner2 .h2-move-3 {
left: 40%;
top: 26%;
width: 10%;
}
.home-banner2 .h2-move-1 {
left: 42%;
top: 24%;
width: 22%;
}
.home-banner2 .h2-move-2 {
left: 51%;
top: 73%;
width: 14%;
}
.banner2-image-wrap {
margin-top: 60px;
}
.Extra--feature-area .feature--area-wrap {
padding: 30px 10px 0px;
}
.border-bottom1:after {
bottom: -10px;
}
.section-title p {
width: 275px;
}
.home-page4 .section-title p {
width: inherit;
}
.allocation-token2 ul li {
text-align: center;
border-width: 0;
}
.allocation-token2 {
padding: 20px 0 20px;
}
.allocation-token2 ul li {
display: inline-block;
padding: 10px 10px 10px;
width: 50%;
text-align: center;
}
.section-title-type2 h2 {
font-size: 28px;
}
.crypdrone-token-image .shap-4 {
top: 35%;
left: 15%;
width: 11%;
}
.crypdrone-token-image .shap-3 {
width: 18%;
top: 2%;
left: 40%;
}
.crypdrone-token-image .shap-2 {
top: 7%;
right: 13%;
width: 28%;
}
.crypdrone-token-image .shap-1 {
top: 16%;
left: 19%;
width: 6%;
}
.single-post-wrap .post-info a + a {
margin-left: 20px;
}
.Extra--feature-area.type2 .feature--area-wrap {
padding: 30px 15px 0px;
}
.how--works-wrap .shield {
top: 52%;
left: 44%;
width: 16%;
}
.main-header3 .signup--out-btn a i {
margin-right: 0;
}
.overlay-bubble .h4-dot-dot {
top: -14%;
left: -3%;
width: 100%;
}
.overlay-bubble .h4-dot-small {
top: -6%;
left: 7%;
width: 81%;
}
.home-banner4 .banner--inner-text h1 {
font-size: 30px;
margin-bottom: 30px;
}
.home-page4 .section-title h2 {
font-size: 26px;
}
.about-us-inner.type2 .section-title .underline-wrap {
position: absolute;
top: 118px;
left: 0;
}
.banner6-image-wrap .main-image img {height: 300px;}
.main-image {
text-align: center;
}
.home-banner6 .banner--inner-text h1 {
font-size: 40px;
line-height: 52px;
}
.domain-search-field button span {
display: none;
}
.domain-search-field button[type=submit] {
font-size: 13px;
}
.domain-search-field.primary-form input:not([type=submit]) {
padding: 0 0 0 20px;
}
.underline-wrap {
top: 110%;
}
.zigzag-wrap > a {
margin-bottom: 17px;
}
.banner5-image-wrap .image-wifi .wifi1 {
top: -13%;
left: 39%;
width: 13%;
height: 11%;
}
.image-wifi .wifi4 {
top: -2%;
left: 43%;
width: 5%;
height: 8%;
}
h2, .h2 {
font-size: 28px;
}
.home-page5 .section-title .underline-wrap {
position: absolute;
top: 110%;
left: 49%;
}
.home-banner5 .banner--inner-text a {
margin-bottom: 20px;
}
.access-device {
margin-top: 25px;
}
.error-text-inner h1 {
font-size: 47px;
}
.error-form button {
font-size: 15px;
width: 37%;
}
.error-text-inner h4 {
letter-spacing: 29px;
}
.coming-text-inner h4 {
letter-spacing: 13px;
}
.coming-text-inner h1 {
font-size: 41px;
line-height: 52px;
}
.coming-social-area ul li {
margin-right: 28px;
}
.type5 .single-faq {
margin: 0 0px 45px 0;
}
.post-navigation ul .next-post {
flex-basis: 100%;
}
.post-navigation ul .prev-post {
margin-bottom: 30px;
flex-basis: 100%;
}
.social-comment ul:last-child li {
margin-right: 7px;
font-size: 15px;
}
.social-comment ul:last-child li:first-child {
margin-right: 30px;
}
.header-menu > ul {
top: 49px !important;
}
.main-header3 .header-menu > ul {
top: 52px !important;
}
.crypto--progress-inner .progress:after {
left: 57%;
}
.process--video-wrap {
height: 100%;
}
.pie-text ul {
display: block;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 0;
margin-top: 0;
}
.pie-text ul li {
padding: 10px 0;
}
#token--pie-chart{
height: 400px !important;
}
.home-banner4 .main-image img {
height: 65%;
width: 65%;
}
.footer-bottom-wrap {
display: block;
text-align: center;
}
.main-header6 .signup--out-btn a i{
margin-right: 0px;
}
.pb-80 {
padding-bottom: 30px;
}
.pb-110 {
padding-bottom: 40px;
}
.trading--update-text {
margin-bottom: 30px;
}
.single-partner-inner {
width: 100%;
}
}
/* 7. Extra Small devices (less than 380px) */
@media (max-width: 379.98px) {
.included-every-wrap ul li {
width: 100%;
}
.pie--chart-inner.type2 {
margin-top: -63px;
margin-bottom: -47px;
}
.margin--60 {
margin-bottom: -80px;
}
.type2.section-title .underline-wrap {
top: 110%;
}
.how--works-wrap .shield {
top: 60%;
left: 44%;
width: 16%;
}
.call-action-btn a + a {
margin-left: 0;
margin-top: 20px;
}
.pb-80{
padding-bottom: 40px;
}
.single-service-text p {
margin-bottom: 0;
}
.single--service-inner {
margin-bottom: 30px;
}
.market-update-inner {
padding: 40px 20px 0;
}
.call-action-btn a{
margin-right: 30px;
}
}
@media only screen and (min-width: 783px) and (max-width: 991px) {
.logged-in.admin-bar .main-header {
top: 32px;
}
}