@media only screen and (min-width: 1200px) and (max-width:1365px) { .cta2 .various { padding: 13px 10px } .item.wow.fadeInDown { width: 370px } } @media (max-width: 767px) { header { /* zoom: 0.8; */ } section.banner { /* zoom: 0.9; */ } .head .logodiv { margin-right: auto; margin-left: auto; margin-top: 10px; /* height: 100px; */ } .head .logodiv img{ height: 60px; object-fit: scale-down; } section.banner .banner-left h2 { font-size: 18px; } p { font-size: 15px; } .our-pricing-plans h3 { font-size: 26px; } .our-pricing-plans p { font-size: 15px; } .our-combopack h5 { font-size: 20px; } .sticky-slider a { display: block !important; font-size: 15px; padding: 10px 0; } .our-combopack p { font-size: 15px; } .myport { padding: 30px 0 10px; } .works__info.mbpx-0.myport p { font-size: 15px; line-height: 1.4; } p.font20 { font-size: 15px; } footer .chexck p { font-size: 15px; } .contact-info a { font-size: 15px; } section.thanku-sec h1 { font-size: 38px; line-height: 1.2; } section.thanku-sec p { font-size: 15px; } .form-head h2 { font-size: 25px; } .contact-info > .new_numb_add { flex-direction: column; margin: 10px 0px; } .contact-info > .new_numb_add > span { display: none; } p.portfolioparagraph br { display: none; } .hidedesktp { display: block; } img.visa-img.des-lo { display: none; } img.f-logo.mbl-f-logo { display: block; } .top-right ul { flex-direction: row; align-items: center; justify-content: center !important; } .our-combopack { background-color: #0071bb; background-image: none; z-index: 1; position: relative; } .our-combopack>img.for_mobile_img { display: block; position: absolute; z-index: -1; height: 100%; width: 100%; top: 0; left: 0; } .slick-next:before, .slick-prev:before { font-family: fontAwesome; font-size: 25px } .bst-slr { display: flex; align-items: center; justify-content: center; color: #fff } .our-pricing-plans .package .head .right h5 { font-size: 15px } .height-dog { height: 430px } .home .works-wrap .mypackages { margin-top: 0 } .banner-left li, .banner-left ul, .home .works-wrap, header ul li a.chat_icon.chat, section.bundle-offer ul { padding: 0 } .banner-left ul{ margin: 10px auto 30px; display: table; text-align: left; } .banner-left li{ text-align: left; padding-left: 40px; } .logo-left .imgwrp img { width: 48px !important } .header-home .menu ul li, .header-home .menu ul li.megamenu:hover .submenuwrap { width: 320px } .menu .submenuwrap .menu-container { width: 300px } .header-home .menu .menu-container ul, .package.video { margin-top: 20px } .myhome .content, section.strugglesec { padding-top: 0 } .dtf .intl-tel-input, .top-home .content h1.title { margin-bottom: 20px } .topformcontainer { top: 60px; width: 345px } .myport h2 { line-height: 34px !important; margin-top: 30px; font-size: 26px !important; } .mypackages .mytext { line-height: 22px } .top-home .content span i { margin: 60px auto 20px } .subscribe-fold { padding: 10px } .subs-pac .actions { margin: 10px 0 0 } .subscribe-fold .table-packages .body ul li h6, img.lazy.f-logo.mbl-f-logo { display: block } .banner-left p, .bundle-offer h4, .content, .f-logo, .logodiv, .our-combopack, .paright, .send-wrap, .strugglesec h2, .testimonial .item .itext .star, .testimonial .item .itext p, .top-right ul, section.banner, section.bundle-offer .bundle-top h2, section.bundle-offer h2 span, section.bundle-offer ul, section.strugglesec .mtpx-30 { text-align: center } .bundle-img, .scroll-dinn, .spon-images, .top-left a, .top-left h4, img.lazy.visa-img.des-lo { display: none } .our-pricing-plans p, header ul li a.toll_icon { padding: 0; margin: 0 } .owl-pricing .owl-nav .owl-next { position: absolute; right: 32%; top: 100% } .owl-pricing .owl-nav .owl-prev { position: absolute; left: 32%; top: 100% } .cta2 .wrap a, .our-combopack .btn-pack .custom-btn { margin: 0 0 10px } .our-combopack h2 { font-size: 30px; line-height: 48px; } .popupform ul li input[type=submit], .top-left h4 { font-size: 12px } .our-combopack { padding: 30px 0 } .gray-scr h3>span { padding: 0 !important } .spon-images img, .step2.step2.step2-new, .testimonial .item .itext { width: 100% } .step-form-area ul, section.bundle-offer .combo-btn li a.combo_chat.chat, section.bundle-offer .combo-btn li a.combo_tel { padding-left: 0 } .step2-title { padding: 60px 20px 0 } header ul li a { display: inline-block; padding: 5px 0; font-size: 11px } header ul li { margin-left: 5px; padding-left: 0; } .cta2 .wrap h3, .cta2 .wrap h6 { text-align: center; font-size: 19px; width: 100%; line-height: 30px; margin-bottom: 0 } .cta2 .wrap .gt-strt { float: initial } .scroll-dinn { top: -61px; left: 0 } section.banner { padding-top: 8em; padding-bottom: 40px } .top-right ul { width: 100% !important; display: flex; justify-content: space-between; } body .popupform { width: 90% } section.banner a { font-size: 14px; padding: 10px 20px; margin: 0 } img.head-thumb { max-width: 100%; margin: 30px 0 } .spon-images { padding: 20px } .head-style h2 { line-height: 1 } .pack-inn { margin: 40px 0 } .brand-price h2 b { left: -80px } .brand-price h2 { font-size: 60px } .brand-price h3 { font-size: 25px } .brand-price h5 { font-size: 100px } .head-style h2+p { padding: 0 30px } .bundle-offer>.container.btm-container { flex-wrap: wrap } .slick-dots { bottom: 50px } .contact-info { text-align: center !important } .cta-img img { width: 100%; margin: 20px 0; position: unset } section.cta2.mygrid { height: auto; width: 100% !important } .scroll-div { max-width: 100%; width: 100% } section.banner h1 { font-size: 37px!important; line-height: 54px; } section.bundle-offer h2 span { font-size: 22px } .head-form { width: 100%; margin-top: 20px } .banner-left li:before { left: 8px } button.slick-next.slick-arrow { top: inherit; bottom: -40px; right: 41% } button.slick-prev.slick-arrow { top: inherit; bottom: -40px; left: 44% } .slick-prev:before { content: "\f104" } .slick-next:before { content: "\f105" } .our-pricing-plans .slick-next:before, .slick-prev:before { color: #000 } .btn-pack { text-align: center; margin-bottom: 40px; margin-top: 15px } .btn-pack a { padding: 14px 11px } .strugglesec h2 { line-height: initial; font-size: 26px } .strugglesec ul { margin: 20px 0 0; text-align: center } .strugglesec ul li { width: 100%; font-size: 15px; padding-bottom: 10px; padding-left: 0 } .strugglesec ul li:before { left: 50px; top: 5px } .contacts .content, .strugglesec p { margin-bottom: 0 } .mtpx-30 a { margin-top: 10px } .testimonial-sec h3 { margin-bottom: 10px; font-size: 26px; font-weight: 700 } .testimonial .item .icli { display: flex } .testimonial .item .itext p { text-align: start; font-size: 15px } .contacts .content h2 { font-size: 28px !important; line-height: 38px !important } footer .chexck p { margin: 0 } .copy-right p { font-size: 13px !important; } .step2-title.container h1 { font-size: 30px } h3.step-section-title-n span { font-size: 23px } .port_tabs ul li { font-size: 13px !important; padding: 10px 10px !important; background: #000 !important; color: #fff; border-radius: 5px !important; transition: 0.3s all; cursor: pointer; margin: 0 5px !important; text-align: center !important; opacity: 1 !important; } html { overflow-x: hidden; } html { overflow-x: hidden; } .port_tabs .tbing div { margin: 0 3px; opacity: 1; font-size: 13px !important; } .combo { position: relative; } .combo button.slick-prev.slick-arrow { left: -30px !important; } .combo button.slick-next.slick-arrow { right: -20px !important; } .port_tabs .tbing { display: block !important; } .port_tabs>ul>li { margin: 0 0 5px 0; } }