/* CSS Style Sheet */ body { font-size: 16px; line-height: 25px; font-family: 'Ubuntu', sans-serif; /*font-family: 'Oswald', sans-serif;*/ } a:hover, a:focus { text-decoration: none; } /* header start here */ header { color: #fff; margin: 0; font-size: 14px; background: linear-gradient(#85e209,#6b920b); padding: 5px 0; } header > div > div > div:first-child a { margin-right: 30px; } header > div > div > div:first-child p { display: inline; margin: 0; } header > div > div > div > div { float: right; } header > div > div > div > div:nth-child(2) { margin-right: 30px; margin-left: 15px; } header > div > div > div > div:nth-child(3) { padding-right: 5px; border-right: 1px solid #c7ffe8; } header form input[type=text] {border: 1px solid #c7ffe8; border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; padding: 2px 10px; width: 150px; color: #c7ffe8; margin: 0; line-height: 20px; float: right; border-right: 0; background: rgba(167,44,50,.1); } header form input[type=submit] {border: 1px solid #c7ffe8; font-family: FontAwesome; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; background-color: #c7ffe8; color: #007a47; padding: 0px 6px; font-size: 13px; line-height: 24px; float: right; cursor: pointer; } header i { margin-right: 10px; } header a, header a i { color: #c7ffe8 !important; } header a:hover, header a i:hover { opacity: .5; } /* header end here */ /* navigation section start here */ #navigation { background-color: #fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35); } nav.navbar { padding: 10px 0; } nav .navbar-brand { margin-right: 65px; } nav .navbar-brand img { width:220px; float: left; } nav .navbar-brand h1 { float: left; font-family: 'Oswald', sans-serif; font-size: 32px; text-transform: uppercase; line-height: 43px; margin-left: 15px; } nav ul { margin:0; padding:0; list-style:none; text-transform: uppercase; } nav ul li { float:left; position:relative; } nav ul li:hover a { color:#007a47; transition: .3s; background-color: rgba(0,122,71,.2); border-top: 2px solid #616764; transition: .5s; } nav ul li a { margin:0; display:block; line-height: 25px; padding: 0 12px; color:#616764; border-top: 2px solid #fff; transition: .5s; } nav ul li a:hover { text-decoration:none; color: #007a47; background-color: rgba(0,122,71,.2); border-top: 2px solid #007a47; transition: .5s; } /* dropdown menu start here */ nav ul li ul {position: absolute; width:260px; left: 0; background-color: #007a47; opacity:0; top: -2000px; } nav ul li:hover ul {left:0; top: 50px; opacity:1; } nav ul li ul li { float:none; border-bottom: 1px solid #c7ffe8; padding-left: 10px; } nav ul li ul li:last-child { border: 0; } nav ul li ul li a { font-size:13px; color:#fff !important; transition: .2s; padding: 0; line-height: 32px; margin: 0; border: 0 !important; } nav ul li ul li a:hover { border:0 ; padding-left: 10px; color:#fff !important; transition: .2s; } nav ul li:hover ul li ul {position: absolute; width:200px; left: 230px; top: -99999px; background-color: #f5f5f5; z-index:9999; opacity:0; } nav ul li:hover ul li:hover ul {right:200px; top: 0; opacity:1; background-color: #007a47; } nav ul li:hover ul li:hover ul li ul {position: absolute; width:200px; left: 180px; top: -99999px; background-color:#f5f5f5; z-index:9999; opacity:0; } nav ul li:hover ul li:hover ul li:hover ul {right:175px; top: 0; opacity:1; } /* navigation section end here */ /* main-slider section start */ .main-slider h2 { font-weight:bold; color: #fff; font-family: 'Vollkorn', serif; text-transform: uppercase; font-size: 40px; background-color: rgba(0,120,170,.6); padding: 0 25px; line-height: 65px; } .main-slider .text { padding:15px; background-color: rgba(230,126,3,.5); } .btn-style-one{ position:relative; padding:8px 30px; line-height:20px; text-transform:uppercase; display:inline-block; background:#007a47; color:#ffffff !important; font-size:11px; font-style:normal; border:2px solid #fff !important; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .btn-style-one .icon { position:relative; padding-left:5px; } .btn-style-one:hover { background:#ffffff; color:#007a47 !important; border-color:#007a47 !important; } /* main-slider section end */ /* about start here */ #about { padding: 75px 0; background-size: 80% 100%; background-attachment:fixed; } #about h2 { font-size: 27px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #007a47; } #about .btn-success { background: linear-gradient(#00a15e,#007a47); border:0; transition: .5s; padding: 5px 20px;} #about .btn-success:hover { background: linear-gradient(#007a47,#00a15e); transition: .5s; } /* about end here */ /* projects start here */ #projects { padding: 75px 0; text-align: center; } #projects h2 { font-size: 27px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #666; } #projects h3 { font-size: 22px; font-family: 'Oswald', sans-serif; height: 30px; overflow: hidden; } #projects h3 a { color: #666; transition: .5s; font-weight: 300; } #projects h3 a:hover { color: #666; transition: .5s; opacity: .5; } #projects .item { background-color: rgba(255,255,255,0.30); padding: 15px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #projects .item > div { height: 100px; width: 100%; overflow: hidden; margin-bottom: 10px; } #projects .item > div > img { height: auto; width: 100%; } #projects a { transition: .5s; color: #007a47; } #projects a:hover { color: #007a47; transition: .5s; opacity: .5; } #projects p { margin-bottom: 5px; } /* projects end here */ /* clientFeed start here */ #clientFeed { padding: 75px 0; background: url(../img/client-bg.jpg) top left no-repeat; background-size: 100% 100%; background-attachment: fixed; color: #111; } #clientFeed h2 { font-size: 27px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #c9ff82; } #clientFeed .flexslider { background-color: rgba(0,0,0,0.6); border: 4px solid rgba(0,0,0,0); margin-bottom: 30px; padding: 25px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #fff; } #clientFeed .item > div > div { width: 60px; height: 60px; float: left; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; margin-right: 25px; overflow: hidden; } #clientFeed .item > div > div > img { width: 100%; height: auto; } #clientFeed h4 { font-size: 18px; font-family: 'Oswald', sans-serif; color: #c9ff82; margin-top: 25px; } #clientFeed h4 small { display: block; font-family: 'Ubuntu', sans-serif; } #clientFeed .flex-direction-nav .flex-next, #clientFeed .flex-direction-nav .flex-prev { display: none; } /* clientFeed end here */ /* clients start here */ #clients { padding: 75px 0; text-align: center; } #clients h2 { font-size: 27px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #007a47; } #clients img { width: 80%; height: auto; } .owl-theme .owl-nav.disabled + .owl-dots { display: none; } /* clientFeed end here */ /* clients2 start here */ #clients2 { display: none; } /* clients2 end here */ /* map start here */ #map { height: 400px; } /* map end here */ /* footerCon start here */ #footerCon { padding: 50px 0 15px; background: linear-gradient(#00a15e,#007a47); color: #f5f5f5; } #footerCon h3 { font-size: 22px; color: #c9ff82; } #footerCon ul { margin: 0; padding: 0; } #footerCon li { list-style: none; } #footerCon li a { color: #c7ffe8; } #footerCon li a:hover { opacity: .8; } #footerCon i { margin-right: 10px; } #footerCon > div > div > div:last-child > a { text-align: center; width: 30px; padding: 3px 0; background-color: #007a47; display: inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; transition: .5s; } #footerCon > div > div > div:last-child > a > i { margin: 0; color: #c9ff82 !important; transition: .5s; } #footerCon > div > div > div:last-child > a:hover { background-color: #c9ff82; transition: .5s; } #footerCon > div > div > div:last-child > a:hover > i { margin: 0; color: #007a47 !important; transition: .5s; } #footerCon input[type=email] { width: 100%; border: 1px solid #007a47; background: transparent; padding: 2px 5px; color: #fff; } #footerCon input[type=submit] { background: #007a47; color: #c9ff82; border: 0; padding: 3px 15px; cursor: pointer; } #footerCon input::placeholder {color: #fff; } #footerCon input:focus::placeholder {color: transparent !important; } /* footerCon end here */ /* footer start here */ footer { padding: 10px 0; background: #007a47; text-align: center; color: #fff; } footer p { margin: 0; } footer a { color: #c7ffe8; } footer a:hover { color: #c7ffe8; opacity: .5; } footer #myBtn { display: none; position: fixed; right: 25px; bottom: 25px; transition: .5s; } footer #myBtn a { color: #007a47; transition: .5s; background-color: #c9ff82; width: 40px; height: 40px; font-size: 22px; line-height: 36px; text-align: center; z-index: 500; cursor: pointer; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; display: block; } footer #myBtn a:hover { background-color: #007a47; transition: .5s; color:#c9ff82; } /* footerContent end here */ /* cat-page section start */ #cat-page { padding:0 0 50px; background: url(../img/pages-top.jpg) top left no-repeat; background-size: 100% 200px; } #cat-page a { color: #007a47; transition: .3s; } #cat-page a:hover { color: #333; transition: .3s; } #cat-page img { width: 100%; height: auto; } #cat-page > div > div > div:first-child ul { margin: 0 0 40px; text-align: center; line-height: 200px; font-weight: bold; font-family: 'Oswald', sans-serif; color: #fff; font-size: 25px; padding: 0; } #cat-page > div > div > div:first-child ul li { list-style: none; display: inline; margin-right: 10px; } #cat-page > div > div > div:first-child ul li.separator { font-size:18px; font-weight:100; color:#f5f5f5; } #cat-page > div > div > div:first-child ul li i { padding-right: 8px; } #cat-page > div > div > div:first-child ul li a { line-height: 35px; color:#111; } #cat-page > div > div > div:first-child ul li a:hover { color:#666; } #cat-page ul { margin: 0; } #cat-page ul li { list-style: none; } #cat-page ul li a { line-height: 35px; color:#007a47; } #cat-page ul li a:hover { color:#333; } #cat-page h3 { font-size: 25px; margin-bottom: 15px; } /* cat-page section end */ /* Page Navi start here */ .wp-pagenavi { padding: 25px 0; } .wp-pagenavi span.current { color: #f5f5f5; background-color: #007a47; border: 1px solid #007a47; transition: .2s; padding: 3px 5px; } .wp-pagenavi > a {float:none; margin:0 2px; padding:3px 5px; line-height: 25px; background-color:#fff; border:1px solid #007a47; transition: .2s; color: #111; } .wp-pagenavi > a:hover { color: #f5f5f5; background-color: #007a47; border: 1px solid #007a47; transition: .2s; padding: 3px 5px; } .wpcf7 { margin-top: 25px; } /* Page Navi end here */ /* archive section start*/ #archive { padding:0 0 50px; background: url(../img/pages-top-products.jpg) top left no-repeat; background-size: 100% 200px; } #archive > div > div > div:nth-child(1) > ul { margin: 0 0 40px; text-align: center; line-height: 200px; font-weight: bold; font-family: 'Oswald', sans-serif; color: #007a47; font-size: 25px; padding: 0; } #archive > div > div > div:nth-child(1) > ul li { list-style: none; display: inline; margin-right: 10px; } #archive > div > div > div:nth-child(1) > ul li.separator { font-size:18px; font-weight:100; color:#007a47; } #archive > div > div > div:nth-child(1) > ul li i { padding-right: 8px; } #archive > div > div > div:nth-child(1) > ul li a { line-height: 35px; color:#111; } #archive > div > div > div:nth-child(1) > ul a:hover { color:#666; } #archive h2 { font-size: 32px; line-height: 45px; background-color: #f5f5f5; padding-left: 20px; color: #007a47; } #archive h3 { font-size: 25px; margin-bottom: 25px; } #archive h4 { font-size: 20px; } #archive img { width: 100%; height: auto; transition: .5s; } #archive ul { margin: 0; padding: 0; } #archive ul li { list-style: none; } #archive ul li a { line-height: 35px; color:#007a47; } #archive ul li a:hover { color:#333; } /* archive section end */ /* archiveMember section start*/ #archiveMember { padding:0 0 50px; background: url(../img/pages-top-team.jpg) top left no-repeat; background-size: 100% 200px; } #archiveMember > div > div > div:nth-child(1) > ul { margin: 0 0 40px; text-align: center; line-height: 200px; font-weight: bold; font-family: 'Oswald', sans-serif; color: #007a47; font-size: 25px; padding: 0; } #archiveMember > div > div > div:nth-child(1) > ul li { list-style: none; display: inline; margin-right: 10px; } #archiveMember > div > div > div:nth-child(1) > ul li.separator { font-size:18px; font-weight:100; color:#007a47; } #archiveMember > div > div > div:nth-child(1) > ul li i { padding-right: 8px; } #archiveMember > div > div > div:nth-child(1) > ul li a { line-height: 35px; color:#111; } #archiveMember > div > div > div:nth-child(1) > ul a:hover { color:#666; } #archiveMember h2 { font-size: 32px; line-height: 45px; background-color: #f5f5f5; padding-left: 20px; color: #007a47; } #archiveMember h3 { font-size: 25px; margin-bottom: 25px; } #archiveMember h4 { font-size: 20px; } #archiveMember h4 small { border-bottom: 1px solid #007a47; width: 100px; white-space: nowrap; margin: 0 auto; display: block; padding-top: 10px; } #archiveMember img { width: 100%; height: auto; transition: .5s; } #archiveMember ul { margin: 0; padding: 0; } #archiveMember ul li { list-style: none; } #archiveMember ul li a { line-height: 35px; color:#007a47; } #archiveMember ul li a:hover { color:#333; } #archiveMember > div > div > div > div > div > div > div { height: 405px; } #archiveMember > div > div > div > div > div > div > div:last-child { height: auto; } #archiveMember > div > div > div > div > div > div > div p { margin-bottom: 10px; } #archiveMember > div > div > div > div > div > div > div > div:nth-child(1) { width: 100%; overflow: hidden; height: 250px; position: relative; } #archiveMember > div > div > div > div > div > div > div > div:nth-child(2) { width: 80%; position: absolute; top: 210px; background: #fff; padding: 15px; left: 10%; text-align: center; padding-bottom: 0; } #archiveMember > div > div > div > div > div > div > div > div:nth-child(2) a i { color: #007a47 !important; padding: 0 10px; transition: .5s; } #archiveMember > div > div > div > div > div > div > div > div:nth-child(2) a:hover i { color: #111 !important; transition: .5s; } /* archive section end */ /* archiveWorks section start*/ #archiveWorks { padding:0 0 50px; background: url(../img/pages-top-works.jpg) top left no-repeat; background-size: 100% 200px; } #archiveWorks > div > div > div:nth-child(1) > ul { margin: 0 0 40px; text-align: center; line-height: 200px; font-weight: bold; font-family: 'Oswald', sans-serif; color: #007a47; font-size: 25px; padding: 0; } #archiveWorks > div > div > div:nth-child(1) > ul li { list-style: none; display: inline; margin-right: 10px; } #archiveWorks > div > div > div:nth-child(1) > ul li.separator { font-size:18px; font-weight:100; color:#007a47; } #archiveWorks > div > div > div:nth-child(1) > ul li i { padding-right: 8px; } #archiveWorks > div > div > div:nth-child(1) > ul li a { line-height: 35px; color:#111; } #archiveWorks > div > div > div:nth-child(1) > ul a:hover { color:#666; } #archiveWorks h2 { font-size: 32px; line-height: 45px; background-color: #f5f5f5; padding-left: 20px; color: #007a47; } #archiveWorks h4 { font-size: 20px; } #archiveWorks img { width: 100%; height: auto; transition: .5s; } #archiveWorks > div > div > div > div { width: 40%; height: 200px; margin-right: 20px; margin-bottom: 20px; float: left; overflow: hidden; border: 1px solid #f5f5f5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; transition: .5s; -webkit-box-shadow: 0px 0px 10px 0px rgba(150,150,150,1); -moz-box-shadow: 0px 0px 10px 0px rgba(150,150,150,1); box-shadow: 0px 0px 10px 0px rgba(150,150,150,1); } #archiveWorks > div > div > div > div:last-child { width: 40%; height: auto; border: 0; box-shadow: none; } #archiveWorks > div > div > div > div:hover > img { transform: scale(1.10,1.10); } #archiveWorks > div > div > div > p { margin-bottom: 0; } #archiveWorks a { color:#007a47; transition: .5s; } #archiveWorks a:hover { color:#333; transition: .5s; } #archiveWorks .wp-pagenavi { padding: 25px 0; } #archiveWorks .wp-pagenavi > a {float:none; margin:0 2px; padding:3px 5px; line-height: 25px; background-color:#fff; border:1px solid #007a47; transition: .2s; color: #007a47; } #archiveWorks .wp-pagenavi > a:hover { color: #f5f5f5; background-color: #007a47; border: 1px solid #007a47; transition: .2s; padding: 3px 5px; } #archiveWorks .wpcf7 { margin-top: 25px; } /* archiveWorks section end */ /* archiveCareer section start*/ #archiveCareer { padding:0 0 50px; background: url(../img/pages-top-career.jpg) top left no-repeat; background-size: 100% 200px; } #archiveCareer > div > div > div:nth-child(1) > ul { margin: 0 0 40px; text-align: center; line-height: 200px; font-weight: bold; font-family: 'Oswald', sans-serif; color: #007a47; font-size: 25px; padding: 0; } #archiveCareer > div > div > div:nth-child(1) > ul li { list-style: none; display: inline; margin-right: 10px; } #archiveCareer > div > div > div:nth-child(1) > ul li.separator { font-size:18px; font-weight:100; color:#007a47; } #archiveCareer > div > div > div:nth-child(1) > ul li i { padding-right: 8px; } #archiveCareer > div > div > div:nth-child(1) > ul li a { line-height: 35px; color:#111; } #archiveCareer > div > div > div:nth-child(1) > ul a:hover { color:#666; } #archiveCareer h2 { font-size: 32px; line-height: 45px; background-color: #f5f5f5; padding-left: 20px; color: #007a47; } #archiveCareer h4 { font-size: 20px; } #archiveCareer table thead th { border: 0; } #archiveCareer table thead th:nth-child(1), #archiveWorks table tbody td:nth-child(1) { width:25%; } #archiveCareer table thead th:nth-child(2), #archiveWorks table tbody td:nth-child(2) { width:45%; } #archiveCareer table thead th:nth-child(3), #archiveWorks table tbody td:nth-child(3) { width:10%; } #archiveCareer table thead th:nth-child(4), #archiveWorks table tbody td:nth-child(4) { width:10%; } #archiveCareer table thead th:nth-child(4), #archiveWorks table tbody td:nth-child(4) { width:10%; } #archiveCareer a { color:#007a47; transition: .5s; } #archiveCareer a:hover { color:#333; transition: .5s; } #archiveCareer .wp-pagenavi { padding: 25px 0; } #archiveCareer .wp-pagenavi > a {float:none; margin:0 2px; padding:3px 5px; line-height: 25px; background-color:#fff; border:1px solid #007a47; transition: .2s; color: #007a47; } #archiveCareer .wp-pagenavi > a:hover { color: #f5f5f5; background-color: #007a47; border: 1px solid #007a47; transition: .2s; padding: 3px 5px; } #archiveWorks .wpcf7 { margin-top: 25px; } /* archiveWorks section end */ /* archiveService section start*/ #archiveService { padding:0 0 50px; background: url(../img/pages-top-service.jpg) top left no-repeat; background-size: 100% 200px; } #archiveService > div > div > div:nth-child(1) > ul { margin: 0 0 40px; text-align: center; line-height: 200px; font-weight: bold; font-family: 'Oswald', sans-serif; color: #007a47; font-size: 25px; padding: 0; } #archiveService > div > div > div:nth-child(1) > ul li { list-style: none; display: inline; margin-right: 10px; } #archiveService > div > div > div:nth-child(1) > ul li.separator { font-size:18px; font-weight:100; color:#007a47; } #archiveService > div > div > div:nth-child(1) > ul li i { padding-right: 8px; } #archiveService > div > div > div:nth-child(1) > ul li a { line-height: 35px; color:#111; } #archiveService > div > div > div:nth-child(1) > ul a:hover { color:#666; } #archiveService h2 { font-size: 32px; line-height: 45px; background-color: #f5f5f5; padding-left: 20px; color: #007a47; } #archiveService h3 { font-size: 25px; margin-bottom: 25px; } #archiveService h4 { font-size: 20px; } #archiveService img { width: 100%; height: auto; transition: .5s; } #archiveService ul { margin: 0; padding: 0; } #archiveService ul li { list-style: none; } #archiveService ul li a { line-height: 35px; color:#007a47; } #archiveService ul li a:hover { color:#333; } /* archiveService section end */ /* archiveProducts section start*/ #archiveProducts { padding:0 0 50px; background: url(../img/pages-top-products.jpg) top left no-repeat; background-size: 100% 200px; } #archiveProducts > div > div > div:nth-child(1) > ul { margin: 0 0 40px; text-align: center; line-height: 200px; font-weight: bold; font-family: 'Oswald', sans-serif; color: #007a47; font-size: 25px; padding: 0; } #archiveProducts > div > div > div:nth-child(1) > ul li { list-style: none; display: inline; margin-right: 10px; } #archiveProducts > div > div > div:nth-child(1) > ul li.separator { font-size:18px; font-weight:100; color:#007a47; } #archiveProducts > div > div > div:nth-child(1) > ul li i { padding-right: 8px; } #archiveProducts > div > div > div:nth-child(1) > ul li a { line-height: 35px; color:#111; } #archiveProducts > div > div > div:nth-child(1) > ul a:hover { color:#666; } #archiveProducts h2 { font-size: 32px; line-height: 45px; background-color: #f5f5f5; padding-left: 20px; color: #007a47; } #archiveProducts h3 { font-size: 25px; margin-bottom: 25px; } #archiveProducts h4 { font-size: 20px; } #archiveProducts img { width: 100%; height: auto; transition: .5s; } #archiveProducts ul { margin: 0; padding: 0; } #archiveProducts ul li { list-style: none; } #archiveProducts ul li a { line-height: 35px; color:#007a47; } #archiveProducts ul li a:hover { color:#333; } /* archiveProducts section end */ /* singlePage section start*/ #singlePage { padding:0 0 50px; background: url(../img/pages-top.jpg) top left no-repeat; background-size: 100% 200px; } #singlePage a { color: #999; transition: .3s; } #singlePage a:hover { color: #999; transition: .3s; } #singlePage > div > div > div:nth-child(1) > ul { margin: 0 0 40px; text-align: center; line-height: 200px; font-weight: bold; font-family: 'Oswald', sans-serif; color: #fff; font-size: 25px; padding: 0; } #singlePage > div > div > div:nth-child(1) > ul li { list-style: none; display: inline; margin-right: 10px; } #singlePage > div > div > div:nth-child(1) > ul li.separator { font-size:18px; font-weight:100; color:#f5f5f5; } #singlePage > div > div > div:nth-child(1) > ul li i { padding-right: 8px; } #singlePage > div > div > div:nth-child(1) > ul li a { line-height: 35px; color:#111; } #singlePage > div > div > div:nth-child(1) > ul a:hover { color:#666; } #singlePage ul { margin: 0; padding: 0; } #singlePage ul li { list-style: none; } #singlePage ul li a { line-height: 35px; color:#007a47; } #singlePage ul li a:hover { color:#333; } #singlePage img { width: auto; height: 400px; } #singlePage h3 { font-size: 25px; margin-bottom: 15px; } /* singlePage section end */ /* singlePageCareer section start*/ #singlePageCareer { padding:0 0 50px; background: url(../img/pages-top-career.jpg) top left no-repeat; background-size: 100% 200px; } #singlePageCareer a { color: #999; transition: .3s; } #singlePageCareer a:hover { color: #999; transition: .3s; } #singlePageCareer > div > div > div:nth-child(1) > ul { margin: 0 0 40px; text-align: center; line-height: 200px; font-weight: bold; font-family: 'Oswald', sans-serif; color: #007a47; font-size: 25px; padding: 0; } #singlePageCareer > div > div > div:nth-child(1) > ul li { list-style: none; display: inline; margin-right: 10px; } #singlePageCareer > div > div > div:nth-child(1) > ul li.separator { font-size:18px; font-weight:100; color:#007a47; } #singlePageCareer > div > div > div:nth-child(1) > ul li i { padding-right: 8px; } #singlePageCareer > div > div > div:nth-child(1) > ul li a { line-height: 35px; color:#111; } #singlePageCareer > div > div > div:nth-child(1) > ul a:hover { color:#666; } #singlePageCareer h3 { font-size: 25px; margin-bottom: 15px; } #singlePageCareer h3 small { display: block; font-weight: normal; font-size: 16px; } #singlePageCareer > div > div > div:nth-child(3) li { list-style: none; } #singlePageCareer input[type=submit] { background-color: #007a47; border: 1px solid #007a47; color: #f5f5f5; padding: 5px 10px; transition: .7s; margin-top: 15px; } #singlePageCareer input[type=submit]:hover { background-color: #fff; color: #007a47; padding: 5px 10px; transition: .7s; cursor: pointer; } #singlePageCareer input[type=text], #singlePageCareer input[type=email] { width: 100%; border:1px solid #007a47; color: #007a47; padding:5px 10px; margin-bottom:12px; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #singlePageCareer textarea { width: 100%; border:1px solid #007a47; color:#007a47; padding:5px 10px; margin-bottom:15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 150px; } #singlePageCareer input::placeholder, #singlePageCareer textarea::placeholder {color: #007a47; } #singlePageCareer input:focus::placeholder, #singlePageCareer textarea:focus::placeholder {color: transparent !important; } /* singlePageCareer section end */ /* singlePageService section start*/ #singlePageService { padding:0 0 50px; background: url(../img/pages-top-service.jpg) top left no-repeat; background-size: 100% 200px; } #singlePageService a { color: #999; transition: .3s; } #singlePageService a:hover { color: #999; transition: .3s; } #singlePageService > div > div > div:nth-child(1) > ul { margin: 0 0 40px; text-align: center; line-height: 200px; font-weight: bold; font-family: 'Oswald', sans-serif; color:#007a47; font-size: 25px; padding: 0; } #singlePageService > div > div > div:nth-child(1) > ul li { list-style: none; display: inline; margin-right: 10px; } #singlePageService > div > div > div:nth-child(1) > ul li.separator { font-size:18px; font-weight:100; color:#007a47; } #singlePageService > div > div > div:nth-child(1) > ul li i { padding-right: 8px; } #singlePageService > div > div > div:nth-child(1) > ul li a { line-height: 35px; color:#111; } #singlePageService > div > div > div:nth-child(1) > ul a:hover { color:#666; } #singlePageService > div > div > div:nth-child(2) > ul { margin: 0; padding: 0; } #singlePageService > div > div > div:nth-child(2) > ul li { list-style: none; } #singlePageService > div > div > div:nth-child(2) > ul li a { line-height: 35px; color:#007a47; } #singlePageService > div > div > div:nth-child(2) > ul li a:hover { color:#333; } #singlePageService img { width: auto; height: 400px; } #singlePageService h3 { font-size: 25px; margin-bottom: 15px; } /* singlePageService section end */ /* singlePageProduct section start*/ #singlePageProduct { padding:0 0 50px; background: url(../img/pages-top-products.jpg) top left no-repeat; background-size: 100% 200px; } #singlePageProduct a { color: #999; transition: .3s; } #singlePageProduct a:hover { color: #999; transition: .3s; } #singlePageProduct > div > div > div:nth-child(1) > ul { margin: 0 0 40px; text-align: center; line-height: 200px; font-weight: bold; font-family: 'Oswald', sans-serif; color:#007a47; font-size: 25px; padding: 0; } #singlePageProduct > div > div > div:nth-child(1) > ul li { list-style: none; display: inline; margin-right: 10px; } #singlePageProduct > div > div > div:nth-child(1) > ul li.separator { font-size:18px; font-weight:100; color:#007a47; } #singlePageProduct > div > div > div:nth-child(1) > ul li i { padding-right: 8px; } #singlePageProduct > div > div > div:nth-child(1) > ul li a { line-height: 35px; color:#111; } #singlePageProduct > div > div > div:nth-child(1) > ul a:hover { color:#666; } #singlePageProduct > div > div > div:nth-child(2) > ul { margin: 0; padding: 0; } #singlePageProduct > div > div > div:nth-child(2) > ul li { list-style: none; } #singlePageProduct > div > div > div:nth-child(2) > ul li a { line-height: 35px; color:#007a47; } #singlePageProduct > div > div > div:nth-child(2) > ul li a:hover { color:#333; } #singlePageProduct img { width: 100%; height: auto; } #singlePageProduct h3 { font-size: 25px; margin-bottom: 15px; } /* singlePageProduct section end */ /* search-lose section start*/ #search-lose { padding:50px 0; background-color: #f5f5f5; } #search-lose h2 { font-size: 32px; } #search-lose a { color: #999; transition: .3s; } #search-lose a:hover { color: #999; opacity: .5; transition: .3s; } /* search-lose section end */ /* detailsPage section start*/ #detailsPage { padding:50px 0 ; } #detailsPage h2 { font-size: 32px; line-height: 45px; color: #007a47; } #detailsPage h3 { font-size: 25px; color: #666; margin-bottom: 25px; } #detailsPage h4 { font-size: 20px; } #detailsPage img { height: 400px; width: auto; } #detailsPage input[type=submit] { background-color: #007a47; border: 1px solid #007a47; color: #f5f5f5; padding: 5px 10px; transition: .7s; } #detailsPage input[type=submit]:hover { background-color: #fff; color: #007a47; padding: 5px 10px; transition: .7s; cursor: pointer; } #detailsPage input[type=text], #detailsPage input[type=email] { width: 100%; border:1px solid #007a47; color: #007a47; padding:5px 10px; margin-bottom:12px; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #detailsPage textarea { width: 100%; border:1px solid #007a47; color:#007a47; padding:5px 10px; margin-bottom:15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 150px; } #detailsPage input::placeholder, #detailsPage textarea::placeholder {color: #007a47; } #detailsPage input:focus::placeholder, #detailsPage textarea:focus::placeholder {color: transparent !important; } /* detailsPage section end */ /* detailsWorks section start */ #detailsWorks { padding:0 0 50px; background: url(../img/pages-top-works.jpg) top left no-repeat; background-size: 100% 200px; } #detailsWorks > div > div > div:nth-child(1) > ul { margin: 0 0 40px; text-align: center; line-height: 200px; font-weight: bold; font-family: 'Oswald', sans-serif; color: #007a47; font-size: 25px; padding: 0; } #detailsWorks > div > div > div:nth-child(1) > ul li { list-style: none; display: inline; margin-right: 10px; } #detailsWorks > div > div > div:nth-child(1) > ul li.separator { font-size:18px; font-weight:100; color:#007a47; } #detailsWorks > div > div > div:nth-child(1) > ul li i { padding-right: 8px; } #detailsWorks > div > div > div:nth-child(1) > ul li a { line-height: 35px; color:#111; } #detailsWorks > div > div > div:nth-child(1) > ul a:hover { color:#666; } #detailsWorks h2 { font-size: 32px; line-height: 45px; background-color: #f5f5f5; padding-left: 20px; color: #007a47; } #detailsWorks h4 { font-size: 20px; } #detailsWorks img { width: 100%; height: auto; transition: .5s; } #detailsWorks #tabs > div > div > div > div { width: 40%; height: 200px; margin-right: 20px; margin-bottom: 20px; float: left; overflow: hidden; border: 1px solid #f5f5f5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; transition: .5s; -webkit-box-shadow: 0px 0px 10px 0px rgba(150,150,150,1); -moz-box-shadow: 0px 0px 10px 0px rgba(150,150,150,1); box-shadow: 0px 0px 10px 0px rgba(150,150,150,1); } #detailsWorks #tabs > div > div > div > div:last-child { width: 40%; height: auto; border: 0; box-shadow: none; } #detailsWorks #tabs > div > div > div > div:hover > img { transform: scale(1.10,1.10); } #detailsWorks #tabs > div > div > div > p { margin-bottom: 0; } #detailsWorks > div > div > div > div > div > div > div > a { color:#007a47; transition: .5s; } #detailsWorks > div > div > div > div > div > div > div > a:hover { color:#333; transition: .5s; } /* archiveWorks section end */ /* tab button start here */ .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; background: #f5f5f5; border-radius: 0; } .ui-widget.ui-widget-content { border: 0; } .ui-widget-header { border: 0; background: transparent; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 0; } .ui-tabs .ui-tabs-nav li { margin: 0; padding: 0; border-radius: 0; } .ui-tabs .ui-tabs-panel { border: 1px solid #f5f5f5; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border-color: #007a47; background: #007a47; } .ui-tabs .ui-tabs-panel a { color:#007a47; transition: .5s; } .ui-tabs .ui-tabs-panel a:hover { color:#333; transition: .5s; } /* tab button end here */ /* searchLose section start*/ #searchLose { padding:60px 0; text-align: center; } #searchLose h2 { font-size: 185px; line-height: 185px; color: #888; } #searchLose h2 small { display: block; font-size: 60px; line-height: 60px; } #searchLose a { color: #009A4E; text-decoration: underline; transition: .5s; } #searchLose a:hover { color: #666; text-decoration: none;transition: .5s; } /* searchLose section end */ /* ================================================================== Media Query Start Here =====================================================================*/ @media (min-width:320px) and (max-width:480px) { header { text-align: center; } header > div > div > div:first-child p { display: block; } header > div > div > div:first-child a { margin: 0; } header > div > div > div:last-child { display: none; } nav .navbar-brand h1 { display: none; } nav ul li { float: none; display: block; } nav ul li:hover ul { display: none; } #clients img { width: 100%; } #projects h3 { height: 28px; overflow: hidden; } #about { padding: 30px 0; } #projects { padding: 30px 0; } #clientFeed { padding: 30px 0; } #clients { padding: 30px 0; } #footerCon > div > div > div { margin-bottom: 15px; } #cat-page { background-size: 100% 115px; } #cat-page > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; } #cat-page > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePage { background-size: 100% 115px; } #singlePage > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePage > div > div > div:nth-child(2) { margin-bottom: 25px; } #archive { background-size: 100% 115px; } #archive > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archive > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveMember { background-size: 100% 115px; } #archiveMember > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveMember > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveWorks { background-size: 100% 115px; } #archiveWorks > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveWorks > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveCareer { background-size: 100% 115px; } #archiveCareer > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveCareer > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveService { background-size: 100% 115px; } #archiveService > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveService > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveProducts { background-size: 100% 115px; } #archiveProducts > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveProducts > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePageCareer { background-size: 100% 115px; } #singlePageCareer > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePageCareer > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePageService { background-size: 100% 115px; } #singlePageService > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePageService > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePageProduct { background-size: 100% 115px; } #singlePageProduct > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePageProduct > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveWorks > div > div > div > div { height: 80px; margin-bottom: 0; } #archiveWorks h4 { height: 20px; overflow: hidden; } #archiveWorks > div > div > div { margin-bottom: 20px; } #archiveWorks > div > div > div:first-child { margin-bottom: 0; } } @media (min-width:450px) and (max-width:639px) { header { text-align: center; } header > div > div > div:first-child p { display: block; } header > div > div > div:first-child a { margin: 0; } header > div > div > div:last-child { display: none; } nav .navbar-brand h1 { display: none; } nav ul li { float: none; display: block; } nav ul li:hover ul { display: none; } #clients img { width: 100%; } #projects h3 { height: 28px; overflow: hidden; } #about { padding: 30px 0; } #projects { padding: 30px 0; } #clientFeed { padding: 30px 0; } #clients { padding: 30px 0; } #footerCon > div > div > div { margin-bottom: 15px; } #cat-page { background-size: 100% 115px; } #cat-page > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; } #cat-page > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePage { background-size: 100% 115px; } #singlePage > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePage > div > div > div:nth-child(2) { margin-bottom: 25px; } #archive { background-size: 100% 115px; } #archive > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archive > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveMember { background-size: 100% 115px; } #archiveMember > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveMember > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveWorks { background-size: 100% 115px; } #archiveWorks > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveWorks > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveCareer { background-size: 100% 115px; } #archiveCareer > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveCareer > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveService { background-size: 100% 115px; } #archiveService > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveService > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveProducts { background-size: 100% 115px; } #archiveProducts > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveProducts > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePageCareer { background-size: 100% 115px; } #singlePageCareer > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePageCareer > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePageService { background-size: 100% 115px; } #singlePageService > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePageService > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePageProduct { background-size: 100% 115px; } #singlePageProduct > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePageProduct > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveWorks > div > div > div > div { height: 80px; margin-bottom: 0; } #archiveWorks h4 { height: 20px; overflow: hidden; } #archiveWorks > div > div > div { margin-bottom: 20px; } #archiveWorks > div > div > div:first-child { margin-bottom: 0; } } @media (min-width:640px) and (max-width:768px) { header { text-align: center; } header > div > div > div:first-child p { display: block; } header > div > div > div:first-child a { margin: 0; } header > div > div > div:last-child { display: none; } nav .navbar-brand h1 { display: none; } nav ul li { float: none; display: block; } nav ul li:hover ul { display: none; } #clients img { width: 100%; } #projects h3 { height: 28px; overflow: hidden; } #about { padding: 30px 0; } #projects { padding: 30px 0; } #clientFeed { padding: 30px 0; } #clients { padding: 30px 0; } #footerCon > div > div > div { margin-bottom: 15px; } #cat-page { background-size: 100% 115px; } #cat-page > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; } #cat-page > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePage { background-size: 100% 115px; } #singlePage > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePage > div > div > div:nth-child(2) { margin-bottom: 25px; } #archive { background-size: 100% 115px; } #archive > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archive > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveMember { background-size: 100% 115px; } #archiveMember > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveMember > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveWorks { background-size: 100% 115px; } #archiveWorks > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveWorks > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveCareer { background-size: 100% 115px; } #archiveCareer > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveCareer > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveService { background-size: 100% 115px; } #archiveService > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveService > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveProducts { background-size: 100% 115px; } #archiveProducts > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveProducts > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePageCareer { background-size: 100% 115px; } #singlePageCareer > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePageCareer > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePageService { background-size: 100% 115px; } #singlePageService > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePageService > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePageProduct { background-size: 100% 115px; } #singlePageProduct > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePageProduct > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveWorks > div > div > div > div { height: 80px; margin-bottom: 0; } #archiveWorks h4 { height: 20px; overflow: hidden; } #archiveWorks > div > div > div { margin-bottom: 20px; } #archiveWorks > div > div > div:first-child { margin-bottom: 0; } } @media (min-width:768px) and (max-width:900px) { header { text-align: center; } header > div > div > div:first-child p { display: block; } header > div > div > div:first-child a { margin: 0; } header > div > div > div:last-child { display: none; } nav .navbar-brand h1 { display: none; } nav ul li { float: none; display: block; } nav ul li:hover ul { display: none; } #clients img { width: 100%; } #projects h3 { height: 28px; overflow: hidden; } #about { padding: 30px 0; } #projects { padding: 30px 0; } #clientFeed { padding: 30px 0; } #clients { padding: 30px 0; } #footerCon > div > div > div { margin-bottom: 15px; } #cat-page { background-size: 100% 115px; } #cat-page > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; } #cat-page > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePage { background-size: 100% 115px; } #singlePage > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePage > div > div > div:nth-child(2) { margin-bottom: 25px; } #archive { background-size: 100% 115px; } #archive > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archive > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveMember { background-size: 100% 115px; } #archiveMember > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveMember > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveWorks { background-size: 100% 115px; } #archiveWorks > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveWorks > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveCareer { background-size: 100% 115px; } #archiveCareer > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveCareer > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveService { background-size: 100% 115px; } #archiveService > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveService > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveProducts { background-size: 100% 115px; } #archiveProducts > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #archiveProducts > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePageCareer { background-size: 100% 115px; } #singlePageCareer > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePageCareer > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePageService { background-size: 100% 115px; } #singlePageService > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePageService > div > div > div:nth-child(2) { margin-bottom: 25px; } #singlePageProduct { background-size: 100% 115px; } #singlePageProduct > div > div > div:first-child ul { line-height: 112px; font-size: 18px; font-weight: normal; height: 112px; } #singlePageProduct > div > div > div:nth-child(2) { margin-bottom: 25px; } #archiveWorks > div > div > div > div { height: 80px; margin-bottom: 0; } #archiveWorks h4 { height: 20px; overflow: hidden; } #archiveWorks > div > div > div { margin-bottom: 20px; } #archiveWorks > div > div > div:first-child { margin-bottom: 0; } } /* ================================================================== Media Query End Here =====================================================================*/