body{ font-size: 15px; line-height: 1.4; color: #BCBBBB; background: #37c7dc; font-family: slick; letter-spacing: 2px; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0; } html,body{ overflow-x: hidden; } img{ max-width: 100%; height: auto; } .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{ box-shadow: none; } a{ color: #ffffff; margin:0; padding:0; text-decoration:none; outline:none !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:hover{ color: #ffffffF; text-decoration:none; } a:focus{ outline: none; } p{margin: 0 0 22px 0;} p:last-child{margin-bottom:0;} h1,h2,h3,h4,h5,h6{margin:0 0 25px 0;line-height: 1.1;padding:0;color: #fff;} h1{ font-size: 75px; } h2{ font-size: 60px; } h3{ font-size: 35px; } h4{ font-size: 30px; } h5{ font-size: 20px; margin-bottom: 10px; } h6{ font-size: 15px; margin-bottom: 10px; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{ margin-bottom: 0; } ol{ padding-left: 20px; } ol li{ margin-bottom: 5px; } ul{ padding: 0; margin: 0; } ul li{ padding: 0; padding: 0; position: relative; list-style: none; margin-bottom: 5px; } ul li:last-child{margin-bottom: 0;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, .form-control,select{ background-color: transparent; width: 100%; -webkit-appearance:none; appearance:none; -webkit-border-radius: 5px; border-radius: 5px; color: #000; border: 1px solid #A1A1A1; height: 60px; padding: 3px 12px; font-size: 16px; line-height: 1.2; } textarea{ padding: 16px 12px; height: 150px; } select{ background: url(images/down-arrow.svg) right 10px center no-repeat; background-size: 20px; padding-right: 40px; outline: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } select::-ms-expand{ display: none; } select[multiple]{ background: transparent; min-height: 85px; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; } ::-moz-placeholder { /* Firefox 19+ */ color: #000; } :-ms-input-placeholder { /* IE 10+ */ color: #000; } :-moz-placeholder { /* Firefox 18- */ color: #000; } button[type="submit"], button[type="button"], input[type="button"], input[type="submit"]{ border: 0; border-radius: 10px; -webkit-border-radius: 10px; padding: 20px 20px; min-width: 168px; text-align: center; text-transform: uppercase; background: #FF3133; color: #ffffffF; font-size: 18px; line-height: 1.3; -webkit-appearance: none; appearance: none; cursor: pointer; } button[type="submit"]:hover, button[type="button"]:hover, input[type="button"]:hover, input[type="submit"]:hover{ background: #000; color: #fff; } button:focus,input:focus,textarea:focus,select:focus{ outline: none; box-shadow: inherit; } /* images alignment for wordpress content pages */ .alignright { float: right; margin: 0 0 20px 20px;} .alignleft { float: left;margin: 0 20px 20px 0; } .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; float: none;} /* custom checkbox */ .form_input_check{position: relative; margin: 0; padding-left: 40px;} .form_input_check span{ margin: 0; padding: 0; } .form_input_check input[type="checkbox"]{visibility: hidden; display: none;} .form_input_check input[type="checkbox"] + span::before { content: ''; position: absolute; left: 0; top: 5px; width: 22px; height: 22px; border: 2px solid #feb620; background: #fff; } .form_input_check input[type="checkbox"] + span::after{ content: ''; position: absolute; left: 0; top: 5px; width: 22px; height: 22px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background: url(images/checked.svg) no-repeat center center; background-size: 15px; } .form_input_check input[type="checkbox"]:not(:checked) + span::after{ opacity: 0; -webkit-transform: scale(0); transform: scale(0); } /* .form_input_check input[type="checkbox"]:checked + span::before { } */ .form_input_check input[type="checkbox"]:checked + span:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* custom radio */ .form_input_radio{position: relative; margin: 0; padding-left: 30px;} .form_input_radio span{ margin: 0; padding: 0; } .form_input_radio input[type="radio"]{visibility: hidden; display: none;} .form_input_radio input[type="radio"] + span::before { content: ''; position: absolute; left: 0; top: 1px; width: 22px; height: 22px; border: 2px solid #000000; border-radius: 100%; background: #fff; } .form_input_radio input[type="radio"] + span::after{ content: ''; width: 12px; height: 12px; background: #4b0049; position: absolute; top: 6px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .form_input_radio input[type="radio"]:not(:checked) + span::after{ opacity: 0; -webkit-transform: scale(0); transform: scale(0); } /* .form_input_radio input[type="radio"]:checked + span::before { } */ .form_input_radio input[type="radio"]:checked + span:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* custom radio end */ /* navbar*/ .navbar-brand{ padding: 0; margin: 0; } .navbar{ background: none; margin: 0; padding: 0; min-height: inherit; height: inherit; border:none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;-o-border-radius: 0;border-radius: 0; } .navbar-nav li{ position: relative; list-style: none; } .navbar-nav > li{margin: 0 14px;padding: 0 0; position: relative;} .navbar-nav > li:last-child{margin-right:0;} .navbar-nav > li:first-child{margin-left:0;} .navbar-nav > li > a{color: #000000;font-size: 23px;} .navbar-nav > li.current-menu-item > a, .navbar-nav > li > a:hover, .navbar-nav > li.menu-item-has-children:hover > a{color:#FF9B30;} .cmn_gap{ padding-bottom: 90px; } .right_social_logo_head{ margin-left: auto; display: flex; flex-wrap: wrap; align-items: center; } .social_part_icon li{ padding: 0; margin: 0; display: inline-block; margin-right: 10px; } .social_part_icon li:last-child{margin-right: 0;} .right_social_logo_head > *{ padding-right: 20px; } .right_social_logo_head > *:last-child{padding-right: 0;} .head_btn{ display: inline-block; font-size: 15px; background: linear-gradient(to right, #00dcff, #00dcff); border-radius: 50px; padding: 20px 36px; position: relative; border: 3px solid #000; z-index: 1; color: #fff; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; } .head_btn:after{ content: ''; display: block; background-color: #00a6ff; position: absolute; border-radius: 50px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: calc(100% - 6px); width: calc(100% - 6px); transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; z-index: -1; } .head_btn:hover:after{ opacity: 0; pointer-events: none; } .head_btn:hover{ color: #fff; background-color: #00dcff; } .main-head{ padding-top: 28px; position: absolute; z-index: 10; left: 0; right: 0; top: 0; width: 100%; z-index: 10; } .social_part_icon_inc{ display: inline-block; width: 56px; height: 56px; border-radius: 25%; display: flex; justify-content: center; align-items: center; background: linear-gradient(to right, #000000, #000000); position: relative; z-index: 1; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; } .social_part_icon_inc:after{ content: ''; display: block; background-color: #00a6ff; position: absolute; border-radius: 25%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: calc(100% - 6px); width: calc(100% - 6px); transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; z-index: -1; } .social_part_icon_inc:hover{ transform: scale(1.5); } .home_banner_secttt{ overflow: hidden; min-height: 970px; position: relative; background-position: right -10vw !important; } .home_banner_secttt_col_rght{ align-self: flex-end; } .home_banner_secttt_col_lft{ align-self: center; padding-top: 200px; padding-bottom: 100px; } .home_banner_secttt_col_rght .main_img{ margin-bottom: 0; display: inline-block; margin-left: -18%; } .head_btn.new{ min-width: 224px; text-align: center; margin-top: 20px; } .home_banner_secttt_outd{ position: relative; z-index: 2; } .scroll_btm_wrapppd{ text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 8%; } .scroll_btm{ writing-mode: vertical-rl; transform: rotate(180deg); font-size: 12px; color: #fff; letter-spacing: 0.25em; position: relative; padding-top: 10px; } .scroll_btm:after{ position: absolute; content: ""; left: 50%; transform: translateX(-50%); bottom: 100%; height: 37px; width: 1px; background: #fff; animation: moveBounce 2s linear infinite; -webkit-animation: moveBounce 2s linear infinite; } @-webkit-keyframes moveBounce{ 0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-10px); } 100% { transform: translateX(-50%) translateY(0); } } @keyframes moveBounce{ 0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-10px); } 100% { transform: translateX(-50%) translateY(0); } } .ps-rltvv{ position: relative; z-index: 1; } .ps-rltvv .ionsdd{ position: absolute; z-index: -1; } .sec_headingd{ margin-bottom: 50px; } .sec_headingd:last-child{margin-bottom: 0;} .unque_yogies_sect .icon1{ left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; } .unque_yogies_sect .icon1 img{ width: 100%; height: 100%; object-fit: contain; object-position: center; } .unque_yogies_sect .icon2{ right: 0; top: -50%; } .slider_clnt_nxt{ position: relative; z-index: 2; } .slider_clnt_nxt .icon1{ right: 0; bottom: -23%; max-width: 680px; } .slider_clnt_nxt_innerd{ overflow: hidden; } /*.slider_clnt_nxt_sliderr .slick-slide{ padding: 40px 40px; } .slider_clnt_nxt_sliderr .slick-list{ margin: 0 -40px; }*/ .slider_clnt_nxt_sliderr_outer{ transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; } .slider_clnt_nxt_sliderr_outer .main_img{ margin-bottom: 0; } .slider_clnt_nxt_sliderr_outer .main_img img{ width: 100%; width: 40vw; margin: 30px 25px; max-width: 440px; height: auto; transition: all .3s ease-in-out; } .slick-dotted.slick-slider{ margin-bottom: 0; } .cmn_doootd .slick-dots{ position: static; margin-top: 40px; } .cmn_doootd .slick-dots li{ margin: 0; width: auto; height: auto; display: inline-block; padding: 0; margin: 10px 5px; } .cmn_doootd .slick-dots li button:before{display: none;} .cmn_doootd .slick-dots li button{ background: rgba(255,255,255,0.3); width: 26px; height: 3px; min-width: inherit; padding: 0; transition: 0.4s ease-in-out; } .cmn_doootd .slick-dots li.slick-active button{ width: 66px; background: #fff; } .slider_clnt_nxt_sliderr .slick-center .slider_clnt_nxt_sliderr_outer .main_img img{ transform: scale(1.1); /*margin-left: 35px; margin-right: 35px;*/ transition: all .3s ease-in-out; } .sec_headingd_wrp_rdm{ max-width: 635px; } .timeline_secttt_outrd{ position: relative; padding: 50px 0; } .timeline_secttt_outrd::after{ position: absolute; content: ""; left: 140px; top: 0; background: url(images/brdr_strk.png) repeat-y; background-size: 100% auto; width: 2px; height: 100%; } .timeline_secttt_innnrd{ display: flex; flex-wrap: wrap; padding-bottom: 80px; position: relative; } .timeline_secttt_innnrd:last-child{padding-bottom: 0;} .timeline_secttt_innnrd_lft{ flex-basis: 140px; max-width: 140px; padding-right: 20px; } .timeline_secttt_innnrd .timeline_secttt_innnrd_lft{ opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); transition: 1.3s ease-in-out; } .timeline_secttt_innnrd.sec_active .timeline_secttt_innnrd_lft{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .timeline_secttt_innnrd_rght{ flex-basis: calc(100% - 140px); max-width: calc(100% - 140px); padding-left: 58px; } .timeline_secttt_innnrd .timeline_secttt_innnrd_rght{ opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); transition: 1.6s ease-in-out; } .timeline_secttt_innnrd.sec_active .timeline_secttt_innnrd_rght{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .timeline_secttt_innnrd_lft .numb{ border: 2px solid #ffffff; background: #000; box-shadow: 0px 4px 48px 9px rgba(255, 255, 255, 0.5); width: 90px; height: 90px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 25px; color: #fff; } .bullt_dot_sct{ border-radius: 50%; -webkit-border-radius: 50%; background: #ffffff; width: 20px; height: 20px; position: absolute; left: 131px; top: 34px; z-index: 1; } .bullt_dot_sct:before{ position: absolute; content: ""; border-radius: 50%; -webkit-border-radius: 50%; background-color: #fff; width: 40%; height: 40%; left: 50%; top: 50%; transform: translate(-50%,-50%); } .timeline_secttt_innnrd .bullt_dot_sct{ -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; transition: 1.1s ease-in-out; } .timeline_secttt_innnrd.sec_active .bullt_dot_sct{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .timeline_secttt_innnrd_rght h3{ margin-bottom: 18px; } .timeline_secttt_innnrd:nth-child(even) .timeline_secttt_innnrd_lft .numb{ border-color: #ffffff; box-shadow: 0px 4px 48px 9px rgba(255, 255, 255, 0.5); } .timeline_secttt_innnrd:nth-child(even) .bullt_dot_sct{ background: #ffffff; } /*.roadmap_sectiond_part_col_rght{ align-self: flex-end; }*/ .roadmap_sectiond_part_col_rght .main_img{ display: table; margin: 0; margin-left: auto; position: relative; } .roadmap_sectiond_part_col_rght .main_img img{ max-height: 750px; object-fit: contain; object-position: right; } .roadmap_sectiond_part_col_rght .main_img .main_img_nxt{ position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-position: right top !important; z-index: -1; } .roadmap_sectiond_part .icon1{ top: -50%; left: 0; pointer-events: none; } .sec_headingd.n h2 span{ display: block; color: #ffffff; } .team_sec_img_outr .main_img{ margin-bottom: 16px; width: 100%; } .team_sec_img_outr .main_img img{ width: 100%; } .social_part_icon.newww .social_part_icon_inc{ width: 40px; height: 40px; } .social_part_icon.newww .social_part_icon_inc img{ max-width: 14px; } .team_sec_img_outr_btm .boss_bll_top{ margin-bottom: 10px; } .team_sec_img_outr_btm p{ font-size: 18px; } .boss_bll_top_rgght{ text-align: right; } /*.stick_up_down{ position: absolute; right: 0; top: 0; } */ .stick_up_down{ transform: inherit; } .cmn_frnt_wttt{ left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; } .cmn_frnt_wttt img{ width: 100%; height: 100%; object-fit: contain; object-position: center; } .sec_headingd.center{ text-align: center; } .cmn_accc_itmd .accordion-item{ margin: 0; border: 0; margin-bottom: 24px; border-radius: 0; background: transparent; padding: 0; } .cmn_accc_itmd .accordion-item:last-child{margin-bottom: 0;} .cmn_accc_itmd .accordion-item .accordion-header,.cmn_accc_itmd .accordion-item .accordion-button{ border-radius: 0; padding: 0; border: 0; outline: none; box-shadow: inherit; min-width: inherit; background: transparent; } .cmn_accc_itmd .accordion-item .accordion-button{ border: 2px solid #171618; padding: 25px 30px; padding-right: 60px; border-radius: 50px !important; font-size: 20px; letter-spacing: 0.02em; color: #ffffffF; text-transform: none; text-align: left; position: relative; z-index: 1; } .cmn_accc_itmd .accordion-item .accordion-button:before{ content: ''; display: block; background-color: #000; position: absolute; border-radius: 50px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: calc(100% - 6px); width: calc(100% - 6px); transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; z-index: -1; opacity: 0; } .cmn_accc_itmd .accordion-item .accordion-button:after{display: none;} .cmn_accc_itmd .accordion-item .accordion-button .plus_mns{ width: 18px; height: 18px; position: absolute; right: 30px; top: 30px; transition: 0.3s ease-in-out; } .cmn_accc_itmd .accordion-item .accordion-button .plus_mns:after{ position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 100%; background: #7d7d7d; height: 3px; } .cmn_accc_itmd .accordion-item .accordion-button .plus_mns:before{ position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 3px; background: #7d7d7d; height: 100%; } .who_we_are_sect .icon1{ left: 0; bottom: -30%; max-width: 870px; } .cmn_accc_itmd .accordion-item .accordion-button[aria-expanded="true"] .plus_mns:before{ opacity: 0; } .cmn_accc_itmd .accordion-item .accordion-button[aria-expanded="true"] .plus_mns:before, .cmn_accc_itmd .accordion-item .accordion-button[aria-expanded="true"] .plus_mns:after{ background: #fff; } .cmn_accc_itmd .accordion-item .accordion-button[aria-expanded="true"]{ background: linear-gradient(to right, #ffffff, #ffffff); } .cmn_accc_itmd .accordion-item .accordion-button[aria-expanded="true"]:before{ opacity: 1; } .main_footer_wrapper{ position: relative; z-index: 1; } .main_footer_wrapper:after{ position: absolute; background: url(images/footer_smoke.png) no-repeat right; background-size: cover; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; content: ""; z-index: -1; } .main_footer_wrapper .footer_left_im{ position: absolute; left: 0; bottom: 0; z-index: -1; } .main_footer_wrapper_top{ padding-top: 150px; padding-bottom: 22px; } .main_footer_wrapper_btmd{ padding: 55px 0; } .faq_section_partd{ position: relative; z-index: 2; } .main_footer_wrapper_top .sec_headingd{ max-width: 50vw; margin-left: auto; } .main_footer_wrapper_top .sec_headingd .head_btn{ margin-top: 16px; } .main_footer_wrapper_btmd_col.lft{ text-align: left; } .main_footer_wrapper_btmd_col.cntr{ text-align: center; } .main_footer_wrapper_btmd_col.rtt{ text-align: right; } .qck_lnkd ul{ margin-bottom: -5px; } .qck_lnkd li{ margin: 0; padding: 0; display: inline-block; font-size: 16px; letter-spacing: 0.14em; color: #ffffffF; border-right: 1px solid #fff; padding-right: 16px; margin-right: 11px; margin-bottom: 5px; } .qck_lnkd li:last-child{ border-right: 0; padding-right: 0; margin-right: 0; } .qck_lnkd li a{ color: #fff; } .qck_lnkd li a:hover{ color: #ffffff; } .main_footer_wrapper_btmd_col small{ letter-spacing: 0.07em; font-size: 10px; margin-top: 6px; display: inline-block; } .main_footer_wrapper_btmd_row{ align-items: center; } .home_banner_secttt_col_rght{display: none;} /*.unque_yogies_sect_slider{ pointer-events: none; }*/ .prgph_anim > *{ opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transition: transform 1.3s ease-in-out, opacity 1.3s ease-in-out; -webkit-transition: transform 1.3s ease-in-out, opacity 1.3s ease-in-out; -moz-transition: transform 1.3s ease-in-out, opacity 1.3s ease-in-out; -ms-transition: transform 1.3s ease-in-out, opacity 1.3s ease-in-out; -o-transition: transform 1.3s ease-in-out, opacity 1.3s ease-in-out; transition-delay: 0; } .prgph_anim > *.active{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transition-delay: 0; } .container_full{ padding-left: calc((100% - 1320px + 30px)/2); } .container_full_Rt{ padding-right: calc((100% - 1320px + 30px)/2); } .navbar-brand img{ width: 210px; } .foot_logo{display: inline-block;} /*responsive_start*/ @media(min-width:576px){ .container_full_smmm{ padding-left: calc((100% - 540px + 30px)/2); padding-right: 0; max-width: 100%; } .container_full_Rt_smmm{ padding-right: calc((100% - 540px + 30px)/2); padding-left: 0; max-width: 100%; } } @media(min-width:768px){ .container_full_smmm,.container_full_mddd{ padding-left: calc((100% - 720px + 30px)/2); padding-right: 0; max-width: 100%; } .container_full_Rt_smmm,.container_full_Rt_mddd{ padding-right: calc((100% - 720px + 30px)/2); padding-left: 0; max-width: 100%; } } @media(min-width:992px){ .container_full_smmm,.container_full_lggg,.container_full_mddd{ padding-left: calc((100% - 960px + 30px)/2); padding-right: 0; max-width: 100%; } .container_full_Rt_smmm,.container_full_Rt_lggg,.container_full_Rt_mddd{ padding-right: calc((100% - 960px + 30px)/2); padding-left: 0; max-width: 100%; } } @media(min-width:1200px){ .container_full_smmm,.container_full_lggg,.container_full_mddd{ padding-left: calc((100% - 1140px + 30px)/2); padding-right: 0; max-width: 100%; } .container_full_Rt_smmm,.container_full_Rt_lggg,.container_full_Rt_mddd{ padding-right: calc((100% - 1140px + 30px)/2); padding-left: 0; max-width: 100%; } } @media(min-width:1400px){ .container_full{ max-width: 100%; padding-left: calc((100% - 1320px + 30px)/2); } .container_full_Rt{ padding-right: calc((100% - 1320px + 30px)/2); } .container_full_smmm,.container_full_lggg,.container_full_mddd{ padding-left: calc((100% - 1320px + 30px)/2); padding-right: 0; max-width: 100%; } .container_full_Rt_smmm,.container_full_Rt_lggg,.container_full_Rt_mddd{ padding-right: calc((100% - 1320px + 30px)/2); padding-left: 0; max-width: 100%; } } @media(min-width:1025px){ /* navbar*/ .clickD{display: none;} .navbar-nav li.menu-item-has-children:hover > .sub-menu{ display: block; } } @media (max-width: 1700px){ .home_banner_secttt_col_rght .main_img{ margin-left: -7%; } .home_banner_secttt{ min-height: 640px; } } @media (max-width: 1399px){ .home_banner_secttt_col_lft h1{ font-size: 70px; } .container_full{ padding-left: calc((100% - 1140px + 30px)/2); } .container_full_Rt{ padding-right: calc((100% - 1140px + 30px)/2); } } @media (max-width: 1199px) { .container_full{ padding-left: calc((100% - 960px + 30px)/2); } .container_full_Rt{ padding-right: calc((100% - 960px + 30px)/2); } .home_banner_secttt{ background-size: cover !important; background-attachment: inherit !important; } .home_banner_secttt_col_rght{ display: block; } .home_banner_secttt_col_rght .main_img{ margin-left: 0; } } @media(max-width:1024px) { /* navbar*/ .navbar-nav .clickD { position: absolute;right: 0;top: 0;width: 20px;height: 20px;background: url(images/sort-down.svg) center center no-repeat; cursor: pointer; display: block;background-size: 10px;} .navbar-nav > li.menu-item-has-children{padding-right: 20px;} .sub-menu.show{ display: block; } .qck_lnkd li{ padding-right: 11px; margin-right: 6px; font-size: 15px; } .roadmap_sectiond_part_col_rght{ align-self: flex-end; } } @media (max-width: 991px) { /* images alignment for wordpress content pages */ .alignright,.alignleft,.aligncenter { float: none; clear: both;display: block; margin: 0 0 22px 0; margin-left: auto; margin-right: auto; max-width: 100%;} .container_full{ padding-left: calc((100% - 720px + 30px)/2); } .container_full_Rt{ padding-right: calc((100% - 720px + 30px)/2); } h1{ font-size: 70px; } h2{ font-size: 50px; } .home_banner_secttt_col_lft h1{ font-size: 60px; } .home_banner_secttt_col_rght{ order: 0; } .home_banner_secttt_col_lft{ order: 1; padding-bottom: 0; padding-top: 60px; text-align: center; } .navbar-brand img{ width: 300px; } .head_btn{ padding: 15px 26px; } .social_part_icon_inc{ width: 48px; height: 48px; } .social_part_icon_inc img{ max-width: 17px; } .home_banner_secttt{ padding-bottom: 100px; } .home_banner_secttt_col_lft h1 br{display: none;} .scroll_btm_wrapppd{ bottom: 1%; } .cmn_gap{ padding-bottom: 70px; } .unque_yogies_sect_col_lft{ text-align: center; } /*.slider_clnt_nxt_sliderr .slick-slide{ padding: 26px 30px; } .slider_clnt_nxt_sliderr .slick-list{ margin: 0 -30px; }*/ /*.slider_clnt_nxt_sliderr .slick-center .slider_clnt_nxt_sliderr_outer{ transform: scale(1.1); }*/ .cmn_doootd .slick-dots{ margin-top: 40px; } .slider_clnt_nxt .icon1{ max-width: 400px; } .roadmap_sectiond_part_col_rght{ text-align: right; } .roadmap_sectiond_part_col_lft{ margin-bottom: 30px; } .roadmap_sectiond_part_col_rght .main_img{ margin-left: auto; } .roadmap_sectiond_part_col_lft{ padding-right: 15%; } .who_we_are_sect .icon1{ max-width: 500px; } .boss_bll_top_rgght{ text-align: left; } .the_artist_sectt_col_lft{ text-align: center; } .faq_section_partd_col{ margin-bottom: 24px; } .faq_section_partd_col:last-child{margin-bottom: 0;} .main_footer_wrapper_btmd_col.rtt{ text-align: center; } .main_footer_wrapper_top .sec_headingd{ max-width: 46vw; } .main_footer_wrapper_top{ padding-top: 80px; } .unque_yogies_sect_slider_i{ display: table; margin: 0 auto; } } @media (max-width: 767px) { .container_full{ padding-left: calc((100% - 540px + 30px)/2); } .container_full_Rt{ padding-right: calc((100% - 540px + 30px)/2); } h1{ font-size: 60px; } h2{ font-size: 40px; } h3{ font-size: 30px; } h4{ font-size: 25px; } h5{ font-size: 18px; } .home_banner_secttt_col_lft h1{ font-size: 50px; } .social_part_icon li{ margin-right: 3px; } .right_social_logo_head > *{ padding-right: 10px; } .navbar-brand img{ width: 230px; } .social_part_btn .head_btn{ padding: 11px 16px; } .home_banner_secttt_col_lft{ padding-top: 35px; } .cmn_gap{ padding-bottom: 60px; } .slider_clnt_nxt .icon1{ max-width: 300px; } .roadmap_sectiond_part_col_lft{ padding-right: 10%; } .who_we_are_sect .icon1{ max-width: 400px; } .main_footer_wrapper .footer_left_im{ } .slider_clnt_nxt_sliderr_outer .main_img img{ margin: 30px 16px; } /*.slider_clnt_nxt_sliderr .slick-center .slider_clnt_nxt_sliderr_outer .main_img img{ margin-left: 20px; margin-right: 20px; }*/ .cmn_doootd .slick-dots{ margin-top: 15px; } } @media (max-width: 575px) { .container_full{ padding-left: 15px; } .container_full_Rt{ padding-right: 15px; } h1{ font-size: 50px; } h2{ font-size: 30px; } h3{ font-size: 25px; } h4{ font-size: 21px; } h5{ font-size: 17px; } h6{ font-size: 15px; } .home_banner_secttt_col_lft h1{ font-size: 40px; } .right_social_logo_head .social_part_icon{display: none;} .home_banner_secttt{ min-height: inherit; padding-top: 30px; } .roadmap_sectiond_part_col_lft{ padding-right: 15px; } .timeline_secttt_innnrd_lft,.timeline_secttt_innnrd_rght{ max-width: 100%; flex-basis: 100%; padding: 0; } .timeline_secttt_innnrd_lft{ margin-bottom: 24px; } .who_we_are_sect .icon1{ max-width: 300px; } .timeline_secttt_innnrd{ padding-bottom: 50px; padding-left: 50px; } .timeline_secttt_outrd::after{ left: 8px; } .bullt_dot_sct{ left: 0; } .cmn_accc_itmd .accordion-item .accordion-button{ font-size: 18px; padding: 18px 25px; padding-right: 40px; } .cmn_accc_itmd .accordion-item .accordion-button .plus_mns{ right: 20px; top: 22px; width: 15px; height: 15px; } .cmn_accc_itmd .accordion-item .accordion-button .plus_mns::after{ height: 2px; } .cmn_accc_itmd .accordion-item .accordion-button .plus_mns::before{ width: 2px; } .main_footer_wrapper_btmd_col.lft{ text-align: center; } .main_footer_wrapper_top .sec_headingd{ max-width: 250px; } .main_footer_wrapper_btmd{ padding: 30px 0; } .navbar-brand img{ width: 150px; } } @media (max-width: 479px){ .social_part_btn .head_btn{ padding: 9px 14px; font-size: 11px; } .navbar-brand img{ width: 110px; } .home_banner_secttt_col_lft h1{ font-size: 30px; } .home_banner_secttt_col_lft{ padding-top: 25px; } .head_btn.new{ min-width: inherit; margin-top: 10px; } .timeline_secttt_innnrd_lft .numb{ width: 70px; height: 70px; font-size: 20px; } .bullt_dot_sct{ top: 25px; } .main_footer_wrapper .footer_left_im{ } .main_footer_wrapper_top .sec_headingd{ max-width: 100%; } /*.slider_clnt_nxt_sliderr .slick-slide { padding: 26px 20px; } .slider_clnt_nxt_sliderr .slick-list{ margin: 0 -20px; }*/ }