MAINHACK

Viewing / Editing File: style.css

html,
body { margin: 0; font-size: 100%; background: #fff; font-family: 'Open Sans', sans-serif; }
body a { text-decoration: none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
a:hover { text-decoration: none;  transition:all 600ms ease-in-out; }
input[type="button"],
input[type="submit"] { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0; font-family: 'Josefin Sans', sans-serif;  transition:all 600ms ease-in-out; }
img{ width:100%;  transition:all 600ms ease-in-out; }
p { margin: 0; letter-spacing: 1px; font-size: 15px; line-height: 1.9; color: #999; font-family: 'Open Sans', sans-serif;  transition:all 600ms ease-in-out; }
ul { margin: 0; padding: 0;  transition:all 600ms ease-in-out; }
label { margin: 0; padding: 0;  transition:all 600ms ease-in-out; }

/* Fading animation */
.fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; }

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

/*-- Header-Slider --*/

.w3slideraits {
position: relative;
height: 700px;
height: 100vh;	
}

#back_to_fluid_dg {
background: rgba(2,2,2,.5);
clear: both;
display: block;
height: 20px;
line-height: 20px;
padding: 20px;
position: relative;
z-index: 1;
}

.fluid_container {
bottom: 0;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 0;
}

#fluid_dg_wrap_4 {
bottom: 0;
height: 100%;
left: 0;
margin-bottom: 0!important;
position: absolute;
right: 0;
top: 0;
}

.fluid_dg_bar {
z-index: 2;
}

.fluid_dg_thumbs {
display: none;
}

.fluid_dg_overlayer {
opacity: .1;
}

/*-- //Header-Slider --*/

/*============ Header Start absolute============*/
.navbar-default{ position: absolute; border: none; width: 100%; height: auto; padding: 10px 0; margin: 0; transition: all 500ms ease-in-out; background: rgba(255,255,255,0.95); background: #000; }
/*=== top-hight Start ===*/
.top-hight{ position: relative; border:none; width: 100%; background:#000; height:auto; padding:5px 0; margin:0;  }
.top-hight p.topcontact{  }
.top-hight ul{  padding:0 0; margin:0 0; }
.top-hight ul li{  padding: 0 0; margin: 0 20px 0 0; position: relative; float: left; list-style: none; }
.top-hight ul li span{ padding: 2px 5px; margin: 0 10px 0 0; background: #ffb440; color: #4f00bb; border-radius: 3px; font-size: 18px; line-height: 23px }
.top-hight ul li a{ color: #fff; padding:0 0; margin:0 0; font-family: 'Gupter', serif;  }
.top-hight ul li a:hover{ color: #ffb440; }
.top-hight ul.social-network {  padding:0 0; margin:0 0;display: block; float: right; }
.top-hight ul.social-network li{  padding: 0 0; margin: 0 0px 0 0; position: relative; float: left; list-style: none; }
.top-hight ul.social-network li a{ padding: 3px 7px; margin: 0 0 0 12px; font-family: 'Gupter', serif; background: #ffb440; color: #4f00bb; border-radius: 3px;  }
.top-hight ul.social-network li a:hover{ color: #000; }

.top-block1{ position: relative; border:none; width: 100%; background:none; height:auto; padding:0 2%; margin:0; }
.top-block1 ul{  transition:all 600ms ease-in-out;    padding: 0 0; margin: 0 auto; text-align: center; width: 100%; position: relative; overflow: hidden; }
.top-block1 ul li{ font-family: 'Gupter', serif; transition:all 600ms ease-in-out;  width: 11%; position: relative; padding: 2% 0; margin: 0; float: left; list-style: none;    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}
.top-block1 ul li:hover{ 
 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);  
  transition:all 600ms ease-in-out; 
}
.top-block1 ul li a{ font-family: 'Gupter', serif; text-transform: uppercase; text-decoration: none;  font-size: 18px; color: #000; line-height: 22px; padding: 0 0; margin: 0; transition:all 600ms ease-in-out;  }
.top-block1 ul li a img{transition:all 600ms ease-in-out;  width: 43%; height: auto;  }
.top-block1 ul li a span{  display: block; font-family: 'Gupter', serif;  text-transform: uppercase; text-decoration: none;  font-size: 18px; color: #000; line-height: 22px; padding: 0 0; margin: 0; transition:all 600ms ease-in-out;  }

.logo-round { width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; background: url(../images/logo2.png) no-repeat center center; position: absolute; left: 104px; top:-30px; }
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }

}

@media screen and (min-width: 992px) {
    .navbar-default.navbar-shrink .top-sec{ margin:-67px 0 0 0; }
    .navbar-default.navbar-shrink .logo-block{ position:none; top:0; float:left; width:20%; transition:all 600ms ease-in-out; }
    .navbar-default.navbar-shrink .logo-block img{ width:47%; }
    .navbar-default.navbar-shrink .top-bar-w3layouts{ background:#fff; box-shadow: 0 0 20px -2px #474747; animation:.9s; }
}

/*============ Banner Start ============*/
.banner-home{ position: relative; width: 100%; overflow: hidden; padding: 0 0; margin: 0px 0 0; height:100vh; background: #000; }
/*height: calc(100vh - 50px);*/
.banner-home img.banner-img{ width: 100%; opacity: 1;height:100vh; }
img.logo{ width: 105%;}
img.logo-jagannath{ width: 80%;}
.raj-mad { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; z-index: 9; margin: 0; float: left; text-align: left; }
.raj-mad img.fer-img{ width: 8%; opacity: 1; padding: 0 0 0 20px;}
.raj-dec { position: absolute; content: ""; bottom: 0; right: 0; width: 100%; z-index: 9; margin: 0; float: right; text-align: right; }
.raj-dec img.footer-img{ width: 35%; opacity: 1; padding: 0px; }

.banner-home .dec { position: absolute; content: ""; bottom: 0; right: 0; width: 100%; z-index: 9; margin: 0; float: right; text-align: right; }
.banner-home .dec img.footer-img{ width: 35%; opacity: 1; padding: 0px; }
.banner-home .dec img.footer-img2{     width: 14%; position: absolute; bottom: -22px; left: 25px; }
img.imgLoaded{ width: 100%; opacity: 1; padding: 0px; }

.banner-home .dec h5 { font-size: 1em; letter-spacing: 1px; line-height: .9; color: #fff; text-transform: uppercase; font-weight: bold; padding: 0px 0 20px; }
.banner-home .dec p { color: #f3f3f3; font-size: 30px; letter-spacing: 6px; font-weight: 500; margin: 0em; }
.banner-home .dec a{ background: #4f00bb; padding: 1% 3%; border-radius: 6px; color: #FFF;transition: all 500ms ease-in-out;  font-weight: bold; text-transform: uppercase; font-size: 13px; margin: 10px 0 0; display: inline-block; }
.banner-home .dec a:hover{ background: #ffb440; transition: all 500ms ease-in-out; }
.banner-home .dec .banner-img-agile { position: relative; }
.banner-home .dec .banner-img-agile img { width: 4%; margin: 0 0 0 10%; }
.banner-home .dec .banner-img-agile:before,
.banner-home .dec .banner-img-agile:after { content: " "; position: absolute; width: 8%; height: 4px; background: #FFF; top: 56%; }
.banner-home .dec .banner-img-agile:before { left: 0%; }
.banner-home .dec .banner-img-agile:after { left:15%; }

/*============ h3.tittle-w3l // Tittle ============*/
h3.tittle-w3l { color: #ff9b00; font-size: 35px; text-align: center; margin-bottom: 30px; position: relative; padding: 20px 0; font-weight: bold; text-transform: uppercase; }
span.heading-style { position: absolute; width: 100%; left: 0; bottom: -4px; z-index: 1; line-height: 0px; }
h3.tittle-w3l::after { content: ""; background-color: rgba(0, 0, 0, 0.33); position: absolute; bottom: 0px; right: 0; width: 200px; height: 1px; background-position: 0px 0px; left: 0; margin: 0 auto; }
.heading-style i { display: inline-block; width: 10px; height: 10px; background-color: #4f00bb; margin: 0 -4px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.heading-style i:nth-child(2) { width: 12px; height: 12px; background-color: #ff9b00; }
.heading-style i { display: inline-block; width: 10px; height: 10px; background-color: #4f00bb; margin: 0 -4px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/*============ inner-banner ============*/
.inner-banner{ position: relative; width: 100%; overflow: hidden; padding: 0 0; height:100vh; }
.inner-banner img.banner-in{ width: 100%; height:100vh; }

/*============ inner-project ============*/
.inner-project{ position: relative; width: 100%; overflow: hidden; padding: 0 0 30px;     background: #fff; }
.inner-project h3{ font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; text-align: center; font-size: 19px; line-height: 30px; padding: 50px 0 20px 0; margin: 0; color: #4a4a4a; }
.inner-project .thumbnail-catagari{ width:100%; position: relative; }
.inner-project .thumbnail-catagari .galry-grid{ width: 30%; float: left; margin: 15px 15px; height: auto; position: relative;  height: 160px;}
img.zoom-img { width: 100%; -webkit-transform: scale(1, 1); transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; }
img.showcase { width: 100%; height:500px; }
.lightcase-contentInner { width:1300px !important; height:500px !important; margin:0 auto; }
.lightcase-contentInner img{ width:100% !important; height:auto !important; max-width:100% !important; }

.w3agile-text { background: rgba(0, 0, 0, 0.28); position: absolute; width: 100%; height: 100%; bottom: 0%; left: 0; transition: .5s all; }
.w3agile-text:hover { transition: .5s all;     opacity: 0;}
.w3agile-text h5 { font-size: 25px; color: #fff; text-align: center; margin: 0; padding: 50px 0 0; }

/*============ case_study ============*/
.case_study{ position: relative; width: 100%; overflow: hidden; padding: 0 0 30px;   background: #fff; }
.case_study h3{ font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; text-align: center; font-size: 19px; line-height: 30px; padding: 50px 0 20px 0; margin: 0; color: #4a4a4a; }
.case_study .case_study-catagari{ width: 30%; float: left; margin: 10px; height: auto; position: relative; border: 1px solid #eaeaea; padding: 8px; }
.case_study .case_study-catagari p{font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 14px; color: #464646; text-align: left; margin: 0; line-height: 21px; }
.case_study .case_study-catagari a{     background: #f38c13; color: #fff; font-size: 15px; padding: 6px 20px; display: inline-block; margin: 15px 0 0; transition: .5s all; }
.case_study .case_study-catagari a:hover{  background: #000; color: #fff; transition: .5s all;   }
.case_study h5{ font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; text-align: left; font-size: 19px; line-height: 30px; padding: 6px 16px; margin: 30px 0 0; color: #ffffff; background: #4a4a4a; }
.case_study p{ letter-spacing: 1px; font-size: 15px; line-height: 1.9; color: #424141; font-family: 'Open Sans', sans-serif; transition: all 600ms ease-in-out; padding: 20px 0 0; text-align: justify; }

/*============ about-in ============*/
.about-in{ position: relative; width: 100%; overflow: hidden; padding: 0 0 30px; } 
.about-in h2{    font-family: 'Josefin Sans', sans-serif; transition: all 600ms ease-in-out; text-align: center; font-size: 45px; color: #00e6ff; line-height: 60px; padding: 30px 0 30px; font-weight: bold; }
.about-in img.jai-ma{     width: 50%; padding: 20px 0px; }
.about-in h6{ font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
.about-in .left-serrcel{     width: 100%; height: 250px;  }
.about-in .left-serrcel h5{     text-align: center; width: 100px; height: 100px; background: #4fd6e5; border-radius: 50%; margin: 0 auto; font-size: 16px; padding: 27px 0 0 0; color: #fff; font-family: auto; line-height: 22px; }

.about-in .left-serrcell{     width: 100%; height: 250px;  }
.about-in .left-serrcell h5 { text-align: center; width: 150px; height: 150px; background: #4fd6e5; border-radius: 50%; margin: 0 auto; font-size: 20px; padding: 40px 15px 0; color: #fff; line-height: 25px; font-family: 'Josefin Sans', sans-serif; -webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.52); -moz-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.52); box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.52); }

.about-in .left-serrcelll{     width: 100%; height: 160px;  }
.about-in .left-serrcelll h5 { text-align: center; width: 130px; height: 130px; background: #4fd6e5; border-radius: 50%; margin: 0 auto; font-size: 18px; padding: 30px 15px 0; color: #fff; line-height: 25px; font-family: 'Josefin Sans', sans-serif; -webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.52); -moz-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.52); box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.52); }

.about-in .left-serrcellll{     width: 100%; height: 220px;  }
.about-in .left-serrcellll h5 { text-align: center; width: 150px; height: 150px; background: #4fd6e5; border-radius: 50%; margin: 0 auto; font-size: 20px; padding: 41px 10px 0; color: #fff; line-height: 25px; font-family: 'Josefin Sans', sans-serif; -webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.52); -moz-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.52); box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.52); }

.about-in .right-text h4{ font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;   color: #03def7; padding: 20px 0 10px; font-weight: bold;}
.about-in .right-text p span{ font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;      color: #03def7; }    
.about-in .right-text p{ font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }  
.about-in h3 {
    font-size: 18px;
    line-height: 27px;
    color: #626060;
    text-align: justify;
}

/*============ contact-banner ============*/
.contact-banner{ position: relative; width: 100%;  padding: 0 0 30px;height: 100vh; } 
.contact-banner img.con-in{  width: 100%; height: auto;} 
.contact-banner .desc-con{ position: absolute; top: 150px; left: 0; right: 0; margin: 0 auto; width: 75%; overflow: hidden;background: rgba(0,0,0,0.8); padding: 20px; }
.contact-banner .desc-con p.pup-text { margin: 0; color: #ff991f; font-size: 16px; line-height: 1.7; font-family: arial; text-transform: none; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;  }
.contact-banner .desc-con p.pup-text a {font-family: 'Josefin Sans', sans-serif;     color: #f1c999; font-size: 14px; }
.contact-banner .desc-con .form-control { display: block; width: 100%; height: 35px !important; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #05135a; background-color: #fff; background-image: none; border: 1px solid #fff !important; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; background: rgba(255,255,255,0.7) !important; }

@media(max-width: 480px)
/*MOBILE START*/
{
img.logo-jagannath { width: 100%; }
#navigation{ transition: all 2300ms ease-in-out; float: right; margin: 0 !important; }
img.logo { width: 65%; }
.banner-home .dec img.footer-img2 { width: 20%; position: absolute; bottom: -22px; left: 25px; }
.banner-home .dec img.footer-img { width: 55%; opacity: 1; padding: 0px; }
.navbar-default { position: absolute; border: none; width: 100%; height: auto; padding: 5px 0; }

}

@media(max-width: 414px)
/*MOBILE START*/

{
.contact-banner .desc-con p.pup-text a { font-family: 'Josefin Sans', sans-serif; color: #9f9992; font-size: 11px; line-height: 20px; }
.contact-banner img.con-in { width: 100%; height: 100vh; }
.about-in { position: relative; width: 100%; overflow: hidden; padding: 0 0 30px; background: #fff; }
.about-in .left-serrcel { width: 100%; height: 100px; }
.about-in .right-text p { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #595959; font-size: 12px; line-height: 25px; text-align: justify; }
.about-in img.jai-ma { width: 100%; padding: 20px 0px; }
.about-in h2 { font-family: 'Josefin Sans', sans-serif; transition: all 600ms ease-in-out; text-align: center; font-size: 20px; color: #404242; line-height: 60px; padding: 0; font-weight: bold; }
.about-in .left-serrcell h5{ font-size: 13px; }
.about-in .left-serrcell { width: 100%; height: 150px; }
.about-in h3{ font-size: 14px; line-height: 25px; color: #626060; text-align: justify; }
.about-in .left-serrcellll { width: 100%; height: 150px; }
.about-in .left-serrcellll h5{ font-size: 13px; }
.about-in h6 {font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; text-align: center !important; font-style: italic !important; font-size: 11px !important; line-height: 25px !important;}
.about-in .left-serrcelll { width: 100%; height: 150px; }
.about-in .left-serrcelll h5{ font-size: 13px; }
.inner-project h3 { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; text-align: center; font-size: 14px; line-height: 25px; padding: 30px 0 20px 0; margin: 0; color: #4a4a4a; }
.inner-project .thumbnail-catagari .galry-grid { width: 47%; float: left; margin: 0 5px 10px; position: relative; height: 100px; }
.w3agile-text h5 { font-size: 13px; color: #fff; text-align: center; margin: 0; padding: 30px 0 0; }
.case_study h3 { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; text-align: center; font-size: 14px; line-height: 25px; padding: 30px 0 20px 0; margin: 0; color: #4a4a4a; }
.case_study .case_study-catagari { width: 46%; float: left; margin: 0 4px 10px; position: relative; height: 230px; }
.case_study .case_study-catagari p{ font-size: 12px; color: #666565; text-align: center; margin: 0; padding: 10px 0 0; line-height: 20px; }
.case_study .case_study-catagari a { background: #f38c13; color: #fff; font-size: 11px; padding: 5px 15px; display: inline-block; margin: 10px 0 0; transition: .5s all; }
.case_study h5 { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; text-align: left; font-size: 10px; line-height: 25px; padding: 5px 16px; margin: 30px 0 0; color: #ffffff; background: #4a4a4a; }
.case_study p { letter-spacing: 0; font-size: 11px; line-height: 25px; color: #424141; font-family: 'Open Sans', sans-serif; transition: all 600ms ease-in-out; padding: 20px 0 0; text-align: justify; }

}
@media(max-width: 400px)
/*CHAK 380*/
{
    
}
@media(max-width: 375px)
/*MOBILE START*/

{
    .about-in .left-serrcel { width: 25%; height: 100px; float: left; }
    .about-in .left-serrcel h5 { text-align: center; width: 80px; height: 80px; background: #4fd6e5; border-radius: 50%; margin: 0 auto; font-size: 10px; padding: 25px 0 0; color: #fff; font-family: auto; line-height: 15px; }
    .about-in .left-serrcell { width: 25%; height: 100px; float: left; }
    .about-in .left-serrcell h5 { text-align: center; width: 80px; height: 80px; background: #4fd6e5; border-radius: 50%; margin: 0 auto; font-size: 10px; padding: 25px 0 0; color: #fff; font-family: auto; line-height: 15px; }
    .about-in .left-serrcelll { width: 25%; height: 100px; float: left; }
    .about-in .left-serrcelll h5 { text-align: center; width: 80px; height: 80px; background: #4fd6e5; border-radius: 50%; margin: 0 auto; font-size: 10px; padding: 25px 0 0; color: #fff; font-family: auto; line-height: 15px; }
    .about-in .left-serrcellll { width: 33%; height: 100px; float: left; }
    .about-in .left-serrcellll h5 {text-align: center; width: 100px; height: 100px; background: #4fd6e5; border-radius: 50%; margin: 0 auto; padding: 20px 10px 0; color: #fff; line-height: 19px; font-family: 'Josefin Sans', sans-serif; box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.52); }
    .about-in .right-text h4 { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #03def7; padding: 15px 0 10px; font-weight: bold; font-size: 14px; }
    .inner-project .thumbnail-catagari .galry-grid { width: 46%; float: left; margin: 0 5px 10px; position: relative; height: 70px; }
    .w3agile-text h5 { font-size: 13px; color: #fff; text-align: center; margin: 0; padding: 20px 0 0; }
   
}
@media(max-width: 360px)
/*MOBILE START*/
{
    .about-in .left-serrcel { width: 25%; height: 100px; float: left; }
    .about-in .left-serrcel h5 { text-align: center; width: 80px; height: 80px; background: #4fd6e5; border-radius: 50%; margin: 0 auto; font-size: 10px; padding: 25px 0 0; color: #fff; font-family: auto; line-height: 15px; }
    .about-in .left-serrcell { width: 25%; height: 100px; float: left; }
    .about-in .left-serrcell h5 { text-align: center; width: 80px; height: 80px; background: #4fd6e5; border-radius: 50%; margin: 0 auto; font-size: 10px; padding: 25px 0 0; color: #fff; font-family: auto; line-height: 15px; }
    .about-in .left-serrcelll { width: 25%; height: 100px; float: left; }
    .about-in .left-serrcelll h5 { text-align: center; width: 80px; height: 80px; background: #4fd6e5; border-radius: 50%; margin: 0 auto; font-size: 10px; padding: 25px 0 0; color: #fff; font-family: auto; line-height: 15px; }
    .about-in .left-serrcellll { width: 33%; height: 100px; float: left; }
    .about-in .left-serrcellll h5 {text-align: center; width: 100px; height: 100px; background: #4fd6e5; border-radius: 50%; margin: 0 auto; padding: 20px 10px 0; color: #fff; line-height: 19px; font-family: 'Josefin Sans', sans-serif; box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.52); }
    .about-in .right-text h4 { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #03def7; padding: 15px 0 10px; font-weight: bold; font-size: 14px; }
    .inner-project .thumbnail-catagari .galry-grid { width: 46%; float: left; margin: 0 5px 10px; position: relative; height: 70px; }
    .w3agile-text h5 { font-size: 13px; color: #fff; text-align: center; margin: 0; padding: 20px 0 0; }
    
}
@media(max-width: 350px)
/*CHAK 320*/
{
    
}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info