@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'Raleway';
	src: url('../fonts/../fonts/raleway-thin-webfont.eot');
    src: url('../fonts/../fonts/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-thin-webfont.woff2') format('woff2'),
         url('../fonts/raleway-thin-webfont.woff') format('woff'),
         url('../fonts/raleway-thin-webfont.ttf') format('truetype'),
         url('../fonts/raleway-thin-webfont.svg#raleway_thinregular') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-extralight-webfont.eot');
    src: url('../fonts/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-extralight-webfont.woff2') format('woff2'),
         url('../fonts/raleway-extralight-webfont.woff') format('woff'),
         url('../fonts/raleway-extralight-webfont.ttf') format('truetype'),
         url('../fonts/raleway-extralight-webfont.svg#raleway_extralightregular') format('svg');
    font-weight: 200;
    font-style: normal;
}


@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-light-webfont.eot');
    src: url('../fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-light-webfont.woff2') format('woff2'),
         url('../fonts/raleway-light-webfont.woff') format('woff'),
         url('../fonts/raleway-light-webfont.ttf') format('truetype'),
         url('../fonts/raleway-light-webfont.svg#raleway_lightregular') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-medium-webfont.eot');
    src: url('../fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('../fonts/raleway-medium-webfont.woff') format('woff'),
         url('../fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('../fonts/raleway-medium-webfont.svg#raleway_mediumregular') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-semibold-webfont.eot');
    src: url('../fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-semibold-webfont.woff') format('woff'),
         url('../fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-semibold-webfont.svg#raleway_semiboldregular') format('svg');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-bold-webfont.eot');
    src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-extrabold-webfont.eot');
    src: url('../fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-extrabold-webfont.woff') format('woff'),
         url('../fonts/raleway-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-extrabold-webfont.svg#raleway_extraboldregular') format('svg');
    font-weight: 800;
    font-style: normal;
}


@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: 400;
    font-style: normal;

}


/* Resets */
html, body { position: relative; height: 100%; width: 100%; font: 400 20px/1.5 "Raleway"; color: #000; }
body { background: #fff; padding-top: 120px; }
img { max-width: 100%; border: none; }
a[href^=tel] { color: inherit; text-decoration: none; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4, h5, h6, p, ul, ol, li { margin: 0px; padding: 0px; list-style: none; }

a { outline: none; text-decoration: none; color: #000; }
a:hover, a:focus { text-decoration: none; color: #000; }
input:focus, button:focus { outline: none; }
input { -webkit-appearance: none; appearance: none; border-radius: 0; }
button, button:hover, button:focus{ outline: none;}
.clearfix:after, .project-desc:after { content: "";  clear: both;  display: block; }


/*pealoader css*/
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    display: flex;
}
#preloader:before,
#preloader:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    background-color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#preloader:after{
    left: auto;
    right: 0;
}
#preloader .loader_line{
    margin: auto;
    width: 1px;
    height: 250px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}
.loader_line:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 0%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #1a44e4;
    -webkit-animation: lineheight 1000ms ease-in-out 0s forwards;
    -o-animation: lineheight 1000ms ease-in-out 0s forwards;
    animation: lineheight 1000ms ease-in-out 0s forwards;
}
.loader_line:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #777;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-animation: lineround 1200ms linear 0s infinite;
    -o-animation: lineround 1200ms linear 0s infinite;
    animation: lineround 1200ms linear 0s infinite;
    animation-delay: 2000ms;
}

@keyframes lineheight{
    0%{
        height: 0%;
    }
    100%{
        height: 100%;
    }
}

@keyframes lineround{
    0%{
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100%{
        -webkit-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
}

/*hiding all*/
.preloaded .loader_line:after{
    opacity: 0;
}
.preloaded  .loader_line{
    opacity: 0;
    height: 100%!important;
}
.preloaded:before,
.preloaded:after{
    -webkit-animation: preloadedzero 300ms ease-in-out 500ms forwards;
    -o-animation: preloadedzero 300ms ease-in-out 500ms forwards;
    animation: preloadedzero 300ms ease-in-out 500ms forwards;
}
@keyframes preloadedzero{
    0%{
        width: 50%;
    }
    100%{
        width: 0%;
    }
}

/* Global Classes */
.btn {background: #1a44e4; color: #fff; font-weight: 500;  font-size: 15px; text-transform: uppercase; padding: 10px 32px; border: none; position: relative;}
.btn-primary {background-image: -moz-linear-gradient( 15deg, rgb(26,68,228) 0%, rgb(209,39,168) 100%); background-image: -webkit-linear-gradient( 15deg, rgb(26,68,228) 0%, rgb(209,39,168) 100%); background-image: -ms-linear-gradient( 15deg, rgb(26,68,228) 0%, rgb(209,39,168) 100%);}
.btn-primary:hover {background-image: -moz-linear-gradient( 15deg,  rgb(209,39,168)0%,  rgb(26,68,228) 100%); background-image: -webkit-linear-gradient( 15deg,  rgb(209,39,168) 0%, rgb(26,68,228) 100%); background-image: -ms-linear-gradient( 15deg,  rgb(209,39,168)  0%,  rgb(26,68,228)100%);}
.btn-outline-primary {background: #fff;  color:#7751ea;}
.btn-outline-primary:after {position: absolute; content:""; left: 0; top:0; right:0; bottom: 0; width: 100%; border:1px solid #7751ea; border-radius: 5px;}
.btn-outline-primary:hover {background: none; color:inherit;}
.btn:focus, .btn-primary:focus, .btn-outline-primary:focus {box-shadow: none; outline: none;}
.btn-outline-primary:not(:disabled):not(.disabled):active {background: #fff;box-shadow: none; outline: none; color:#7751ea;}
.ttl-hdr {text-align: center; }
.ttl-hdr h2 {font-weight: 600; font-size: 25px;  text-transform: uppercase; position: relative; display: inline-block; margin-bottom: 30px;}
.ttl-hdr h2:after {position: absolute; content:""; bottom: -5px; left: 50%; transform: translateX(-50%); right:0; width: 25px; height: 2px; background:#d127a8;}
p {font-size: 15px; font-family:"roboto"; color:#333;}
.ttl-hdr p {}
header { height: 110px; position: fixed; top: 0;  transition: all ease 0.5s; width: 100%; background: #fff; z-index: 9;}
#header.scrollUp { transform: translateY(-110px);}
.navbar {display: inline-block; width: 100%; text-align: center;}
.navbar-brand { margin-right: 0;}
.navbar-collapse {flex-basis: auto;}
.navbar-nav {flex-direction: row; justify-content: center;}
header .navbar {padding:5px 0;}
.navbar-brand img {max-width: 50px;}
.navbar-expand-lg .navbar-nav a.nav-link {font-weight: 700; text-transform: uppercase; padding: 8px 5px; position: relative; font-size: 12px;}
.navbar-nav {margin: 0 0 10px;}
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover {color:inherit; text-decoration: none;}
.navbar-nav .nav-link.current {color:#1a44e4;}
.navbar-toggler .navbar-toggler-icon {background: url(../images/hamburger-menu.png) no-repeat;	}
.nav-up {top: -110px;}

/* Hamburger Menu animation css */
#menuToggle{ display: block; position: relative; z-index: 1;   -webkit-user-select: none;  user-select: none; padding: 0}
#menuToggle input{ display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px;  cursor: pointer; opacity: 0; z-index: 2;   
  -webkit-touch-callout: none;}
#menuToggle span{ display: block; width: 33px; height: 4px; margin-bottom: 5px; position: relative; background: #1a44e4;   background-image: -moz-linear-gradient( 46deg, rgb(26,68,228) 0%, rgb(209,39,168) 100%);background-image: -webkit-linear-gradient( 46deg, rgb(26,68,228) 0%, rgb(209,39,168) 100%); background-image: -ms-linear-gradient( 46deg, rgb(26,68,228) 0%, rgb(209,39,168) 100%); border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;}
#menuToggle span:first-child{ transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2){ transform-origin: 0% 100%;}
#menuToggle input:checked ~ span{ opacity: 1; transform: rotate(-45deg) translate(0px, -3px);  background: #d127a8; background-image: -moz-linear-gradient( 46deg, rgb(26,68,228) 0%, rgb(209,39,168) 100%);background-image: -webkit-linear-gradient( 46deg, rgb(26,68,228) 0%, rgb(209,39,168) 100%); background-image: -ms-linear-gradient( 46deg, rgb(26,68,228) 0%, rgb(209,39,168) 100%);}
#menuToggle input:checked ~ span:nth-last-child(3){ opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2){ transform: rotate(45deg) translate(-10px, -10px);}

/* Hero Section */
.hero-banner {padding: 0px 0 60px;}
.hello {position: relative; font-weight: 700; font-size:20px; text-transform: uppercase; overflow: hidden;}
.hello:after {position: absolute; top: 50%; transform: translateY(-50%); background: #1a44e4; content: ""; height: 2px; margin-left: 20px; width: 150px; display: none;}
.hero-banner h1 {font-weight: 800;  font-size: 25px; text-transform: uppercase;  padding: 5px 0 12px;}
.hero-banner .designation {font-weight: 500; font-size: 15px; text-transform: uppercase; color:#979797;}
.hero-banner .designation pre {font-size: 25px; display: inline-block; margin: 0; color:#1a44e4; padding: 0 5px; margin-top: -3px;}
.hero-banner .designation pre:first-child {padding-left: 0;}
.pc-img {display: block; text-align: center; padding-bottom: 25px;}
.pc-img img, .pc-img > svg {max-width: 45%; height: 100%;}
.bnr-btns {margin: 17px 0 0;}
.bnr-btns .btn {margin-right: 5px;}

.cls-1 {fill: #d127a8;}
.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7 {fill-rule: evenodd;}
.cls-2 {fill: #adaff3;}
.cls-3 {fill: #6f73de;}
.cls-4 {fill: #5456e1;}
.cls-5 {fill: #e9eaf4;}
.cls-6 {fill: #7879f8;}
.left-eye, .right-eye{fill: #000;}
.left-eye, .right-eye {width: 20px; height: 27px;	position: relative;	  transform-origin: 50%;	-webkit-transform-origin: 50%;
-webkit-animation: blink 4s infinite; }
@-webkit-keyframes blink {  
  0%, 100% { transform: translateY(-30px) scale(1, 0);}
  5%, 95% { transform: translateY(0px) scale(1, 1);}
}


/* About */
.about {padding:0px 0 0px; background: #1a44e4; background-image: -moz-linear-gradient( 15deg, rgb(26,68,228) 0%, rgb(209,39,168) 100%); background-image: -webkit-linear-gradient( 15deg, rgb(26,68,228) 0%, rgb(209,39,168) 100%); background-image: -ms-linear-gradient( 15deg, rgb(26,68,228) 0%, rgb(209,39,168) 100%);}
.about-item { padding: 0 0 20px;}
.exp-count {position: relative; max-width: 295px; margin: auto;}
.about-item img {max-width: 160px;}
.exp-mng {position: absolute; left: 60px; top: 50px;}
.yrs-count {font-size: 50px; font-weight: 800; color:#fff; line-height: 1;}
.abt-desc {padding: 25px 0 0 0; }
.abt-desc li {font-size: 15px; font-family:"roboto"; color:#fff; background: url(../images/tick.svg) no-repeat top 9px left; padding-left: 20px;}
.color-svg {padding: 0 0 35px;}
.color-svg svg {fill:#fff; transform: rotate(-180deg); vertical-align: top; margin-top: -2px;}
.color-svg-bot {padding-top: 40px; margin-bottom: 40px;}
.color-svg-bot svg {fill: #fff; vertical-align: bottom; margin-bottom: -2px;}
.about .ttl-hdr h2 {color: #fff;}
.about .ttl-hdr h2:after {background: #fff;}
.abt-desc h2 {font-size: 25px; font-weight: 700;text-transform: uppercase; color: #fff; margin-bottom: 15px;}
.about-item .col-md-4:first-child .abt-desc {padding-top: 0;}

/* Skillset */
.skillset {padding-bottom: 70px;}
.skillset ul {margin-top: 50px;}
.skillset ul li {margin-bottom: 15px;}
.skillset ul li:nth-child(2n+0) .skill-item {background: #c928aa;}
.skillset ul li:nth-child(2n+0){padding-left: 8px;}
.skillset ul li:nth-child(2n+1){padding-right: 8px;}
.skillset ul li:last-child {padding-right: 15px;}
.skill-item { width: 100%; padding: 50px 10px; font-size: 17px; font-weight: 200; background: #2942df;  color:#fff; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; text-transform: uppercase;}
.skill-item span {position: absolute; left: 0; top: 0; text-transform: uppercase; padding: 5px 10px; background: rgba(255, 255, 255, 0.5); font-size: 12px; letter-spacing: 1px; display: none; }
.skill-svg {text-align: center; padding: 60px 0 0;}

/* Projects */
.projects {padding: 0 0 40px;}
.projects ul li {margin-bottom: 30px;}
.project-item {position: relative; display: inline-block; width: 100%; transition: all ease 1s; /*border: 1px solid rgba(41, 66, 223, 0.5);*/ padding: 0; }
.project-item:hover { background: rgba(41, 66, 223, 0.2);}
.project-desc-con {position: absolute; left: 0; right: 0; top:0; bottom: 0; background:rgba(26, 68, 228, 0.9); z-index: -1; transition: ease all 0.5s; opacity: 0;}
.desaru-coast {background:#00b7c5;}
.solgar {background: #e6c563;}
.mccy {background: #636e77;}
.cie-tours {background: #f7971d;}

.project-desc {color: #fff; padding: 15px;}
.project-desc ul {margin: 10px 0 0;}
.project-desc ul li, .project-desc p { transition: all ease 2s; color:#fff; font-size: 14px; line-height: 20px; margin: 0;}
.project-desc ul li {float: left; width: 50%; font-family: "roboto";}
.project-item h4 {color: #fff; font-size :20px; font-weight: 600; text-transform: uppercase; padding: 0px 0 0px; display: none; }
.project-item span {font-weight: 500; font-size: 12px; color:#fff; display: block; overflow: hidden; text-transform: uppercase; display: none;}
.project-item-img {overflow: hidden; transition: transform 1s; position: relative;}
.project-item-img img {transition: transform 2s; width: 100%; display: block;}
.project-item:hover .project-item-img img { transform: scale(1.1);}
.project-item:hover {color:inherit;}
.project-item:hover .project-desc-con { opacity: 1; z-index: 1;}
.project-item:hover .project-desc {opacity: 1; top: 0; transform: none;}
.project-item img { padding: 0 0 15px; max-height: 80px;filter: brightness(0) invert(1);}
.grid li.grid-item:nth-child(8n+1) a {background: rgba(39, 66, 224, .7);}
.grid li.grid-item:nth-child(8n+1):hover a {background: rgba(39, 66, 224, 1);}
.grid li.grid-item:nth-child(8n+2) a {background: rgba(60, 62, 216, .7);}
.grid li.grid-item:nth-child(8n+2):hover a {background: rgba(60, 62, 216, 1);}
.grid li.grid-item:nth-child(8n+3) a {background: rgba(76, 60, 212, .7);}
.grid li.grid-item:nth-child(8n+3):hover a {background: rgba(76, 60, 212, 1);}
.grid li.grid-item:nth-child(8n+4) a {background: rgba(99, 56, 204, .7);}
.grid li.grid-item:nth-child(8n+4):hover a {background: rgba(99, 56, 204, 1);}
.grid li.grid-item:nth-child(8n+5) a {background: rgba(123, 53, 196, .7);}
.grid li.grid-item:nth-child(8n+5):hover a {background: rgba(123, 53, 196, 1);}
.grid li.grid-item:nth-child(8n+6) a {background: rgba(149, 48, 187, .7);}
.grid li.grid-item:nth-child(8n+6):hover a {background: rgba(149, 48, 187, 1);}
.grid li.grid-item:nth-child(8n+7) a {background: rgba(172, 44, 179, .7);}
.grid li.grid-item:nth-child(8n+7):hover a {background: rgba(172, 44, 179, 1);}
.grid li.grid-item:nth-child(8n+8) a {background: rgba(191, 42, 175, .7);}
.grid li.grid-item:nth-child(8n+8):hover a {background: rgba(191, 42, 175, 1);}

/* Contact */
.contact {background: #2f41dd;   background-image: -moz-linear-gradient( 15deg, rgb(26,68,228) 0%, rgb(209,39,168) 100%); background-image: -webkit-linear-gradient( 15deg, rgb(26,68,228) 0%, rgb(209,39,168) 100%); background-image: -ms-linear-gradient( 15deg, rgb(26,68,228) 0%, rgb(209,39,168) 100%); padding: 50px 25px 25px; text-align: center; margin-bottom: 100px;}
.contact h4 {color:#fff; font-weight: 800; font-size: 25px; text-transform: uppercase;  }
.contact p {color:#fff; padding-bottom: 30px; font-weight: 300; font-size: 14px; letter-spacing: 2px;}
form{margin: auto; max-width: 600px;}
.form-item {margin-bottom: 25px;}
.form-item input[type="text"], .form-item textarea {width: 100%; background: none; box-shadow: none; border:1px solid #fff; border-radius: 5px; padding: 10px 15px; color:#fff; font-size: 14px; min-height: 40px} 
.form-item .col-md-6:first-child  input[type="text"]{margin-bottom: 25px;}
.form-item textarea {width: 100%;}
.form-item textarea:focus {box-shadow: none; outline: none;}
.form-inp input {width: 50%; float: left;}
.submit-btn {background: #fff; border:1px solid #fff; color:#000}
.submit-btn:hover {background: #fff; border: 1px solid #fff; color: #1a44e4;}
.invalid-feedback {text-align: left; color:#FFE500; }
.phone-con {display: block;}

::placeholder { color: #fff; opacity: 1;}
:-ms-input-placeholder { color: #fff;}
::-ms-input-placeholder { color: #fff;}

footer { border-top:1px solid rgba(40, 65, 223, 0.4); padding: 20px 0; text-align: center;}
.copyrights {font-size: 15px; font-weight: 300;}

@media (min-width:375px){
	
	.navbar-expand-lg .navbar-nav a.nav-link {font-size: 14px;}
	
	/* Hero Section */
	.hero-banner h1 {font-size: 28px; }
	.hero-banner .designation {font-size: 17px;}
	.hello {font-size:25px;}
}

@media (min-width:768px){
	
	/* Header */
	header .navbar {padding:10px 0 20px; display: flex;}
	.navbar-nav {justify-content: flex-end; margin: 0;}
	.navbar-brand img { max-width: 70px;}
	
	/* Hero Section */
	.hero-banner {padding: 30px 0;}
	.hello {font-size:30px;}
	.hero-banner h1 { font-size: 35px; }
	.hello:after {width: 250px; display: inline-block;}
	.hero-banner .designation {font-size: 22px;}
	.hero-banner .designation pre {font-size: 25px; padding: 0 10px; }
	.bnr-btns {margin: 30px 0 0;}
	.bnr-btns .btn {margin-right: 15px;}
    .pc-img img, .pc-img > svg {max-width: 80%;}
    
	
	/* About */
	.exp-mng { top: 58px;}
	.yrs-count {font-size: 45px;}
	.count-desc {padding-left: 5px; font-size: 15px;}
	.project-item h4 {font-size: 16px;}
	
	
	/* Skillset */
	.skillset { padding-bottom: 50px;}
	.skillset ul li {margin-bottom: 30px;}
	.skillset ul li:nth-child(2n+0){padding-left: 15px;}
	.skillset ul li:nth-child(2n+1){padding-right: 15px;}
    .skill-item {font-size: 20px; }
    .skill-svg { padding: 60px 0 20px;}
	
	.projects ul {margin-top: 20px;}
	
    .form-item input[type="text"], .form-item textarea {min-height: 60px;}
    
    .phone-con {display: inline-block;}
}


@media (min-width:992px){
	
	/* Global Classes */
	p {font-size: 15px; line-height: 26px;}
	.btn {padding: 15px 42px;  }
	.btn-outline-primary:after {border-width: 2px; color: #7751ea;}
	.ttl-hdr h2 {font-size: 25px;}
	.ttl-hdr h2:after {width: 35px; bottom: -10px; height: 3px;}
	
	/* Header */
	.navbar-nav {margin-top: 0px;}
	.navbar-expand-lg .navbar-nav a.nav-link {padding: 0 15px;}
	.navbar-nav li:last-child a.nav-link {padding-right: 0;}
	.navbar-nav .nav-link:hover {color:#1a44e4;}
	
	/* Hero Section */
	.hero-banner {padding: 80px 0 55px;}
	.hello {font-size:40px;}
	.hero-banner h1 { font-size: 50px;  padding: 15px 0 22px;}
	.hello:after {width: 355px;}
	.hero-banner .designation {font-size: 20px;}
	.hero-banner .designation pre {font-size: 28px; }
	
	/* About */
	.exp-mng {position: absolute; left: 42px; top: 45px;}
	.yrs-count {font-size: 70px;}
	.count-desc {padding-left: 15px; font-size: 20px;}
    .project-item h4 { font-size: 15px;}
    .color-svg-bot {margin-bottom: 0;}

	/* Skillset */
	.skillset { padding-bottom: 0px; padding-top: 50px;}
    .skill-item {font-size: 22px; }
    .skill-svg { padding: 60px 0;}
	
	/* Portfolio */
    .projects {  padding: 50px 0 40px;}
    .project-desc ul li, .project-desc p {font-size: 12px;}
	
	/* Contact */
	
	.contact h4 {font-size: 35px;}
	.form-item .col-md-6:first-child input[type="text"] { margin-bottom: 0;}
}


@media (min-width:1025px){
	
	/* About */
	.about-item { padding: 20px 0;}
	

}