/* Theme Name: Shreeji Corporation Child Theme Author: Yudiz Solutions Pvt. Ltd. Description: We are experts in manufacturing exporting and supplying of plastic processing machinery including extrusion plants. Version: 1.0.0 Text Domain: shreeji-corp-child Template: shreeji-corp */ /* start blog form css */ /* Blog Form Styling */ .blog-form input, .blog-form select, .blog-form textarea { width: 100%; padding: 12px; border: 1px solid #CCC; /* border-bottom: 1px solid #000; */ font-size: 14px; font-family: "Arial", sans-serif; background: #fff; outline: none; margin-bottom: 15px; box-sizing: border-box; } .blog-form textarea { height: 150px; } /* Placeholder Styling */ .blog-form input::placeholder, .blog-form textarea::placeholder { color: #aaa; } /* Two Column Layout */ .blog-row.two-col { display: flex; gap: 12px; } .blog-row.two-col input { flex: 1; } /* Submit Button */ .blog-form input[type="submit"] { background: #f2e4dc; border: 1px solid #000; padding: 12px; cursor: pointer; font-weight: 600; text-align: center; transition: all 0.3s ease; width: 100%; font-size: 18px; } .blog-form input[type="submit"]:hover { background: #000; color: #fff; } /* end blog form css */ /* ---- Main Style Included ---- */ @import url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp/style.css'); /* -=- Font-family Included -=- */ @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&display=swap'); @font-face { font-family: 'CircularStd-Book'; src: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Book.eot'); src: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Book.woff2') format('woff2'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Book.woff') format('woff'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Book.ttf') format('truetype'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Book.svg#CircularStd-Book') format('svg'); font-weight: 500; font-style: normal; ;unicode-range:U+0-1F,U+7F-2012,U+2015-2018,U+201A-201B,U+201E-10FFFF;font-display:swap;} @font-face { font-family: 'CircularStd-Medium'; src: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Medium.eot'); src: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Medium.woff2') format('woff2'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Medium.woff') format('woff'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Medium.ttf') format('truetype'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Medium.svg#CircularStd-Medium') format('svg'); font-weight: 500; font-style: normal; ;font-display:swap;} @font-face { font-family: 'CircularStd-Bold'; src: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Bold.eot'); src: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Bold.woff2') format('woff2'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Bold.woff') format('woff'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Bold.ttf') format('truetype'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Bold.svg#CircularStd-Bold') format('svg'); font-weight: bold; font-style: normal; ;font-display:swap;} @font-face { font-family: 'CircularStd-Black'; src: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Black.eot'); src: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Black.eot?#iefix') format('embedded-opentype'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Black.woff2') format('woff2'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Black.woff') format('woff'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Black.ttf') format('truetype'), url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/fonts/CircularStd-Black.svg#CircularStd-Black') format('svg'); font-weight: 900; font-style: normal; ;font-display:swap;} /* -=- Common CSS Start -=- */ #gt_float_wrapper{ position: fixed ; bottom: 80px !important; right: 20px; z-index: 999999; } } * { margin: 0px; padding: 0px; outline: none;} body { font-family: 'CircularStd-Book'; font-size:16px; line-height: 26px; color: #212121; background: #fff; font-stretch: normal; } .clear { clear:both;} img { border: 0px;} ul,ol { margin: 0px; list-style: none;} a { text-decoration: none; outline: none; color: #000; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } a:focus, a:active, a:visited, a:hover { text-decoration: none; outline: none; } a:hover, a:focus { color: #F86305; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Montserrat', sans-serif; font-weight: normal; } h1 { margin: 0px 0px 15px; font-size: 45px; line-height: 55px; color: #fff !important; position: relative; } h2 { margin: 0px 0px 46px 0px; font-size: 36px; line-height: 44px; color: #212121; font-weight: 800; position: relative; text-transform: uppercase; } h2:after { content: ""; display: block; width: 82px; height: 2px; background-color: #F86305; position: absolute; bottom: -12px; left: 0px; } h2.center-title-line:after { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } h3 { margin: 0px 0px 46px; font-size: 32px; line-height: 40px; color: #F86305; font-weight: 600; text-transform: capitalize; } h4 { margin: 0px; font-size: 24px; line-height: 30px; color: #212121; font-weight: 700; } h5 { margin: 0px; font-size: 22px; line-height: 34px; color: #fff !important; font-family: 'Montserrat', sans-serif; } h6 { margin: 20px 0px 16px; font-size: 20px; line-height: 24px; color: #212121; font-weight: 700; } p { font-size: 16px; line-height: 26px; font-family: 'CircularStd-Book'; color: #424242; } button { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .ajax-loader { display: none !important; } /* -=- Content Cleaning CSS Start -=- */ .post-inner-content { padding: 0px; } .post-inner-content, .post-inner-content:first-child { border: none; } .main-content-area { margin-top: 0px; margin-bottom: 0px; } .page-header { display: none; } .entry-content { margin: 0px; } /* -=- Common Styling -=- */ .common-spacing { padding: 100px 0px; } .common-small-spacing { padding: 42px 0px; } .white-text { color: #fff; } .small-banner-title { margin-bottom: 0px; font-family: 'Montserrat', sans-serif; font-weight: normal; line-height: 20px; } .scroll-to-top { background-color: #F86305 !important; } .single-view, .blog-item-wrap { margin-bottom: 0px; } body.page-template-news-tpl .common-spacing, body.page-template-news-tpl { background-color: #F8F5F3; } /* -=- Button Styling -=- */ .common-error-btn, .common-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern { padding: 17px 40px; display: inline-block; font-size: 14px; line-height: 18px; color: #F86305; background: #fff; border: none; text-transform: capitalize; border-radius: 50px; box-shadow: none; -webkit-box-shadow: none; } .common-error-btn:hover,.common-error-btn:focus, .common-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover, .common-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus { background: #F86305; color: #fff; } .white-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern { min-width: 246px; text-transform: uppercase; } .banner-btn { margin-top: 30px; padding: 15px 40px; display: inline-block; background-color: #fff; color: #F86305; font-size: 16px; line-height: 26px; border-radius: 50px; } .banner-btn:hover, .banner-btn:focus { background-color: #F86305; color: #fff; } .common-error-btn.orange-btn { background-color: #F86305; color: #fff; } .common-error-btn.orange-btn:hover, .common-error-btn.orange-btn:focus { color: #fff; background-color: #212121; } .news-read-more { margin-top: 24px; display: inline-block; padding: 17px 24px; position: relative; font-size: 14px; line-height: 18px; border-radius: 50px; background-color: #A2A2A2; color: #F8F5F3; text-transform: uppercase; } .news-read-more:hover, .news-read-more:focus { background-color: #F86305; color: #F8F5F3; } .news-read-more:hover i { right: 22px; } .arrow-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern { background: #F86305; color: #F8F5F3; } .news-read-more i, .arrow-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern .vc_btn3-icon { display: inline-block; height: 12px; width: 18px; background: url("https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/right-arrow.svg") no-repeat center right / 18px 12px; transition-duration: 0.4s; } .arrow-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern .vc_btn3-icon:before { content: ""; } .news-read-more, .arrow-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern.vc_btn3-icon-right { padding-right: 54px !important; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; } .arrow-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern.vc_btn3-icon-right .vc_btn3-icon { right: 28px; } .arrow-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern.vc_btn3-icon-right:hover { background-color: #A2A2A2; } .arrow-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern.vc_btn3-icon-right:hover .vc_btn3-icon { right: 22px; } .news-read-more i { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 28px; } /* -=- Header CSS -=- */ .site-navigation-inner { padding: 20px 32px; } #menu-main-menu { margin: 12px 0px 12px 62px; float: left; } #menu-main-menu > li:first-child { margin-left: 0px; } #menu-main-menu > li { margin-left: 24px; padding: 0px; } #menu-main-menu > li > .dropdown-menu { min-width: 185px; } #menu-main-menu li a { font-size: 14px; line-height: 18px; font-family: 'CircularStd-Book'; } #menu-main-menu li .caret { margin-left: 4px; background: url("https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/dropdown-arrow.svg") no-repeat center center / 22px 22px; height: 18px; width:18px; border: none; } .top-nav { margin: 10px 0px; display: flex; display: -webkit-flex; justify-content: space-between; } .header-btn { display: flex; display: -webkit-flex; } ul.header-btn li { margin: 0px; padding: 0px; border: none; } .line-btn, .common-color-btn { padding: 12px 32px; border-radius: 24px; display: inline-block; border: 2px solid #F86305; font-size: 16px; line-height: 20px; font-family: 'Montserrat', sans-serif; } .line-btn { margin-right: 32px; color: #F86305; } .common-color-btn { padding: 12px 15px; background-color: #F86305; color: #fff; } .line-btn:hover, .line-btn:focus { background-color: #F86305; color: #fff; } .common-color-btn:hover, .common-color-btn:focus { color: #F86305; background-color: #fff; } /* -=- Common Brochure Section -=- */ .common-brochure-section { position: relative; } .common-brochure-section.vc_row:before { content: ""; height: 100%; width: 100%; display: block; background-color: rgba(33,33,33,.83); position: absolute; top: 0px; left: 0px; } .common-brochure-section .vc_column_container { position: relative; z-index: 1; } /* -=- Banner Section -=- */ .banner { } .banner .slick-prev, .banner .slick-next { z-index: 1; height: 48px; width: 48px; background: url("") no-repeat center center / 100% 100%; } .banner .slick-arrow:before { content: ""; } .banner .slick-prev { background-color:black; background-image: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/left-banner-arrow.svg'); left: calc(50% - 585px); } .banner .slick-next { background-color:black; background-image: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/right-banner-arrow.svg'); right: calc(50% - 585px); } .banner-slide { display: flex; display: -webkit-flex; background: url("") no-repeat center center / cover; position: relative; } .banner-inner-slide { text-align: center; } .banner-slide:after { content: ""; width: 100%; height: 100%; display: block; background-color: transparent; position: absolute; top: 0px; left: 0px; } .banner-slide .container { min-height: calc(100vh - 110px); display: flex; display: -webkit-flex; align-items: center; justify-content: center; z-index: 1; } .banner-inner-slide h1 { text-align: center; color:#000000 !important;} .banner-inner-slide p { margin: 0 auto; max-width: 65%; font-size: 18px; line-height: 26px; font-family: 'CircularStd-Book'; color: #000000; text-align: center; } .video-btn { } .video-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern { min-width: 60px; min-height: 60px; border-radius: 50%; background: #F86305 url("https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/play-btn.svg") no-repeat center center / 18px 26px; font-size: 0px; line-height: 0px; border:none; position: relative; } .video-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:before { content: ""; padding: 48px; width: inherit; height: inherit; background-color: rgba(255,255,255,.24); display: block; position: absolute; top: -18px; left: -18px; border-radius: 50%; z-index: -1; } .video-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus, .video-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover { background-color: #FD8437; } .pum .pum-container, .pum-theme-enterprise-blue .pum-container { background-color: transparent !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .pum .pum-container .pum-content.popmake-content p { text-align: center !important; } .pum .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close { color: #000 !important; border: 1px none #fff !important; background-color: #fff !important; } /* -=- Home Product Intro Section -=- */ .home-prod-intro { margin-top: -140px; } .home-prod-intro > .vc_column_container > .vc_column-inner { position: relative; } .home-prod-intro > .vc_column_container > .vc_column-inner:after { content: ""; height: 100%; width: 100%; display: block; background-color: rgba(33,33,33,0.49); position: absolute; top: 0px; left: 0px; z-index: 1; } /*.home-prod-intro > .vc_column_container:first-child > .vc_column-inner:after { background-color: rgba(248,55,8,.41); }*/ .home-prod-intro > .vc_column_container > .vc_column-inner { position: relative; } .home-prod-intro > .vc_column_container > .vc_column-inner .wpb_wrapper { min-height: 400px; position: relative; z-index: 2; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; } .home-prod-intro > .vc_column_container > .vc_column-inner .wpb_wrapper h3 { margin: 0px 0px 20px; color: #fff; } /* -=- Who We Are Section -=- */ .who-we-are-des .arrow-btn { margin-top: 52px; } .who-we-are-img > .vc_column-inner > .wpb_wrapper { display: flex; display: -webkit-flex; } .who-we-are-img > .vc_column-inner > .wpb_wrapper > .wpb_single_image { max-width: 53%; } .who-we-are-img > .vc_column-inner > .wpb_wrapper > .wpb_single_image img { border-radius: 12px; box-shadow: 0px 5px 10px 0px rgba(0,0,0,.24),0px 5px 16px 0px rgba(0,0,0,.24); -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,.24),0px 5px 16px 0px rgba(0,0,0,.24); } .who-we-are-img > .vc_column-inner > .wpb_wrapper > .wpb_single_image:last-child { margin: 22px 0px 0px -30px; } /* -=- About Company -=- */ .cmpny-pdcty > .vc_column_container > .vc_column-inner > .wpb_wrapper { padding: 0px 24px; } /* -=- Product Gallery Section -=- */ .product-gallery { margin-bottom: 0px; } .product-gallery .slick-slide { margin: 0px 15px; } .product-gallery .pdct-slide { padding: 20px; position: relative; min-height: 360px; border-radius: 4px; background: url("") no-repeat center center / cover; display: flex; display: -webkit-flex; justify-content: center; align-items: center; transition: background 0.4s ease-in-out; -webkit-transition: background 0.4s ease-in-out; } .product-gallery .pdct-slide:after { content: ""; width: 100%; height: 100%; display: block; background-color: rgba(33,33,33,.53); border-radius: 4px; opacity: 0; position: absolute; top: 0px; left: 0px; } .product-gallery .slick-slide:hover h2, .product-gallery .slick-slide:hover .pdct-slide:after { opacity: 1; } .product-gallery .pdct-slide h2 { margin: 0px; font-size: 22px; line-height: 33px; font-weight:normal; color: #fff; text-align: center; position: relative; z-index: 1; opacity: 0; text-transform: capitalize; transition-duration: 0.6s; -webkit-transition-duration: 0.6s; } .product-gallery .pdct-slide h2:after { display: none !important; } .slider-btn   { font-size: 0px; line-height: 0px; text-align: right; } .slider-btn a { height: 40px; width: 40px; display: inline-block; font-size: 0px; line-height: 0px; background: url("https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/slider-arrow.svg") no-repeat center center / 100% 100%; } .slider-btn a.prev-btn { margin-right: 20px; transform: scale(-1); -webkit-transform: scale(-1); } .slider-btn a.slick-disabled { filter: grayscale(1) opacity(0.4); -webkit-filter: grayscale(1) opacity(0.4); } /* -=- Latest News Section -=- */ .latest-news-inner { display: flex; display: -webkit-flex; flex-wrap: wrap; margin-top: 30px !important; padding: 0 !important; } .latest-news-inner li { margin: 0px 30px 42px 0px ; width: calc(100% / 3 - 20px); position: relative; box-shadow: 0px 2px 15px 0px rgba(0,0,0,0); -webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0); } .latest-news-inner li h4 a { display: block; } .latest-news-inner li:hover .common-lstng-img { box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.4); } .common-lstng-img { margin-bottom: 20px; position:relative; width: 100%; min-height: 260px; background: url("") no-repeat center center / cover; border-radius: 4px; } .common-lstng-img-link { width:100%; height:100%; position:absolute; top: 0px; left:0px; } .latest-news-inner li:nth-child(3n+3) { margin-right: 0px; } .latest-news-inner li .news-box-link { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .lstng-date { margin: 0px 0px 10px; font-size: 12px; line-height: 15px; color: #F86305; } .view-more-btn { padding: 12px 44px; display: inline-block; background-color: #F86305; border: 2px solid #F86305; border-radius: 50px; font-size: 16px; line-height: 20px; color: #fff; font-family: 'CircularStd-Bold'; } .view-more-btn:hover, .view-more-btn:focus, .view-more-btn:focus:active { background-color: #fff; color: #F86305; border-color: #F86305; box-shadow: none; -webkit-box-shadow: none; } /* -=- Common Small Banner -=- */ .common-small-banner { padding: 87px 0px; position: relative; } .common-small-banner:before { content: ""; height: 100%; width: 100%; background-color: rgba(33,33,33,0.64); display: block !important; position: absolute; top: 0px; left: 0px; } .common-small-banner h1 { margin-bottom: 34px; text-align: center; } .common-small-banner p { text-align: center; position: relative; z-index: 2;} .common-small-banner h1:after { content: ""; height: 2px; width: 60px; background-color: #fff; display: block; position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%); } .custom-banner { background: url("") no-repeat center center / cover; } /* -=- Who We Are Page -=- */ /* -=- Our Profile Section Design -=- */ .our-profile-section p { margin-bottom: 16px; } /* -=- Our Team Section CSS Start -=- */ .who-we-are-profile-section { margin-top: 32px; } .who-we-are-profile-section > .vc_column_container .wpb_single_image .vc_single_image-wrapper { border-radius: 4px; max-height: 348px; overflow: hidden; } .who-we-are-profile-section > .vc_column_container h3 { margin: 24px 0px 6px; } .profile-designation { font-size: 16px; line-height: 20px; font-family: 'CircularStd-Book'; color: #FF6E00; } /* -=- Certificate Section -=- */ .certificate-section { } .certificate-section .wpb_single_image > .vc_figure { padding: 24px; background-color: #F86305; border-radius: 4px; } /* -=- Contact Us Page -=- */ .contact-us-banner { padding: 87px 0px 124px; } .contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper { padding: 30px 15px; } .contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper h3 { margin: 0px 0px 24px; color: #F86305; } .contact-section > .vc_column_container:first-child > .vc_column-inner > .wpb_wrapper * { color: #fff; } .contact-section > .vc_column_container .address-block, .contact-section > .vc_column_container ul { padding-left: 32px; position: relative; } .contact-section > .vc_column_container .address-block, .contact-section > .vc_column_container ul li { margin-bottom: 8px; display: flex; display: -webkit-flex; justify-content: space-between; position: relative; } .contact-section > .vc_column_container p, .contact-section > .vc_column_container ul li, .contact-section > .vc_column_container ul li a { font-size: 16px; line-height: 24px; color: #212121; font-family: 'CircularStd-Book'; position: relative; } .contact-section > .vc_column_container ul li a { display: inline-block; } .contact-section > .vc_column_container ul li strong { font-weight: normal; } .contact-section > .vc_column_container .address-block:before, .contact-section > .vc_column_container ul:before { content: ""; width: 24px; height: 24px; background: url("") no-repeat center center / 100% 100%; display: block; position: absolute; top: 0px; left: 0px; } .contact-section > .vc_column_container .address-block:before { background-image: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/white-location-icon.svg'); } .contact-section > .vc_column_container:nth-child(2) ul:before { background-image: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/phn-no.svg'); } .contact-section > .vc_column_container:last-child ul:before { background-image: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/mail.svg'); } .contact-us-form { margin-top: -100px; } .contact-us-form-inner { padding: 62px 53px; background-color: #fff; } .contact-us-form-inner .wpcf7-text, .contact-us-form-inner .wpcf7-textarea { padding: 16px 24px; border-radius: 4px; width: 100%; background-color: #f5f5f5; font-size: 16px; line-height: 24px; color: #4A4A4A; font-family: 'CircularStd-Book'; border: none; resize: none; } .contact-us-form-inner [class*="col-sm-"] { margin-bottom: 24px; } .contact-des { margin: 0px; padding: 0px 16px 32px; font-size: 18px; line-height: 28px; color: #F86305; font-family: 'CircularStd-Book'; } .contact-us-form-inner .wpcf7-text:-ms-input-placeholder { color: #4A4A4A; } .contact-us-form-inner .wpcf7-text::-webkit-input-placeholder { color: #4A4A4A; } .contact-us-form-inner .wpcf7-text::placeholder { color: #4A4A4A; } .contact-us-form-inner .wpcf7-textarea:-ms-input-placeholder { color: #4A4A4A; } .contact-us-form-inner .wpcf7-textarea::-webkit-input-placeholder { color: #4A4A4A; } .contact-us-form-inner .wpcf7-textarea::placeholder { color: #4A4A4A; } .contact-us-form-inner .wpcf7-submit { margin-top: 18px; padding: 15px 40px; border-radius: 80px; background-color: #A2A2A2; border: none; font-size: 16px; line-height: 20px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: normal; text-transform: uppercase; box-shadow: none; -webkit-box-shadow: none; } .contact-us-form-inner .wpcf7-submit:hover, .contact-us-form-inner .wpcf7-submit:focus { background-color: #F86305; color: #fff; box-shadow: none; -webkit-box-shadow: none; outline: none; border: none; } span.wpcf7-not-valid-tip { font-size: 12px; } /* -=- Blog Page CSS -=- */ .common-blog-pg { padding: 0px 16px 0px 0px; } .common-blog-pg h1,.common-blog-pg h2,.common-blog-pg h3 { margin-bottom: 20px; color: #212121 !important; font-family: 'Montserrat', sans-serif; font-weight: 600; } .common-blog-pg .entry-title { margin: 0px 0px 16px; font-size: 28px; line-height: 38px; color: #212121; font-family: 'Montserrat', sans-serif; font-weight: 700; } .common-blog-pg ol, .common-blog-pg ul { margin: 20px 0px; list-style: inside disc; } .common-blog-pg ol { list-style: decimal inside; } .common-blog-pg blockquote { margin:20px 0px !important; } .common-blog-pg p, .common-blog-pg li { margin: 7px 0px; font-size: 16px; line-height: 28px; color: #424242; font-family: 'CircularStd-Book'; } .common-blog-pg li a { color: #F86305; } .common-blog-pg .post-inner-content .entry-content > a:hover, .common-blog-pg .post-inner-content .entry-content > a:focus, .common-blog-pg li a:hover, .common-blog-pg li a:focus { text-decoration: underline; } .common-blog-pg ul li > ul li, .common-blog-pg ul li > ol li, .common-blog-pg ol li > ol li, .common-blog-pg ol li > ul li { padding-left: 20px; } .common-blog-pg .single-featured { margin: 0px auto 24px; max-height: 400px; border-radius: 4px; } .blog-pg .well { padding: 0px 0px 0px 16px; border:none; box-shadow: none; } .blog-pg .main-content-inner { border-right: 2px solid #F5F5F5; } .blog-pg #secondary .well h3.widget-title { font-size: 20px; line-height: 28px; color: #212121; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: capitalize; } .blog-pg .recent-post-inner li { margin-bottom: 24px; padding:0px; display: flex; display: -webkit-flex; align-items: center; border: none; } .blog-pg .recent-post-inner li:last-child { margin-bottom: 0px; } .blog-pg .recent-post-inner li h6 { margin: 0px 0px 8px; color: #212121; font-size: 14px; line-height: 22px; font-family: 'Montserrat', sans-serif; font-weight: 500; } .blog-pg .recent-post-inner li h6 a { color: #212121 !important; } .blog-pg .recent-post-inner li h6 a:focus, .blog-pg .recent-post-inner li h6 a:hover { color: #F86305 !important; } /*.blog-pg .recent-post-inner p { font-size: 12px; line-height: 18px; color: #5E75A1; font-family: 'Montserrat', sans-serif; }*/ .recent-art-des { font-size: 14px; line-height:18px; color: #5E75A1; font-family: 'Montserrat', sans-serif; font-weight: 500; } .blog-pg .recent-img { margin-right: 16px; height: 80px; width: 80px; position:relative; background: url("") no-repeat center center/ cover; border-radius: 2px; flex-shrink: 0; } .blog-pg .recent-img-link { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .blog-pg .vc_section .vc_column-inner > .wpb_wrapper > .wpb_text_column { margin-bottom: 24px; } .blog-pg .vc_section h5, .blog-pg .vc_section h6 { margin-bottom: 16px; } .blog-pg .vc_section .vc_column-inner > .wpb_wrapper > .wpb_text_column:last-child { margin-bottom: 0px; } .auther-and-date .blog-auther, .auther-and-date { font-size: 16px; line-height: 20px; color: #5E75A1; font-family: 'CircularStd-Book'; } .auther-and-date { margin-bottom: 40px; } .auther-and-date .blog-auther { position: relative; } .auther-and-date .blog-auther:after { content: ""; width: 90%; height: 2px; background-color: #F86305; display: block; position: absolute; top: calc(100% + 14px); left: 0px; } .common-blog-pg h4, .common-blog-pg h5, .common-blog-pg h6 { margin-bottom: 16px; color: #424242 !important; font-family: 'Montserrat', sans-serif; font-weight: 600; } .common-blog-pg blockquote p { font-size: 22px; line-height: 32px; color: #1F1F1F; font-family: 'CircularStd-Book'; } /* -=- Product Listing Page -=- */ .category-listing { display: flex; display: -webkit-flex; flex-wrap: wrap; } .category-listing li { margin:0px 30px 40px 0px; width: calc(100% / 3 - 20px ); min-height: 260px; position: relative; } .category-listing li:nth-child(3n+3) { margin-right: 0px; } .category-listing li .cat-img { margin-bottom: 24px; min-height: 260px; background: url("") no-repeat center center / cover; border-radius: 4px; box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.03),0px 8px 14px 0px rgba(0,0,0,0.0); -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.03),0px 8px 14px 0px rgba(0,0,0,0.0); } .category-listing li:hover .cat-img { box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.00),0px 8px 14px 0px rgba(0,0,0,0.08); -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.00),0px 8px 14px 0px rgba(0,0,0,0.08); } .category-listing li .cat-link { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } /* -=- Injection Inner Page CSS Start -=- */ .prdctn-process.forward-arrow { margin-bottom: 60px; position: relative; } .prdctn-process.forward-arrow:after { content: ""; height: 34px; width: 34px; background: url("https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/production-arrow.svg") no-repeat center center / 100% 100%; display: block; position: absolute; top: calc(100% + 12px); transform: rotate(90deg) scaleX(1) translateY(-50%); right: 115px; } .prdctn-process.backward-arrows li .prdctn-proc-img-wrap:after { transform: scaleX(-1) translateY(-50%); -webkit-transform: scaleX(-1) translateY(-50%); } .prdctn-process { display: flex; display: -webkit-flex; flex-wrap: wrap; } .prdctn-process li { flex-basis: calc(100% / 5); position: relative; } .prdctn-process li .prdctn-proc-img { margin: 14px auto 24px; height: 100px; width: 100px; border-radius: 50%; background: #fff; border: 5px solid #F86305; box-shadow: 0px 0px 0px 10px #F8F5F3,0px 0px 0px 13px #D8D8D8; -webkit-box-shadow: 0px 0px 0px 10px #F8F5F3,0px 0px 0px 13px #D8D8D8; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .prdctn-process li .prdctn-proc-img-wrap { width: 100%; position: relative; } .prdctn-process li .prdctn-proc-img-wrap:after { content: ""; height: 34px; width: 34px; background: url("https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/production-arrow.svg") no-repeat center center / 100% 100%; display: block; position: absolute; top: 50%; transform:scaleX(1) translateY(-50%); right: -17px; } .prdctn-process li:last-child .prdctn-proc-img-wrap:after { display: none; } .prdctn-process li p { margin: 0 auto; line-height: 24px; text-align: center; max-width: 70%; } .production-section { background-color: #F8F5F3; } .cta-spacing { padding: 50px 0px; } .cta { background-color: #F86305; } .cta button { padding: 17px 40px; display: inline-block; font-size: 14px; line-height: 18px; color: #F86305; background: #fff; border: none; text-transform: capitalize; border-radius: 50px; box-shadow: none; -webkit-box-shadow: none; } .cta button:hover{ background-color: #A2A2A2; color: #fff; text-decoration: none; } /* -=- Product Detail Tab Section -=- */ .prod-detail-tab { } .prod-detail-tab .nav-tabs { border-bottom: 1px solid #E4E4E4; } .prod-detail-tab .nav-tabs > li > a, .prod-detail-tab .nav-tabs > li, .prod-detail-tab .nav-tabs > li.active > a, .prod-detail-tab .nav-tabs > li.active > a:focus, .prod-detail-tab .nav-tabs > li.active > a:hover { border: none; background-color: transparent; color: #212121; } .prod-detail-tab .nav-tabs > li.active > a:before, .prod-detail-tab .nav-tabs > li.active > a:focus:before, .prod-detail-tab .nav-tabs > li.active > a:hover:before { filter: grayscale(0) opacity(1); -webkit-filter: grayscale(0) opacity(1); } .prod-detail-tab .tab-content { padding: 24px 0px; } .prod-detail-tab .tab-content p { margin-bottom: 0px; } .prod-detail-tab .tab-content ul li { margin-bottom: 16px; font-size: 18px; line-height: 28px; color: #212121; font-family: 'CircularStd-Book'; list-style: inside disc; } .prod-detail-tab .tab-content ul li:last-child { margin-bottom:0px; } .prod-detail-tab .nav-tabs > li { position: relative; } .prod-detail-tab .nav-tabs > li.active:after, .prod-detail-tab .nav-tabs > li.active:after, .prod-detail-tab .nav-tabs > li.active:after { content: ""; height: 2px; width: 62%; background-color: #212121; display: block; position: absolute; bottom: 0px; left: 0px; } .prod-detail-tab .nav-tabs > li > a { padding: 16px 16px 16px 36px; font-size: 24px; line-height: 30px; color: #A2A2A2; font-family: 'CircularStd-Medium'; position: relative; } .prod-detail-tab .nav-tabs > li > a:before { content: ""; width: 30px; height: 30px; display: block; filter: grayscale(1) opacity(0.4); -webkit-filter: grayscale(1) opacity(0.4); background: url("https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/production-details.svg") no-repeat center center / 100% 100%; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); } .prod-detail-tab .nav-tabs > li:nth-child(2) > a:before { background-image: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/application.svg'); } .prod-detail-tab .nav-tabs > li:not(:last-child) { margin-right: 165px; } .prod-detail-tab .nav-tabs > li:hover > a:hover { background-color: transparent; box-shadow: none; border: none; } .prdct-img-des-wrap { margin-bottom: 52px; } .prdct-img-des-wrap h2 { text-transform: capitalize; } /*.prdct-innerpg-img > div { padding: 137px 44px; width: 100%; border-radius: 4px; box-shadow: 0px 4px 19px 0px rgba(0,0,0,.4); -webkit-box-shadow: 0px 4px 19px 0px rgba(0,0,0,.4); }*/ .prdct-innerpg-img { } /*.prdct-innerpg-img img { width: auto; max-height: 300px; border-radius: 4px; box-shadow: 0px 4px 19px 0px rgba(0,0,0,.4); -webkit-box-shadow: 0px 4px 19px 0px rgba(0,0,0,.4); }*/ .prdct-innerpg-img .pb-img { width: 100%; background-repeat: no-repeat; background-position: center center; height: 300px; background-size: cover; max-height: 300px; border-radius: 4px; border: 1px solid #ccc; } .prdct-descptn { color: #212121; font-family: 'CircularStd-Book'; } .apltn-table { margin-bottom: 0px; } .apltn-table.table > thead > tr > th { padding: 24px 24px 0px 24px; border:none; border-right: 1px solid #E4E4E4; font-size: 24px; line-height: 30px; color: #212121; font-family: 'CircularStd-Medium'; text-transform: uppercase; } .apltn-table tbody tr td { padding: 24px; border-top: 0px; border-right: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; } .apltn-table tbody tr:last-child td { border-right: 1px solid #E4E4E4; border-bottom: none; } .apltn-table.table > thead > tr > th:last-child, .apltn-table tbody tr td:last-child { border-right: 0px; } .apltn-table.table > thead > tr > th:first-child, .apltn-table.table > thead > tr > th:nth-child(2) { width: 15%; } /* -=- Footer Widget CSS Start -=- */ #footer-area .footer-widget-area { padding:62px 0px; } #footer-area .footer-widget-area .footer-widget:first-child p { margin-bottom: 24px; } .footer-widget-area .widgettitle { margin: 0px 0px 26px; font-size: 32px; line-height: 40px; font-family: 'CircularStd-Bold'; text-transform: capitalize; } .footer-widget-area .widget { margin-bottom: 0px; } .footer-widget { color: #212121; } .footer-widget .widget_media_image { margin-bottom: 24px; } .footer-widget .widget_media_image img { max-width: 120px; } .cmn-ftr-txt, #menu-footer-widget-menu li a, .footer-widget p { font-size: 16px; line-height: 24px; color: #212121; font-family: 'CircularStd-Book'; } #menu-footer-widget-menu li { margin-bottom: 14px; } #menu-footer-widget-menu li:last-child { margin-bottom: 0px; } #menu-footer-widget-menu li a { padding: 0px; border-bottom: 0px; } .reach-us-box { } ul.reach-us-box li { margin: 0px 0px 24px; padding: 0px; border-bottom: none; } ul.reach-us-box li:last-child { margin-bottom: 0px; } #footer-area .reach-us-box a, #footer-area .reach-us-box p { margin: 0px; padding-left: 32px; color: #212121; position: relative; } #footer-area .reach-us-box a:before, #footer-area .reach-us-box p:before { content: ""; height: 24px; width: 24px; display: block; background: url("")no-repeat center center / 100% 100%; position: absolute; top: -3px; left: 0px; } #footer-area .reach-us-box a.mailto:before { background-image: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/mail.svg'); } #footer-area .reach-us-box a.phn-no:before { background-image: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/phn-no.svg'); } #footer-area .reach-us-box p.addrs:before { background-image: url('https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/location.svg'); } #footer-area .reach-us-box p { margin: 0px; padding-left: 32px; color: #212121; } .reach-us-box a:hover { color: #F86305; } #footer-area .social-icons li { margin-right: 14px; padding: 0px; } #footer-area .social-icons li a { margin: 0px; height: 20px; width: 20px; font-size: 18px; line-height: 20px; background-color: transparent; color: #A2A2A2; } #footer-area .social-icons li:hover a, #footer-area .social-icons li a:hover { background-color: transparent !important; } /* -=- Error Page -=- */ .not-found, .error404 .site-content { background-color: #F8F5F3; } .error404 h1 { margin: 20px 0px; color: #212121 !important; } .error404 h4 { color: #F86305; } /* -=- Terms Condition Page CSS -=- */ .page-id-30 h1, .page-id-30 h5, .page-id-28 h1, .page-id-28 h5 { color: #212121 !important; } .page-id-30 .common-small-banner h1, .page-id-28 .common-small-banner h1 { color: #fff !important; } .common-text { } .common-text ul,.common-text ol { margin: 20px 0px 0px; } .common-text li, .common-text p { margin:10px 0px; font-size: 18px; line-height: 26px; } .common-text ul li { list-style: disc inside; } .common-text ol li { list-style: decimal inside; } .common-text ol ol li { list-style: upper-alpha inside; } .common-text ul ul, .common-text ul ol, .common-text ol ul, .common-text ol ol { padding-left: 30px; } div#eapps-google-maps-1.eapps-google-maps .gm-style-iw-c { padding: 0px !important; } /* -=- Loader CSS -=- */ .loader { text-align: center; margin-bottom: 5px; } /* -=- Footer CSS -=- */ #colophon { padding: 24px 0px; border:none; } .site-info > .row { line-height: 0px; } #menu-footer-menu { display: inline-block; } #menu-footer-menu li { margin-right: 16px; font-size: 0px; } #menu-footer-menu li:last-child { margin-right: 0px; } #menu-footer-menu li a { padding: 0px; text-transform: capitalize; } #menu-footer-menu li.current-menu-item a, #menu-footer-menu li a:hover { text-decoration: underline; } .copyright { margin: 0px; float: left; text-align: left; } .copyright, #menu-footer-menu li a, .design-dev span { display: inline-block; font-size: 12px; line-height: 19px; font-family: 'CircularStd-Book'; vertical-align: middle; } .design-dev a { vertical-align: middle; } .design-dev > div { display: flex; display: -webkit-flex; justify-content: flex-end; } .design-dev img { margin-left: 5px; } #footer-area .footer-widget-area li.active a, #footer-area .footer-widget-area li.current-menu-item a, #footer-area .footer-widget-area a:hover, #footer-area .footer-widget-area a:focus, #footer-area .footer-widget-area a:focus:hover { color: #F86305; } @media (max-width: 1200px){} @media (min-width: 992px) and (max-width: 1199px){ /* -=- Common Element CSS Start -=- */ h1 { margin: 0px 0px 10px; font-size: 46px; line-height: 58px; } h2 { font-size: 30px; line-height: 38px; } h4 { font-size: 20px; line-height: 26px; } h5 { font-size: 18px; line-height: 32px; } /* -=- Common Button Styling -=- */ .white-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern { min-width: 210px; } /* ---- Header CSS ---- */ .line-btn { margin-right: 10px; } .line-btn, .common-color-btn { padding: 12px 15px; font-size: 14px; line-height: 20px; } .site-navigation-inner { padding: 10px 20px; } /* -=- Banner Section -=- */ .banner-slide .container { min-height: calc(100vh - 90px); } .banner .slick-prev { left: calc(50% - 485px); } .banner .slick-next { right: calc(50% - 485px); } /* -=- Home Intro Section -=- */ .home-prod-intro { margin-top: -100px; } .banner-inner-slide p { font-size: 16px; line-height: 24px; } /* -=- Common Spacing CSS -=- */ .common-spacing { padding: 60px 0px; } /* -=- Latest News Section -=- */ .common-lstng-img { margin-bottom: 15px; } .lstng-date { margin: 0px 0px 5px; } .latest-news-inner li { margin: 0px 30px 30px 0px; } /* -=- News Page Design -=- */ .news-read-more { padding: 14px 20px; font-size: 12px; line-height: 18px; } /* -=- company productivity Section -=- */ .cmpny-pdcty > .vc_column_container > .vc_column-inner > .wpb_wrapper { padding: 0px 15px; } /* -=- Blog Inner Page -=- */ .single-post .side-pull-left .main-content-inner { float: left; } /* -=- Contact Us Page CSS -=- */ .contact-section > .vc_column_container p, .contact-section > .vc_column_container ul li, .contact-section > .vc_column_container ul li a { font-size: 13px; line-height: 20px; } .contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper h3 { margin: 0px 0px 14px; font-size: 28px; line-height: 36px; } /* -=- Blog Inner Page -=- */ .common-blog-pg .entry-title { margin: 0px 0px 10px; font-size: 22px; line-height: 32px; } .common-blog-pg blockquote p { font-size: 15px; line-height: 24px; } .common-blog-pg p, .common-blog-pg li { margin: 5px 0px; } .common-blog-pg ol, .common-blog-pg ul { margin: 10px 0px; } .blog-pg #secondary .well h3.widget-title { margin-bottom: 15px; } .blog-pg .recent-post-inner li h6 { margin: 0px 0px 5px; font-size: 13px; line-height: 18px; } .recent-art-des { font-size: 10px; line-height: 12px; } /* -=- Product Listing Page -=- */ .prdct-img-des-wrap, .category-listing li { margin-bottom: 30px; } /* -=- Product Inner Page -=- */ .prdct-img-des-wrap h2 { margin-bottom: 30px; } .prdct-descptn { font-size: 18px; line-height: 26px; } .prod-detail-tab .nav-tabs > li > a { padding: 14px 16px 14px 36px; font-size: 18px; line-height: 30px; } .prod-detail-tab .nav-tabs > li:not(:last-child) { margin-right: 50px; } .prod-detail-tab .tab-content ul li { margin-bottom: 10px; font-size: 16px; line-height: 26px; } .apltn-table.table > thead > tr > th { font-size: 18px; line-height: 26px; } .prdctn-process.forward-arrow::after { right: 95px; } } @media (min-width: 768px) and (max-width: 991px){ /* -=- Common Element CSS Start -=- */ h1 { font-size: 42px; line-height: 54px; } h2 { margin: 0px 0px 38px 0px; font-size: 30px; line-height: 38px; } h3 { font-size: 26px; line-height: 34px; } h4 { font-size: 18px; line-height: 24px; } h5 { font-size: 14px; line-height: 26px; } h6 { font-size: 18px; line-height: 22px; } p { font-size: 14px; line-height: 24px; } /* -=- Common CSS -=- */ .common-spacing { padding: 60px 0px; } /* -=- Header CSS -=- */ #logo img { max-width: 95px; } #menu-main-menu { margin: 10px 0px; } #menu-main-menu > li { margin-left: 16px; } .top-nav { margin: 4px 0px; } .site-navigation-inner { padding: 10px 15px; } .line-btn { margin-right: 10px; } .line-btn, .common-color-btn { padding: 10px 12px; font-size: 12px; line-height: 20px; } #menu-main-menu li a { font-size: 12px; line-height: 18px; } #menu-main-menu > li > .dropdown-menu > li { min-width: 170px; } #menu-main-menu > li > .dropdown-menu > li { padding: 6px 15px; } /* -=- Banner CSS Start -=- */ .banner-slide .container { min-height: calc(100vh - 74px); } .banner-inner-slide p { max-width: 75%; font-size: 14px; line-height: 24px; } .home-prod-intro > .vc_column_container > .vc_column-inner .wpb_wrapper { min-height: 300px; } .banner .slick-prev { left: calc(50% - 375px); } .banner .slick-next { right: calc(50% - 375px); } /* -=- Productivity Section -=- */ .cmpny-pdcty .wpb_single_image img { max-width: 65%; } .cmpny-pdcty > .vc_column_container > .vc_column-inner > .wpb_wrapper { padding: 0px 10px; } /* -=- Who We Are Section -=- */ .who-we-are-des .arrow-btn { margin-top: 30px; } .white-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern { padding: 12px 30px; min-width: 100%; } /* -=- Latest News Section -=- */ .common-lstng-img { min-height: 220px; } /* -=- Product Gallery Section -=- */ .slider-btn a.prev-btn { margin-right: 0px; } .product-gallery .pdct-slide { min-height: 240px; } .product-gallery .pdct-slide h2 { font-size: 18px; line-height: 30px; } .product-gallery .slick-dots { display: none !important;} /* -=- News Page Style -=- */ .news-read-more { margin-top: 12px; padding: 12px 18px; font-size: 12px; line-height: 18px; } /* -=- Contact US Page CSS -=- */ .contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper { padding: 30px 0px; } .contact-section > .vc_column_container ul li, .contact-section > .vc_column_container ul li a { display: block; } .contact-section > .vc_column_container p, .contact-section > .vc_column_container ul li, .contact-section > .vc_column_container ul li a { font-size: 14px; line-height: 22px; } .contact-section > .vc_column_container .address-block, .contact-section > .vc_column_container ul li { margin-bottom: 3px; } .contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper h3 { margin: 0px 0px 12px; font-size: 20px; line-height: 28px; } #eapps-google-maps-1.eapps-google-maps { height: 350px !important; } .contact-des { padding: 0px 16px 25px; font-size: 16px; line-height: 26px; } .contact-us-form-inner { padding: 50px 40px; } .contact-us-form-inner [class*="col-sm-"] { margin-bottom: 20px; } .contact-us-form-inner .wpcf7-text, .contact-us-form-inner .wpcf7-textarea { padding: 10px 16px; font-size: 14px; line-height: 22px; } .contact-us-form-inner .wpcf7-submit { margin-top: 5px; padding: 15px 25px; font-size: 14px; line-height: 20px; } /* -=- Blog Inner Page -=- */ .common-blog-pg { padding: 0px; } .blog-pg .main-content-inner { border: none; } .common-blog-pg .entry-title { margin: 0px 0px 5px; font-size: 22px; line-height: 32px; } .auther-and-date .blog-auther, .auther-and-date { margin-bottom: 32px; font-size: 14px; line-height: 18px; } .common-blog-pg .single-featured { max-height: 300px; } .common-blog-pg blockquote p { margin: 0px; font-size: 16px; line-height: 22px; } .common-blog-pg ol, .common-blog-pg ul { margin: 12px 0px; } .common-blog-pg p, .common-blog-pg li { margin: 4px 0px; font-size: 16px; line-height: 28px; } .blog-pg .well { margin: 20px 0px 0px; padding: 0px; } /* -=- Product Listing Page -=- */ .category-listing li { margin-bottom: 30px; } .category-listing li .cat-img { min-height: 200px; } /* -=- Product Inner Page -=- */ .prdctn-process li .prdctn-proc-img { height: 80px; width: 80px; } .prdctn-process li p { max-width: 80%; } .prdctn-process.forward-arrow::after { height: 20px; width: 20px; right: 70px; } .prdctn-process li .prdctn-proc-img-wrap::after { height: 20px; width: 20px; right: -12px; } .prod-detail-tab .nav-tabs > li > a { padding: 12px 12px 12px 36px; font-size: 16px; line-height: 24px; } .prod-detail-tab .tab-content ul li { margin-bottom: 5px; font-size: 16px; line-height: 26px; } .apltn-table.table > thead > tr > th { padding: 18px 18px 0px 18px; font-size: 18px; line-height: 26px; } .apltn-table tbody tr td { padding: 18px; } .prod-detail-tab .nav-tabs > li:not(:last-child){ margin-right: 90px; } .prdct-descptn { font-size: 18px; line-height: 28px; } .prdct-img-des-wrap { margin-bottom: 30px; } .prdct-img-des-wrap h2 { margin: 0px 0px 28px 0px; font-size: 24px; line-height: 32px; } /* -=- Map Styling -=- */ /* -=- Footer CSS -=- */ #colophon { padding: 20px 0px; } .ftr-nav { float: left; } .cmn-ftr-txt, #menu-footer-widget-menu li a, .footer-widget p { font-size: 14px; line-height: 24px; } .footer-widget-area .widgettitle { margin: 0px 0px 12px; font-size: 22px; line-height: 32px; } #menu-footer-widget-menu li { margin-bottom: 8px; } ul.reach-us-box li { margin: 0px 0px 14px; } #footer-area .footer-widget-area { padding: 40px 0px; } .prdct-innerpg-img .pb-img { background-size: 100%; } } @media (max-width: 767px){ /* -=- Common Element CSS -=- */ h1 { font-size: 26px; line-height: 38px; } h2 { margin: 0px 0px 30px 0px; font-size: 22px; line-height: 32px; } h2:after { width: 60px; } h3 { margin: 0px 0px 25px; font-size: 24px; line-height: 30px; } h4 { font-size: 18px; line-height: 24px; } h5 { margin: 0px; font-size: 12px; line-height: 24px; } h6 { margin: 10px 0px; font-size: 18px; line-height: 22px; } p { font-size: 14px; line-height: 24px; } /* -=- Common CSS -=- */ .common-spacing { padding: 50px 0px; } /* -=- Common Button Styling -=- */ .common-error-btn, .common-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern { padding: 15px 28px; font-size: 12px; line-height: 18px; } .view-more-btn { padding: 10px 25px; font-size: 14px; line-height: 20px; } .news-read-more, .arrow-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern.vc_btn3-icon-right { padding-right: 52px !important; } /* -=- Header CSS -=- */ .site-navigation-inner { padding: 5px 15px; } .site-navigation-inner .navbar-toggle { padding: 10px 15px; margin: 18px 0px; } #menu-main-menu { margin: 0px; padding: 10px 0px; } #menu-main-menu li { margin-left: 0px; } .top-nav { margin: 0px; } .navbar-toggle { border: none; } .navbar-default .navbar-collapse { border:0px; width: 100%; } .top-nav { margin: 0px -15px; } /* -=- Banner Section CSS -=- */ .banner .slick-list { height: auto !important; } .banner-slide .container { min-height: calc(100vh - 80px); } .banner .slick-prev { left: 0px; } .banner .slick-next { right: 0px; } .banner-inner-slide p { max-width: 80%; font-size: 14px; line-height: 20px; } .home-prod-intro { margin-top: 0px; } .home-prod-intro > .vc_column_container > .vc_column-inner .wpb_wrapper { min-height: 220px; } .banner-btn { margin-top: 0px; padding: 10px 30px; font-size: 14px; line-height: 24px; } .banner-des { display: none; } /* -=- Company Productivity Section -=- */ .cmpny-pdcty > .vc_column_container > .vc_column-inner > .wpb_wrapper .wpb_single_image.vc_align_left, .cmpny-pdcty > .vc_column_container > .vc_column-inner > .wpb_wrapper h6, .cmpny-pdcty > .vc_column_container > .vc_column-inner > .wpb_wrapper { text-align: center !important; } .cmpny-pdcty > .vc_column_container > .vc_column-inner > .wpb_wrapper { padding: 0px; } .cmpny-pdcty > .vc_column_container > .vc_column-inner > .wpb_wrapper .wpb_single_image img { max-width: 70%; } .cmpny-pdcty > .vc_column_container { margin-bottom: 20px; } /* -=- Who We Are Section -=- */ .who-we-are-des { margin-top: 30px; } .who-we-are-des .arrow-btn { margin-top: 30px; } /* -=- Common Brochure Section -=- */ .common-brochure-section { text-align: center; } .common-brochure-section h5 { margin-bottom: 20px; text-align: center !important; } /* -=- Product Gallery Section -=- */ .product-gallery .pdct-slide { min-height: 260px; } .product-gallery .slick-slide h2, .product-gallery .slick-slide .pdct-slide::after { opacity: 1; } /* -=- Latest News Section -=- */ .latest-news-inner { display: block; } .latest-news-inner li { margin: 0px 30px 25px 0px; width: 100%; } /* -=- Feature Products -=- */ .slider-btn { text-align: right; font-size: 0px; line-height: 0px; } .slider-btn a { background-size: 26px 26px; } .slider-btn a.prev-btn { margin: 0px; } /* -=- Footer Widget CSS -=- */ .footer-widget-area .footer-widget { margin-bottom: 25px; } #menu-main-menu { float: none; } .footer-widget-area .footer-widget:last-child { margin-bottom: 0px; } .footer-widget-area .widgettitle { margin: 0px 0px 15px; font-size: 22px; line-height: 32px; } ul.reach-us-box li { margin: 0px 0px 16px; } #footer-area .footer-widget-area .footer-widget:first-child p { margin-bottom: 15px; } /* -=- Common Small Banner CSS -=- */ .common-small-banner { padding: 35px 0px; } .common-small-banner h1 { margin-bottom: 25px; } /* -=- Our Team Section CSS -=- */ .who-we-are-profile-section { } .who-we-are-profile-section > .vc_column_container { margin-bottom: 20px; } .who-we-are-profile-section > .vc_column_container h3 { margin: 12px 0px 4px; } .who-we-are-profile-section > .vc_column_container p { margin-bottom: 0px; } /* -=- News Page CSS -=- */ .latest-news-inner li { margin-right: 0px; } .news-read-more { margin-top: 12px; padding: 12px 18px; font-size: 12px; line-height: 16px; } .news-read-more i { right: 22px; } .news-read-more:hover i, .news-read-more:focus i { right: 14px; } .latest-news-inner li:last-child { margin-bottom: 30px !important; } /* -=- Contact Us Page -=- */ .contact-us-form { margin-top: 0px; } .contact-des { padding: 0px 16px 20px; font-size: 14px; line-height: 20px; } .contact-us-form-inner .wpcf7-text, .contact-us-form-inner .wpcf7-textarea { padding: 10px 14px; font-size: 14px; line-height: 22px; } .contact-us-form-inner { padding: 25px 0px; } .contact-us-form-inner .wpcf7-submit { margin-top: 0px; padding: 15px 25px; font-size: 14px; line-height: 18px; } /* -=- Contact Section -=- */ .contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper { padding: 20px 0px; } .contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper h3 { margin: 0px 0px 12px; font-size: 20px; line-height: 28px; } .contact-section > .vc_column_container p, .contact-section > .vc_column_container ul li, .contact-section > .vc_column_container ul li a { font-size: 14px; line-height: 22px; } .contact-section > .vc_column_container .address-block, .contact-section > .vc_column_container ul li { margin-bottom: 5px; } .common-spacing.contact-us-detail-section { padding: 0px; } #eapps-google-maps-1.eapps-google-maps { height: 300px !important; } /* -=- Blog Page CSS -=- */ .common-blog-pg { padding: 0px; } .common-blog-pg .entry-title { margin: 0px 0px 10px; font-size: 16px; line-height: 22px; } .auther-and-date .blog-auther, .auther-and-date { font-size: 12px; line-height: 16px; } .auther-and-date { margin-bottom: 20px; } .auther-and-date .blog-auther:after { top: calc(100% + 5px); } .common-blog-pg .single-featured { margin: 0px auto 12px; } .common-blog-pg h4, .common-blog-pg h5, .common-blog-pg h6 { margin-bottom: 5px; } .common-blog-pg p, .common-blog-pg li { margin: 5px 0px; font-size: 14px; line-height: 24px; } .common-blog-pg ol, .common-blog-pg ul { margin: 15px 0px; } .common-blog-pg blockquote p { font-size: 16px; line-height: 24px; } .blog-pg #secondary .well h3.widget-title { margin-bottom: 12px; font-size: 16px; line-height: 24px; } .blog-pg .well { padding: 0px; margin-bottom: 0px; } .blog-pg .recent-post-inner li h6 { font-size: 12px; line-height: 20px; } .recent-art-des { font-size: 10px; line-height: 14px; } .category-listing li { margin: 0px 0px 30px; width: 100%; } .category-listing li .cat-img { margin-bottom: 14px; } /* -=- Product Inner Page -=- */ .prdct-descptn { font-size: 16px; line-height: 30px; } .prdct-img-des-wrap { margin-bottom: 10px; } .prod-detail-tab .nav-tabs > li { float: none; width: 100%; } .prod-detail-tab .nav-tabs > li > a { padding: 12px 12px 12px 36px; font-size: 16px; line-height: 22px; } .prod-detail-tab .nav-tabs > li > a::before { width: 25px; height: 25px; } .prdctn-process { display: block; } .prdctn-process li { margin-bottom: 60px; } .prdctn-process li:after { content: ""; height: 25px; width: 25px; background: url("https://shreejicorpindia.com/wp-content/themes/shreeji-corp-child/images/production-arrow.svg") no-repeat center center / 100% 100%; display: block; position: absolute; bottom: -34px; transform: translateX(-50%); right: calc(50% - 17px); transform: rotate(90deg); } .prdctn-process.forward-arrow li:last-child { display: block; } .prdctn-process.forward-arrow::after, .prdctn-process li:last-child:after, .prdctn-process li .prdctn-proc-img-wrap::after { display: none; } .prod-detail-tab .nav-tabs > li.active::after, .prod-detail-tab .nav-tabs > li.active::after, .prod-detail-tab .nav-tabs > li.active::after { width: 30%; } .prod-detail-tab .tab-content ul li { margin-bottom: 6px; font-size: 14px; line-height: 22px; } .apltn-table.table > thead > tr > th { padding: 12px 12px 0px 12px; font-size: 16px; line-height: 22px; } .apltn-table tbody tr td { padding: 14px; font-size: 14px; line-height: 24px; } .prdct-innerpg-img { margin-bottom: 25px; } /* -=- Terms And Condition Page CSS -=- */ .common-text li, .common-text p { margin: 8px 0px; font-size: 16px; line-height: 24px; } .common-text ul, .common-text ol { margin: 10px 0px 0px; } .common-text ul ul, .common-text ul ol, .common-text ol ul, .common-text ol ol { padding-left: 20px; } /* -=- Footer CSS -=- */ #footer-area .footer-widget-area { padding: 40px 0px; } .copyright { float: none; } .design-dev > div { justify-content: center; } .footer-widget-area .widgettitle { margin: 0px 0px 12px; } .footer-widget .widget_media_image { margin-bottom: 15px; } .cmn-ftr-txt, #menu-footer-widget-menu li a, .footer-widget p { font-size: 14px; line-height: 24px; } #menu-footer-widget-menu li { margin-bottom: 8px; } ul.reach-us-box li { margin: 0px 0px 14px; } .copyright, #menu-footer-menu { margin-bottom: 5px; } .prdct-innerpg-img.product-images-slider .slick-prev, .prdct-innerpg-img.product-images-slider .slick-next { display: none !important; } .prdct-innerpg-img .pb-img { background-size: 100%; } } @media (min-width: 768px) and (max-height: 580px) { .home-prod-intro { margin-top: 0px; } } @media (min-height: 500px) and (max-height: 750px) { .banner-inner-slide h1 { font-size: 32px; line-height: 40px; } .home-prod-intro { margin-top: -75px; } } #footer-area ul li, #footer-area .widget_nav_menu ul li a{ color: #212121; } .prdct-innerpg-img { margin-top: 5px; } p.prdct-descptn span { margin-bottom: 10px !important; display: block; } .word{ color: white; } select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required { width: 100%; background: #f5f5f5; padding: 20px; border: 0px; } #brochure_page.vc_row { margin-left: 0px !important; margin-right: 0px !important; } #brochure_page .mr_auto{margin:auto;} .sticky { position: fixed; top: 40%; right: 0px; width: 35px; height: 125px; background-color: #F86305; border-radius: 20px 0px 0px 20px; cursor: pointer; text-decoreation: none; z-index: 99999; } .sticky .text-color a { display: block; padding: 2px 19px; white-space: nowrap; color: #fff; transform: rotate(90deg); text-decoration: none; font-size: 14px; } @media (max-width:768px){ .site-navigation-inner.col-sm-12 { display: flex; align-items: center; justify-content: space-between; } }