*{padding:0;margin:0}
body{color:#fff;font-family:'Montserrat',sans-serif;font-weight:400;position:relative;width:100%;height:100%;overflow:scroll;overflow-x:hidden}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Montserrat',sans-serif}
a{text-decoration:none;color:#fff;outline:none}
.wrapper{width:100%}
.spHeight{padding-top:63px}
.noMar{margin:0!important}
.noPadd{padding:0!important}
.container .row{margin:0}
p{font-size:14px;line-height:24px;font-weight:400;margin:0}
h1{font-size:48px;line-height:57px;font-weight:700;margin:0;padding-bottom:8px}
h2{font-size:36px;line-height:38px;padding-bottom:0;text-transform:uppercase;margin:0;font-weight:700;border-bottom:#e03e3b 6px solid;padding-bottom:9px;display:inline-block}
h3{font-size:18px;line-height:21px;padding-bottom:3px;font-weight:400;margin:0}
h4{font-size:19px;line-height:24px;padding-bottom:6px;font-weight:600;margin:0;color:#5b4c5c}
h5{font-size:16px;line-height:24px;padding-bottom:6px;font-weight:400;margin:0}
h4.subHeading{font-weight:300;font-size:18px;padding-bottom:20px}
.heading{text-align:center;padding-bottom:45px}
.topmar{margin-top:20px}
.container{max-width:960px}
header{position:relative}
.banner{overflow:hidden;margin:0 auto!important;background:#CACACA}
.bannerText{position:relative;left:0;right:0;top:35%;text-align:center;padding:30px 0;max-width:960px;z-index:999999;animation-name:textBox;animation-duration:5s;animation-timing-function:linear;animation-delay:0;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:running;-webkit-animation-name:textBox;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-delay:0;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-animation-play-state:running}
.bannerText p{font-size:18px;color:#fff;padding-bottom:42px}
.mbnt{display:inline-block;line-height:52px;color:#fff;font-size:16px;background-color:#e03e3b;padding:0 29px;font-weight:700}
.mbnt:hover{color:#eaeaea;text-decoration:none}
.bannerText h1{text-transform:uppercase}
.bannerText h2{font-size:34px;text-transform:none}
.cb-slideshow{background:#1b1f2b}
.cb-slideshow li{opacity:.5;filter:alpha(opacity=50)}
.ri-grid{margin:0 auto;position:relative;height:auto}
.ri-grid ul{list-style:none;display:block;width:100%;margin:0;padding:0}
.ri-grid ul:before,.ri-grid ul:after{content:'';display:table}
.ri-grid ul:after{clear:both}
.ri-grid ul{zoom:1}
.ri-grid ul li{-webkit-perspective:400px;-moz-perspective:400px;-o-perspective:400px;-ms-perspective:400px;perspective:400px;margin:0;padding:0;float:left;position:relative;display:block;overflow:hidden;background:#000}
.ri-grid ul li a{display:block;outline:none;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;background-color:#333;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.ri-grid-size-1{width:55%}
.ri-grid-size-2{width:100%}
.ri-grid-size-3{width:100%;margin-top:0}
.ri-shadow:after,.ri-shadow:before{content:"";position:absolute;z-index:-2;bottom:15px;left:10px;width:50%;height:20%;max-width:300px;max-height:100px;box-shadow:0 15px 10px rgba(0,0,0,0.7);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}
.ri-shadow:after{right:10px;left:auto;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}
.ri-grid-loading:after,.ri-grid-loading:before{display:none}
.ri-loading-image{display:none}
.ri-grid-loading .ri-loading-image{position:relative;width:30px;height:30px;left:50%;margin:100px 0 0 -15px;display:block}
.isStuck{left:0;width:100%}
.menu{margin-top:0;position:static;left:0;right:0}
.navwrapper .container{padding:0;width:auto}
.navbar-header{display:none}
.nav > li > a{display:inline-block}
.navbar-nav > li{float:none;display:inline}
.navbar-nav{margin:0 auto;text-align:center;float:none}
.navbar-toggle{margin-top:8px;background-color:#3d3d3d}
.navbar-brand{margin-top:4px}
.nav .menuItem a{font-size:19px}
.navbar-wrapper{margin-top:0;position:relative;z-index:15;background:#fff;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);box-shadow:0 0 5px 0 rgba(0,0,0,0.2)}
.navbar-wrapper .container{padding:0}
.navbar-collapse{padding:0}
.navbar-collapse.in{max-height:100%}
.navbar.navbar-inverse.navbar-static-top{margin:0 auto;background:#fff;color:#4c404d;border:none;font-size:14px}
.navbar.navbar-inverse.navbar-static-top a.navbar-brand{line-height:43px}
.navbar.navbar-inverse.navbar-static-top a{color:#3d3d3d;padding:0 26px;line-height:85px;text-align:center;font-weight:800;transition-duration:.2s;-webkit-transition-duration:.2s}
.navbar.navbar-inverse.navbar-static-top .nav li.first{padding-left:0}
.navbar.navbar-inverse.navbar-static-top .nav li{padding:0 0 0 36px}
.navbar.navbar-inverse.navbar-static-top .nav li a{padding:0;letter-spacing:-1px}
.navbar.navbar-inverse.navbar-static-top a:hover{background:#fff;color:#e03e3b}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus{background:#fff;color:#e03e3b}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus{background:#fff;color:#e03e3b}
.navbar-inverse .navbar-nav>.active>a:hover{background:#fff;color:#e03e3b}
.hideClass{display:none}
.carousel-caption{z-index:10}
.carousel .item{height:600px;background-color:#0A64A4}
.carousel-inner > .item > img{position:absolute;top:0;left:0;min-width:100%}
.aboutme{background:#f3f2f3;color:#6d6d6d;position:relative}
.aboutme .container{padding-top:85px;padding-bottom:93px}
.aboutTop{background:#00bdbd;height:60px}
.spHeight .aboutTop{margin-top:-62px!important}
.aboutCont{padding-left:48px}
.aboutme .proPic img{min-width:100%;min-height:100%!important;width:auto}
.aboutme .proPic{position:relative;z-index:1;max-height:650px!important;overflow:hidden}
#description .ps-scrollbar-x-rail{display:none!important}
.aboutme .proPic:after{position:absolute;content:'';left:0;top:0;bottom:0;width:100%;z-index:2;min-height:100%;min-width:100%;background-size:cover}
.bntDownload{font-size:18px;font-family:'Open Sans',sans-serif;font-weight:700;border:3px solid #5b4c5c;padding:16px 22px;display:inline-block;color:#5b4c5c;transition-duration:.2s;-webkit-transition-duration:.2s}
.bntDownload:hover{background:#5b4c5c;color:#fff;text-decoration:none}
.aboutme .heading{text-align:left;padding-top:40px;padding-bottom:15px}
.aboutme .heading h2{color:#3d3d3d;display:inline-block}
.aboutme h3{color:#3d3d3d;font-size:18px;font-weight:700}
.aboutme .subHeading{font-size:18px}
.addspace{height:60px;background:#eee}
.technical .container{padding-top:117px;padding-bottom:60px;padding-top:60px}
.technical .heading p{padding-bottom:10px;max-width:660px;text-align:center;display:block;margin:0 auto}
.technical p{color:#6d6d6d}
.technical h2{color:#3d3d3d;margin-bottom:15px}
.technical .skillsArea{padding:0}
.technical .skills{margin:0 auto;margin-bottom:23px;text-align:center;padding:0;float:none}
.technical .skills p{color:#6d6d6d;font-size:15px;line-height:26px;text-align:center}
.technical .skills p:last-child{margin-bottom:0;padding-bottom:0}
.technical .skills img{margin:0 auto;margin-bottom:33px;width:100%;max-width:152px}
.technical .skills h4{font-weight:700;font-size:17px;line-height:27px;padding-bottom:11px;color:#5b4c5c}
.chart{position:relative;display:inline-block;width:118px;height:118px;margin-bottom:19px;text-align:center}
.chart canvas{position:absolute;top:0;left:0;display:none}
.percent{display:inline-block;font-size:21px;color:#5b4c5c;line-height:118px;z-index:2;font-weight:700}
.percent:after{content:'%';margin-left:.1em;font-size:.8em}
.angular{margin-top:100px}
.angular .chart{margin-top:0}
.exprience{background:#f8f7f8}
.exprience .container{padding-top:116px;padding-bottom:60px;padding-top:60px}
.exprience h2{color:#3d3d3d;margin-bottom:15px}
.exprience p{color:#84868d;line-height:18px}
.exprience .heading p{padding-bottom:15px;max-width:660px;text-align:center;display:block;margin:0 auto;color:#6d6d6d;line-height:27px}
.exprience h4{font-weight:700}
.workDetails .rightArea{border-left:dashed 1px #897f8a;padding-bottom:47px}
.workDetails:last-child .rightArea{padding-bottom:0}
.workDetails:last-child .rightArea .exCon p:last-child{padding-bottom:0}
.workYear{font-size:17px;color:#fff;line-height:40px}
.workYear span{display:block;font-size:18pxpx;padding:0 21px;white-space:nowrap;float:right;margin-bottom:2px;margin-right:28px;font-weight:700;text-transform:uppercase}
.prevY{background-color:#e03e3b;text-align:right}
.afterY{background-color:#3d3d3d;min-width:175px;width:100%;text-align:right}
.arrowpart{margin-left:-26px;margin-top:32px;float:left;width:22px;height:22px;background:url(../images/arrow-left.png) no-repeat 0 0 #f8f7f8}
.exCon{width:auto;padding:0 47px 6px 70px;margin-left:15px;text-align:left}
.exCon p{color:#6d6d6d;line-height:27px}
.exCon h4{color:#e03e3b;padding-bottom:1px;margin-top:-8px}
.exCon h5{color:#575757;padding-bottom:11px}
.education{background:#fff}
.education .container{padding-top:60px;padding-bottom:60px}
.education h2{color:#3d3d3d;margin-bottom:15px}
.education p{color:#6d6d6d;line-height:27px}
.education .heading{padding:0}
.education .heading p{max-width:660px;text-align:center;display:block;margin:0 auto;line-height:27px}
.education h4{font-weight:700}
.education .arrowpart{margin-left:-26px;margin-top:32px;float:left;width:22px;height:22px;background:url(../images/arrow-left.png) no-repeat 0 0 #fff}
.education .workDetails .rightArea{border-left-color:#897f8a}
.protfolio{margin-bottom:-10px}
.protfolio .container{padding-top:85px;padding-bottom:90px}
.protfolio .heading h2{margin-bottom:49px}
.protfolio .heading{padding-bottom:60px}
.protfolio .heading p{padding-bottom:41px;margin:0 auto;max-width:660px;text-align:center}
.portfolioTop{padding-bottom:62px}
.protfolio h4{font-weight:700}
.portfolioTop{background-color:#3b323c;padding:123px 0 0}
.portfolioFilter{display:block;margin:0 auto;text-align:center}
.portfolioFilter ul{margin:0 auto;text-align:center;display:block;margin-bottom:30px}
.portfolioFilter ul li{display:inline-block;margin:5px 16px}
.portfolioFilter ul li a{font-size:14px;font-weight:700;line-height:21px;color:#908691;text-transform:uppercase;display:block;text-decoration:none;transition-duration:.2s;-webkit-transition-duration:.2s}
.portfolioFilter ul li a:hover{color:#f3f2f3;transition-duration:.2s;-webkit-transition-duration:.2s}
.portfolioFilter ul li a.current{color:#f3f2f3}
ul.portfolioContainer{display:block;padding:0;list-style-type:none}
ul.portfolioContainer li{display:block;min-height:90px;padding:0;margin:0;cursor:pointer;width:24.8%}
ul.portfolioContainer li .lightCon{display:block;position:relative;overflow:hidden}
ul.portfolioContainer li img{width:100%;height:auto;display:block}
span.hoverBox{visibility:hidden;width:100%;height:100%;position:absolute;left:0;bottom:0;transition-duration:.2s;-webkit-transition-duration:.2s;background:rgba(0,0,0,0.1)}
ul.portfolioContainer li:hover span.hoverBox{visibility:visible;left:0;bottom:0;background:rgba(238,124,123,0.8);transition-duration:.2s;-webkit-transition-duration:.2s}
span.hoverBox a{line-height:42px}
span.hoverBox .smallIcon{width:94px;margin:0 auto;position:absolute;top:50%;left:50%;margin-left:-47px;margin-top:-21px}
span.hoverBox .zoom{visibility:hidden;width:56px;height:56px;background:#fff;color:#000;position:relative;left:-150%;text-align:center;line-height:64px;display:block;float:left;border-radius:50%;-moz-border-radius:50%;transition-duration:.2s;-webkit-transition-duration:.2s;margin-left:-10px}
ul.portfolioContainer li:hover span.hoverBox .zoom{visibility:visible;left:0;transition-duration:.2s;-webkit-transition-duration:.2s}
span.hoverBox .linKed{visibility:hidden;width:56px;height:56px;background:#fff;color:#000;position:relative;right:-150%;text-align:center;line-height:67px;display:block;float:right;border-radius:50%;-moz-border-radius:50%;transition-duration:.2s;-webkit-transition-duration:.2s;margin-right:-10px}
ul.portfolioContainer li:hover span.hoverBox .linKed{visibility:visible;right:0;transition-duration:.2s;-webkit-transition-duration:.2s}
.pp_overlay:after{content:'';display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:#000}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s}
.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;transition-property:height,width}
.isotope .isotope-item{padding:0;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}
.abc{position:absolute;width:782px;height:auto;top:20%;left:0;right:0;z-index:99999;margin:0 auto}
.abc #pbImage{position:static!important}
#pbCaption{display:block;background:none!important}
#pbBottom{position:relative!important;left:26.1%!important;bottom:0!important;width:100%!important;margin-left:-26%!important;padding:0!important;height:80px!important;display:block;background-color:rgba(24,27,34,1);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#B0000000,EndColorStr=#B0000000)}
#pbCloseBtn{position:absolute!important}
.reffernces{background:#3d3d3d}
.reffernces .container{padding-bottom:60px;padding-top:60px}
.reffernces h2{margin-bottom:15px}
.reffernces .heading p{color:#d6d6d6;padding-bottom:10px;max-width:660px;text-align:center;display:block;margin:0 auto}
.reffernces p{color:#897f8a}
.refBox{margin-bottom:18px}
.refBoxcon{background:#f3f2f2;padding:30px;border-bottom:#2e2e2e 5px solid;min-width:300px;width:100%}
.refBoxcon p{color:#6d6d6d;font-size:14px;line-height:20px;padding-bottom:38px}
.refBoxcon h3{color:#4c404d;font-size:18px;font-weight:700}
.refBoxcon h4{color:#4c404d;font-size:16px;font-weight:400}
.refBox{padding:0 10px}
.contact{background:#fff}
.contact .container{padding-top:60px;padding-bottom:60px}
.contact h2{color:#3d3d3d;margin-bottom:15px}
.contact .heading p{display:block;margin:0 auto;max-width:660px;padding-bottom:15px;text-align:center}
.contact p{color:#84868d;line-height:18px}
.contact .heading p{line-height:27px;color:#6d6d6d}
.contact h4{font-weight:700}
.topCon{padding-bottom:0!important}
.mapArea{height:302px;overflow:hidden;width:100%;margin:0}
.mapArea iframe{width:100%;height:396px;padding-bottom:4px;background:url(../images/map-bro.png) repeat-x 0 100%}
.contactDetails{background:#fff}
.contactDetails .container{padding-top:0;padding-bottom:60px}
.contactDetails h4{font-weight:600;padding-bottom:15px;line-height:24px;color:#3d3d3d}
.contactDetails p{color:#897f8a;font-size:15px;line-height:19px;padding-bottom:14px}
.contactDetails p a{color:#6d6d6d}
.contactDetails i{margin-right:15px;vertical-align:middle}
.conForm input{background:#fff;color:#897f8a;padding:15px 30px;border:none;margin-right:3%;margin-bottom:18px;outline:none;font-style:normal;border:#cdc9ce 1px solid;font-size:15px}
.conForm input.noMarr{margin-right:0}
.conForm textarea{background:#fff;color:#897f8a;padding:15px 30px;margin-bottom:18px;outline:none;height:100px;font-style:normal;resize:none;font-size:15px;border:#cdc9ce 1px solid}
.conForm .submitBnt{background:#fff;color:#e03e3b;font-size:18px;font-weight:700;text-align:center;float:right;margin:0;width:135px;height:45px;line-height:40px;padding:0;border:#e03e3b 3px solid;transition-duration:.2s;-webkit-transition-duration:.2s}
.conForm .submitBnt:hover{background:#e03e3b;color:#fff}
.textGroup{position:relative!important;display:inline-block;padding-left:0!important}
#success_page{color:#00bdbd;font-weight:500}
.error_message{color:#5b4c5c;padding-bottom:15px;font-weight:500}
#success_page h3{font-size:17px}
.footer{background:#e03e3b}
.footer .container{padding:60px 0;position:relative;max-width:100%;width:100%;text-align:center}
.footer p{font-size:14px;padding-top:25px;color:#fcebea}
.footer ul{margin:0 auto;text-align:center;list-style-type:none}
.footer ul li{display:inline-block;text-align:center;background:#fff;color:#3b323c;line-height:42px;margin:0 6px;width:51px!important;height:51px!important;-webkit-border-radius:50%;border-radius:50%}
.footer ul li:hover{background:#282429}
.footer ul li:hover a{color:#fff}
.footer ul li a{color:#e03e3b;width:51px!important;height:51px!important}
.footer ul li a i{line-height:52px!important}
.totop{display:block;position:absolute;width:42px;height:42px;background-color:#db625f;color:#fff;line-height:42px;bottom:0;right:2%;margin-left:-21px;cursor:pointer;text-align:center}
.banner{}
.bannerText hr{width:30px;display:inline-block;margin-left:10px;margin-right:10px}
.technical .skills h4{color:#e03e3b;font-size:22px;line-height:27px;font-weight:400}
.philosophy{margin-bottom:20px}
.philosophy h2{font-size:36px;font-weight:700;line-height:18px}
.refBoxcon .profile-pic{margin-right:10px}
.refBoxcon span{display:inline-block}
.refBoxcon h3{color:#e03e3b;font-size:14px;line-height:18px;text-transform:uppercase}
.refBoxcon h4{color:#6d6d6d;font-size:13px;line-height:18px;padding-bottom:3px}
.contactDetails p,.contactDetails p a{color:#6d6d6d}
.contactDetails span{vertical-align:middle}
.contact-mail,.contact-phone,.contact-skype,.contact-blank{display:inline-block;background:url(../images/contact-icon.png) no-repeat;overflow:hidden;text-indent:-9999px;text-align:left}
.contact-mail{background-position:-0 -0;width:20px;height:14px}
.contact-phone{background-position:-0 -14px;width:20px;height:21px}
.contact-skype{background-position:-0 -36px;width:21px;height:21px}
.contact-blank{background-position:-0 -56px;width:20px;height:21px}
.reffernces .container{max-width:1000px}
.navbar-wrapper .container{max-width:1170px}
.refBoxcon p{background-image:url(../images/comma.png);background-repeat:no-repeat;min-height:218px}
.refBoxcon span{min-height:84px}
#description p{padding-top:10px}
.slides-container{display:table;height:100%}
.slide{display:table-cell;vertical-align:middle}
#description{overflow:hidden;position:relative;padding-right:20px;height:400px}
.heading p{font-size:15px}
.aboutme .heading h2,.reffernces h2,.contact h2,.technical h2,.exprience h2,.education h2{border:none;margin-bottom:0}
.aboutme .heading hr,.reffernces hr,.contact hr,.technical hr,.exprience hr,.education hr{width:270px;margin:0 auto;background-color:#e03e3b;height:6px;border:0;margin-bottom:15px}
.aboutme .heading hr{width:248px;margin-left:0 !important; }
.footer .container p span{color:#fe9f9d}
.carousel-control{z-index:1000000}
.carousel-control:hover, .carousel-control:focus{outline:none;}
.carousel-inner .item{height:450px !important;}
.fa-angle-left, .fa-angle-right{
    display:inline-block;
    position:absolute;
    top: 40%;
    z-index: 5;
}
.carousel-control{width:12%;}
.carousel-control span{opacity:0}
.banner:hover .carousel-control span{opacity:0.9}
.fa-angle-left:before, .fa-angle-right:before{content:" " !important; margin:auto}
.fa-angle-right{background-image:url(../images/next.png); width:22px; height:40px;}
.fa-angle-left{background-image:url(../images/prev.png); width:22px; height:40px;}
.carousel-indicators li{border: 1px solid #e03e3b;}
.carousel-indicators li.active{background-color:#e03e3b;}
@media screen and (min-width: 1200px) {
.education .workYear{padding-top:25px}
}
@media screen and (max-width: 1024px) {
#description{height:250px}
.aboutCont{padding-left:20px}
.navbar.navbar-inverse.navbar-static-top .nav li{padding-left:30px}
.bannerText{top:100px;padding-top:15px;padding-bottom:15px}
}
@media screen and (max-width: 999px) {
.navbar.navbar-inverse.navbar-static-top .nav li{padding-left:25px}
.navbar.navbar-inverse.navbar-static-top a{line-height:85px}
.nav .menuItem a{font-size:14px}
}
@media screen and (max-width: 991px) {
.bannerText{padding-left:25px;padding-right:25px}
.bannerText h1{font-size:65px;line-height:71px}
.bannerText h2{font-size:28px}
.proPic{text-align:center}
.aboutme .proPic{display:none}
}
@media screen and (max-width: 810px) {
body{min-height:700px}
#header h3{font-size:38px}
#header h3 span{font-size:16px}
.abc{width:100%}
}
@media screen and (max-width: 992px) {
.aboutme{padding:15px}
.proPic img{margin:0 auto}
}
@media screen and (min-width: 768px) {
.conForm input.col-sm-6{width:48.5%}
.conForm input.col-lg-6{width:48.5%}
.workYear span{margin-right:10px}
.bannerText h1{font-size:50px;}
}
@media screen and (max-width: 768px) {
.navbar-wrapper .container,.navwrapper .container{padding-right:15px;padding-left:15px}
ul.portfolioContainer li.col-xs-6{width:49%;min-height:85px}
.navbar.navbar-inverse.navbar-static-top a{line-height:43px}
#description{height:auto}
.navbar.navbar-inverse.navbar-static-top .nav li{padding-left:20px}
.refBoxcon p{min-height:10px;}
}
@media screen and (max-width: 767px) {
.navbar-header{display:block}
.workYear{margin:0 auto 20px;overflow:hidden}
.workYear span{width:100%;margin-right:0}
.workDetails .rightArea{border-left:none}
.arrowpart{background:none}
.education .arrowpart{background:url(../images/arrow-top-light.png) no-repeat 50% 100%}
.exCon{margin-left:0;padding:0}
ul.navbar-nav li a{display:block}
}
@media screen and (max-width: 650px) {
#wrapper{top:200px!important}
.upbox{transform:translate(0px,-70px);-ms-transform:translate(0px,-70px);-webkit-transform:translate(0px,-70px)}
.bannerText{top:100px;padding-top:15px;padding-bottom:15px}
.bannerText h1{font-size:28px;line-height:28px}
.bannerText h2{font-size:18px;line-height:24px;padding-bottom:0;}
.refBoxcon p{min-height:238px}
.refBoxcon span{min-height:84px}
hr{margin:10px;}

}
@media screen and (max-width: 480px) {
.navbar.navbar-inverse.navbar-static-top a{line-height:17px;padding-top:11px;padding-bottom:11px}
.navbar.navbar-inverse.navbar-static-top a.navbar-brand{line-height:22px}
.bannerText h1{font-size:26px;line-height:38px}
.bannerText p{font-size:16px;padding-bottom:32px}
.bannerText hr{margin-bottom:9px}
.refBoxcon p{min-height:100px}
.refBoxcon span{min-height:20px}
.banner:hover .carousel-control span{opacity:0}

}

@media screen and (max-width: 400px) {
#loopedSlider,#newsSlider{min-height:650px;height:100%}
ul.slides{min-height:600px;height:100%}
.item{width:19%}
.banner .carousel .item{width:100%;}
.item p{font-size:15px}
.aboutme img{width:100%}
ul.portfolioContainer li.col-xs-6{width:100%}
.bntDownload{font-size:13px;padding:16px 14px}
.conForm textarea{margin-bottom:20px}
.textGroup{display:block;padding:0 0 40px}
.nameError,.emailError{left:0;top:0}
.bannerText hr{width:12px}
h2{font-size:30px}
.refBoxcon{min-width:270px}
.refBoxcon span.profile-pic{margin-right:5px}
.refBoxcon span.profile-pic img{width:50px}
.carousel-inner .item{height:320px !important;}
.bannerText p{padding-bottom:10px;}
.bannerText{top:80px;}
}
@media screen and (max-width: 320px) {
h2{font-size:26px}
.technical .container,.exprience .container,.education .container,.reffernces .container,.contact .container{padding-top:30px;padding-bottom:30px}
.bannerText{top:84px;}
.bannerText h1{line-height:26px;}
.bannerText p{padding-bottom:10px;}
}
.ps-container .ps-scrollbar-x-rail{position:absolute;bottom:3px;height:8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:1;filter:alpha(opacity = 100);-o-transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear}
.ps-container:hover .ps-scrollbar-x-rail,.ps-container.hover .ps-scrollbar-x-rail{opacity:1;filter:alpha(opacity = 100)}
.ps-container .ps-scrollbar-x-rail.in-scrolling{background-color:#DFDFDF;opacity:1;filter:alpha(opacity = 100)}
.ps-container .ps-scrollbar-y-rail{position:absolute;right:3px;width:8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:1;filter:alpha(opacity = 100);-o-transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;background:#DFDFDF}
.ps-container .ps-scrollbar-y-rail.in-scrolling{background-color:#DFDFDF;opacity:1;filter:alpha(opacity = 100)}
.ps-container .ps-scrollbar-x{position:absolute;bottom:0;height:8px;background-color:#5b4c5c;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-transition:background-color .2s linear;-webkit-transition:background-color.2s linear;-moz-transition:background-color .2s linear;transition:background-color .2s linear}
.ps-container.ie6 .ps-scrollbar-x{font-size:0}
.ps-container .ps-scrollbar-y{position:absolute;right:0;width:8px;background-color:#3d3d3d;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-transition:background-color .2s linear;-webkit-transition:background-color.2s linear;-moz-transition:background-color .2s linear;transition:background-color .2s linear}
.ps-container.ie6 .ps-scrollbar-y{font-size:0}
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y{background-color:#3d3d3d}
.ps-container.ie .ps-scrollbar-x,.ps-container.ie .ps-scrollbar-y{visibility:hidden}
.ps-container.ie:hover .ps-scrollbar-x,.ps-container.ie:hover .ps-scrollbar-y,.ps-container.ie.hover .ps-scrollbar-x,.ps-container.ie.hover .ps-scrollbar-y{visibility:visible}

/* By Harminder, January 16, 2014 */
.banner .carousel.slide{display:block;width:100%;}
.banner .carousel .item{background-color:transparent;background-size:cover;background-position:right top}