@import url('bootstrap.min.css');
@import url('animate.css');
@import url('banners.css');

.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"ÃÃÂÃâ€ÅÂÃÆâââ€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’¢â‚¬Å¡Ãƒâ€šÃ‚¡ÃƒÆ’ƒÆ’ƒâ€šÃ‚¢ÃƒÆ’ƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã¢â‚¬Â";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}}


body { font-family: 'Poppins', sans-serif; font-weight: 400; }

.ctrdv { margin: 0px auto; float: none; }

.h1, .h2, .h3, h1, h2, h3, .h4, .h5, .h6, h4, h5, h6 { margin-top: 0px; }

ul { margin: 0px; padding: 0px; list-style: none; }

i { display: inline-block; }

a {transition: all 0.2s linear;}
a:hover, a:focus { text-decoration: none; }

hr { border-color: #e1e1e1; margin-top: 64px; margin-bottom: 64px; }

.upcase { text-transform: uppercase; }
.transnone { text-transform: none!important; }

.posRel { position: relative; }

.text-left { text-align: left!important; }

.padb-0 { padding-bottom: 0px!important; }
.padt-20 { padding-top: 20px; }
.nopadlr { padding-left: 0px!important; padding-right: 0px!important; }
.marl-0 { margin-left: 0px!important; }
.marb-0 { margin-bottom: 0px!important; }
.marb-30 { margin-bottom: 30px!important; }
.marb-65 { margin-bottom: 65px!important; }
.marb-70 { margin-bottom: 65px!important; }
.mart-65 { margin-top: 65px!important; }
.mart-15 { margin-top: 15px!important; }

.clearfix{clear:both;}
.clearfix:after{clear:both;display:block;content:"";}

:focus { outline: none; border:0px; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666;
  opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666;
  opacity: 1;
}

p { font-size: 15px; color: #333; }

.gen-btn {outline:none;border:0px;font-size: 14px;color: #fff;padding: 10px;border-radius: 20px;text-transform: uppercase;
/*background-image: linear-gradient(to right, rgb(74, 119, 244) 0%, rgb(0, 186, 222) 51%, rgb(74, 119, 244) 100%);*/
background-color:#4777f4;
display: inline-block;text-align: center;min-width: 150px;}
.gen-btn:hover { color: #fff;     background-image: linear-gradient(to right, rgb(74, 119, 244) 0%, rgb(0, 186, 222) 51%, rgb(74, 119, 244) 100%); }
.gen-btn:focus { color: #fff; }

.gen-btn.red {background-color: #276671;padding: 11px 30px;border-radius: 24px;font-weight: 500;font-size: 15px;min-width: 254px;}
.gen-btn.red:hover { background: #4c84ff; }

.head { text-align: center;	 }
.head h3 {font-size: 60px;font-weight: 700;color: #2f4255;margin-bottom: 0px;}
.head h3 span { font-style: italic; color: #4c84ff; font-family: 'Libre Baskerville', serif; }
.head h4 { font-size: 30px; color: #000033; font-weight: 300; }
.head p {font-size: 17px;color: #222222;margin-top: 30px;margin-bottom: 40px;}

.header {height: 110px;padding: 10px 0;vertical-align: top;position: absolute;width: 100%;left: 0;right: 0;top: 0;z-index: 205;        background-image: linear-gradient(to right, #f9fcff -20%, #8fb2ff 100%, rgb(0, 67, 255) 187%);}
.header.sticky-head { background: #fff; position: fixed; padding: 10px 0; border-bottom: 1px solid #dedede;  }
.header.sticky-head .nav>li>a { color: #2f4255; }
.header.sticky-head .head-nav { padding-top: 22px; }
.header.sticky-head .logo i { background-image: url(../images/logo-c.png);}
.header .head-nav {padding-top: 22px;}
.header .navbar {display: inline-block;min-height: inherit;margin: 9px 0 0 0;vertical-align: top;}
.header .nav>li {margin-left: 40px;position: relative;}
.header .nav>li>a {color: #fff;font-size: 14px;border-bottom: 2px solid transparent;font-weight: 600;text-transform: uppercase;}
.header .nav>li>a:hover, .header .nav>li>a.active {color: rgb(74, 119, 244);}
.header .nav>li>ul {display:none;position: absolute;padding: 10px 10px 0 10px;width: 152px;left: 0;top: 26px;background: #83a12f;text-align: left;}
.header .nav>li>ul>li{ display: block; margin-bottom: 10px; }
.header .nav>li>ul>li>a { color: #fff; }
.header .nav>li.sub { padding-bottom: 10px; }
.header .nav>li.sub a:hover { border-color: transparent; opacity: 0.7; }
.header .nav>li.sub:hover ul { display: block; }
.header .gen-btn {margin-top:5px;margin-left: 5px;}
.header .logo img { display: inline-block; }
.logo i {background: url(../images/logo.png) no-repeat;display: inline-block;height: 60px;width: 260px;}
.header .nav > li.drp a { padding-bottom: 10px; }
.header .nav > li.drp a:hover { border: 0px;  }
.header .nav .sub-menu {display: none;position: absolute;left: 0px;top: 30px;background-image: linear-gradient(to right, rgb(74, 119, 244) 0%, rgb(0, 186, 222) 51%, rgb(74, 119, 244) 100%);padding: 0;text-align: left;width: 225px;}
.header .nav .sub-menu li { margin-bottom: 0px; }
.header .nav .sub-menu a {margin-left: 0px;color: #fff;padding: 7px 10px;display: block;}
.header .nav .sub-menu a:hover {border:none;color: #fff;background-image: linear-gradient(to right, rgb(64, 109, 234) 0%, rgb(9, 205, 243) 51%, rgb(67, 110, 230) 100%);}

.banner { padding: 260px 0 0 0; height: 730px; background: url('../images/banner.jpg') center top no-repeat; background-size: cover; text-align: center; overflow: hidden;}
.banner h2 {color: #fff;font-weight: 700;font-size: 52px;margin-bottom: 22px;}
.banner h2 span { color: #fb2224; font-style: italic; font-weight: 300; font-family: 'Libre Baskerville', serif; }
.banner h3 {color: #fff;font-weight: 300;font-size: 20px;line-height: 29px;margin-bottom: 50px;}
.banner .gen-btn.red {font-size: 16px; font-weight: 400;}
.banner ul li { width: 100%; visibility: hidden; opacity: 0; }

.about .banner { background-image: url('../images/about-banner.jpg') }

.inner-banner {padding: 194px 0 0 0;height: 500px;background: url('../images/portfolio.jpg') center top no-repeat;background-size: cover;text-align: center;}
.inner-banner h2 {color: #fff;font-weight: 700;font-size: 52px;margin-bottom: 22px;}
.inner-banner h2 span { color: #4c84ff; font-style: italic; font-weight: 300; font-family: 'Libre Baskerville', serif; }
.inner-banner h3 {color: #fff;font-weight: 300;font-size: 20px;line-height: 29px;margin-bottom: 50px;}
.inner-banner .gen-btn.red {font-size: 16px; font-weight: 400;}


.inner-banner.service { background-image: url('../images/service-banner.jpg'); }



.about-sec { padding: 100px 0; overflow: hidden; }
.about-sec .tabs { margin-bottom: 60px; }
.about-sec .tabs li:first-child { margin-left: 0px; }
.about-sec .tabs li{background: #f5f5f5;color: #2f4255;font-size: 13px;padding: 10px 10px;cursor: pointer;border:1px solid #e1e1e1;width: 212px;margin-left: 20px;text-align: center;float: left;}
.about-sec .tabs li.current{background: #2f4255;color: #fff; border-color: #2f4255;}
.about-sec .tab-content{display: none;}
.about-sec .tab-content.current{display: inherit;}
.about-sec .cnt-lft { padding-right: 80px; }
.about-sec .cnt-lft h3 { font-size: 30px; color: #2f4255; font-weight: 700; margin-bottom: 25px;}
.about-sec .cnt-lft h3 span { color: #fb2224; font-style: italic; font-family: 'Libre Baskerville', serif;}
.about-sec .cnt-lft p {margin-bottom: 35px;}
.about-sec .cnt-lft ul {width: 40%;margin: 0 0 40px 21px;float: left;}
.about-sec .cnt-lft ul li {list-style: disc;color:#fb2224;line-height: 32px;}
.about-sec .cnt-lft ul li span { font-size: 15px; color: #333; }
.about-sec .cnt-rft { padding-top: 20px;  }
.about-sec .cnt-rft img {  transition: ease all 0.3s; }
.about-sec .cnt-rft figure { overflow: hidden; }
.about-sec .cnt-rft figure:hover img {     transform: scale(1.05); }


.steps { background: #ce1d1f;  padding: 100px 0; text-align: center; }
.steps .head h3 { color: #fff; font-size: 48px; }
.steps .head h3 span { color: #fff; }
.steps .head p { color: #fff; }
.steps .bx {border:1px solid #ff7b7d;border-radius: 5px;position: relative;padding: 160px 20px 20px 20px;min-height: 418px;}
.steps .bx h3 {font-weight: 900;font-size: 270px;position: absolute;left: 0;right: 0;text-align: center;line-height: 260px;z-index: 1;top: 0; background: -webkit-linear-gradient(#c91c1e, #9e1618); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }
.steps .bx h4 {font-size: 36px;color: #fff;margin-bottom: 25px;position: relative;z-index: 2;}
.steps .bx p { color: #fff; font-size: 15px; position: relative; z-index: 2; }


.portfolio-sec { padding: 60px 0; text-align: center; overflow: hidden;}
.portfolio-sec .head h3 { font-size: 48px; }
.portfolio-sec .grid-item { float: left; width:25%; height: 250px; }
.portfolio-sec .grid-item-width2 { width: 50%; }
.portfolio-sec .button-group { margin-bottom: 50px; }
.portfolio-sec .button-group button {background: #f5f5f5;
    color: #000000;
    font-size: 16px;
    padding: 15px 35px;
    cursor: pointer;
    border: 1px solid #0bafe1;
    margin-left: 20px;
    border-radius: 5px;
    text-align: center;}
.portfolio-sec .button-group button.current { 
/*background-image: linear-gradient(to right, rgb(74, 119, 244) 0%, rgb(0, 186, 222) 51%, rgb(74, 119, 244) 100%);*/
background-color:#4777f4;
 color: #fff; }
.portfolio-sec figure { overflow: hidden; }
.portfolio-sec figure img { transition: ease all 0.3s;  }
.portfolio-sec figure:hover img { transform: scale(1.1); }

.portfolio-inner .portfolio-sec .grid-item { width: 31%; margin: 1%; height: 250px; overflow: hidden; }

.cta { text-align: center; background: url('../../images/pr-features-bg.png') center top fixed no-repeat; background-size: cover; padding: 60px 0; }
.cta h3 { color: #fff; font-weight: 300; text-transform: uppercase; font-size: 34px; }
.cta h3 strong { font-weight: 700; }
.cta p { color: #fff; font-size: 18px; margin-bottom: 45px; }
.cta .cta-bx {border: 2px solid #fff;padding: 6px 10px;border-radius: 30px;}
.cta .cta-bx:hover { background: #4c84ff; border-color: #fff;}
.cta .cta-bx i { vertical-align: top; }
.cta .cta-bx i img {margin: 7px 6px 0 0;}
.cta .cta-bx.frst i img { margin-top: 12px;  }
.cta .cta-bx p { display: inline-block; text-align: left; text-transform: uppercase;font-weight: 500; font-size: 13px; margin-bottom: 0px;}
.cta .cta-bx p span { font-size: 15px; }

.results-sec { text-align: center; padding: 100px 0; background: #f5f8fa; }
.results-sec .head h3 { font-size: 48px; }
.results-sec .bx i { display: inline-block; height: 75px; margin-bottom: 20px; }
.results-sec .bx h3 { font-size: 28px; color: #333; margin-bottom: 15px; }
.results-sec .bx p { margin-bottom: 0px; }

.testimonial-sec { padding: 100px 0; overflow: hidden; }
.testimonial-sec .img-box {position: relative;height: 440px;-webkit-box-shadow: 0px 0px 50px 0px rgba(214,214,214,1);-moz-box-shadow: 0px 0px 50px 0px rgba(214,214,214,1);box-shadow: 0px 0px 50px 0px rgba(214,214,214,1);width: 100%;display: table;}
.testimonial-sec .img-box .info {border-radius: 50% 50%;padding: 19px;color: #fff;background: blue;text-align: center;font-size: 46px;font-weight: 700;text-transform: uppercase;position: absolute;right: -52px;bottom: 0;top: 0;margin: auto;width: 103px;height: 103px;}
.testimonial-sec .img-box .img-cont { display: table-cell; vertical-align: middle; text-align: center; }
.testimonial-sec .cont { display: table; width: 100%; height: 440px; }
.testimonial-sec .cont .text { display: table-cell; vertical-align: middle; width: 100%;   }
.testimonial-sec .cont .text h3 { font-size: 32px; color: #1c2732;  }
.testimonial-sec .cont .text p { margin-bottom: 35px;  }
.testimonial-sec .cont .text h5 { font-size: 14px; color: #1c2732; }
.testimonial-sec .page-testi { margin: 70px 0 0 0; text-align: center;  }
.testimonial-sec .page-testi span {cursor: pointer;display: inline-block;width: 16px;height: 16px;border-radius: 50%;background: #e1e1e1;font-size: 0px;margin: 0 5px;}

.testimonial-sec .page-testi span:hover,
.testimonial-sec .page-testi span.cycle-pager-active { background: blue; }

.testimonial-sec .slide {     visibility: hidden;
    opacity: 0; }

.client-sec { text-align: center; padding: 30px 0; background: #f5f8fa; }
.client-sec .head h3 { font-size: 48px; }
.client-sec img { display: inline-block; }

.footer { background: #1c2732; }
.footer .ft-bx { /*padding: 45px 0; */}
.footer .ft-logo { max-width: 80%; margin-bottom: 20px; }
.footer h4 { text-transform: uppercase; font-weight: 700; color:#fff; font-size: 16px; margin-bottom: 35px;  }
.footer ul li { font-size: 14px; color: #6b7580; font-weight: 300; line-height: 27px; }
.footer ul li a { color: #6b7580; }
.footer ul li a:hover {    color: hsla(193, 83%, 48%, 1); }
.footer ul li span { /*font-weight: 700;*/ }
.footer .social { margin-top: 20px; }
.footer .social li {display: inline-block;vertical-align: top; margin: 0 8px 0 0;}
.footer .social li a {border: 1px solid #6b7580;height: 36px;width: 36px;text-align: center; line-height: 26px; color: #6b7580; display: inline-block; padding: 4px 0; font-weight: 600;}
.footer .social li a:hover {background-image: linear-gradient(to right, rgb(74, 119, 244) 0%, rgb(0, 186, 222) 51%, rgb(74, 119, 244) 100%);background-image: linear-gradient(to right, rgb(74, 119, 244) 0%, rgb(0, 186, 222) 51%, rgb(74, 119, 244) 100%);}

.footer .pre-footer { background: #202c39; padding: 20px 0; }
.footer .pre-footer p {margin-bottom: 0px;color: #6b7580;padding: 9px 0;}

.footer .copy { padding: 20px 0; }
.footer .copy p { color: #6b7580; font-size: 12px; margin-bottom: 0px; }

.footer .call-back-form { background: #16202a; }
.footer .call-back-form h3 {color: #fff;padding: 15px 20px;margin-bottom: 0px;font-weight: 500;font-size: 26px;    
/*background-image: linear-gradient(to right, rgb(74, 119, 244) 0%, rgb(0, 186, 222) 51%, rgb(74, 119, 244) 100%);*/
background-color:#4777f4;
	text-transform: uppercase;}
.footer .call-back-form .form-cont {padding: 10px 20px;text-align: center;}
.footer .call-back-form .form-cont p {color: #fff;margin-bottom: 20px;text-align: left;}
.footer .call-back-form .form-cont .fld {width: 100%;padding: 7px 10px;font-size: 12px;color: #6b7580;background: #202c39;border: 1px solid transparent;margin-bottom: 14px;}
.footer .call-back-form .form-cont .btn {display: inline-block;color: #fff;font-size: 15px;text-transform: uppercase;    
/*background-image: linear-gradient(to right, rgb(74, 119, 244) 0%, rgb(0, 186, 222) 51%, rgb(74, 119, 244) 100%);*/
background-color:#4777f4;
border-radius: 0px;padding: 5px 20px;}
.footer .call-back-form .form-cont .fld.error { color: #f00; border-color: #f00; }
.footer .call-back-form .form-cont label.error { display: none!important; }

.service-p .about-sec { padding: 100px 0 60px 0; }

.service-p .about-sec .cont figure {height: 221px;background-color: #e1e1e1;margin-bottom: 15px; overflow: hidden;}
.service-p .about-sec .cont figure img { max-width: 100%;  transition: ease all 0.3s; }
.service-p .about-sec .cont figure:hover img {
    transform: scale(1.1);
}
.service-p .about-sec .cont h4 { font-size: 20px; color: #333333; font-weight: 400; }
.service-p .about-sec .cont p { font-size: 12px; color: #808080; margin-bottom: 40px; }
.service-p .cta { background: none #ea1b29;  }
.service-p .cta .cta-bx:hover { background: #1c2732; border-color: #1c2732;}

.servicealt-sec { text-align: center; padding: 100px 0; background: #f5f8fa; }
.servicealt-sec .head h3 { font-size: 48px; }
.servicealt-sec .bx figure {  margin-bottom: 15px; position: relative;}
.servicealt-sec .bx h3 { position:absolute; bottom:0px; margin-bottom:0px; width:100%;font-size: 24px; color: #fff;    background-image: linear-gradient(to right, rgb(74, 119, 244) 0%, rgb(0, 186, 222) 51%, rgb(74, 119, 244) 100%); padding: 7px; text-transform: uppercase;  }
.servicealt-sec .bx p { font-size:14px; color: #333333; margin-bottom: 0px; }


.about .servicealt-sec { padding: 100px 0 60px 0; }
.about .servicealt-sec .bx p {margin-bottom:40px;}

.contact-form { padding: 100px 0 70px 0; overflow: hidden; }
.contact-form .head { margin-bottom: 45px; }
.contact-form .head h1 { font-size: 48px; margin-bottom: 35px; }
.contact-form .form .row { margin-bottom: 30px; }
.contact-form .form label {  display:block; margin-bottom: 10px;text-transform: uppercase; font-size: 12px; color: #1c2732; font-weight: 600; }
.contact-form .form label span { color: #f00; }
.contact-form .form .fld { width: 100%; font-size: 15px; padding: 10px 10px; border:1px solid #b7b7b7; border-radius: 2px; }
.contact-form .form .fld.error { border-color: #f00; color: #f00; }
.contact-form .form label.error {display: none!important;}
.contact-form .form textarea { height: 120px; resize: none; }

.contact-sec { padding: 50px 0; background: #f1f1f1;  overflow: hidden; }
.contact-sec .bdr-lft { border-left: 1px solid #a1a1a1; }
.contact-sec h4 { font-size: 37px; color: #1c2732; font-weight: 700; text-transform: uppercase; }
.contact-sec h4 span { font-weight: 400; }
.contact-sec p { font-size: 16px; color: #4c4b4b; margin-bottom: 25px;}
.contact-sec .gen-btn {min-width: 139px;padding: 15px; margin-bottom: 25px;}
.contact-sec h3 { text-transform: uppercase; font-weight: 300; font-size: 37px; }

.socialize { padding: 50px 0; }
.socialize i { background: url('../images/sprite.png') no-repeat 0 0; margin-bottom: 10px; }
.socialize .head {padding-top: 68px;text-align: left;display: inline-block;position: relative;border-bottom: 1px solid #c2c2c2;padding-bottom: 15px;margin-bottom: 15px;}
.socialize .head h3 { font-size: 40px; }
.socialize .s-box { background: #cccccc; height: 300px; width: 100%; display: table; text-align: center; }
.socialize .s-box > div { display: table-cell; vertical-align: middle; width: 100%; }

.socialize .s-box > div .fb { background-position: 0 0; width: 40px; height: 75px; }
.socialize .s-box > div:hover .fb { background-position: 0 -110px; }

.socialize .s-box > div .gplus { background-position: -67px -5px; width: 103px; height: 70px; }
.socialize .s-box > div:hover .gplus { background-position: -67px -115px; }

.socialize .s-box > div .linkedin { background-position: -182px 0; width: 75px; height: 75px; }
.socialize .s-box > div:hover .linkedin { background-position: -182px -110px;}

.socialize .s-box > div p { text-transform: uppercase; font-size: 21px; font-weight: 700; }
.socialize .s-box > div:hover p { color: #fff; }
.socialize .s-box.fb:hover { background: #3b5998; }
.socialize .s-box.gplus:hover { background: #d34836; }
.socialize .s-box.linkedin:hover { background: #0077b5; }

.locations { padding: 100px 0; background: #f1f1f1; overflow: hidden;  }
.locations .head {padding-top: 0px;text-align: left;display: inline-block;position: relative;border-bottom: 1px solid #c2c2c2;padding-bottom: 15px;margin-bottom: 55px;}
.locations .head h3 { font-size: 40px; }
.locations h4 {color: #1c2732;font-size: 26px;font-weight: 700;}
.locations p {
    color: #4c4b4b;
    font-size: 18px;
    margin-bottom: 10px;
    width: 80%;
}
.locations p a { color: #4c4b4b; }
.locations figure { padding: 50px 0; }

.global { padding: 100px 0; background: url('../images/global-bg.jpg') center top no-repeat fixed; background-size: cover; }
.global .head { margin-bottom: 60px; }
.global .head h3 { font-size: 48px; color: #fff; margin-bottom: 15px; }
.global .head h3 span { color: #fff; }
.global .head p { color: #fff; margin-top: 0px; }

.global .team-size .bx { text-align: center; }
.global .team-size .bx figure { margin-bottom: 20px; }
.global .team-size .bx img { display: inline-block; }
.global .team-size .bx h4 { color: #fff; font-size: 66px; text-transform: uppercase;}
.global .team-size .bx p { color: #fff; font-size: 18px; font-weight: 500; margin-bottom: 0px; }


.intro-sec { padding: 100px 0; text-align: center; overflow: hidden; }
.intro-sec .head { margin-bottom: 30px; }
.intro-sec .head h4 { margin-top: 20px;  }

.intro-sec h5 {font-size: 20px;font-style: italic;font-weight: bold;line-height: 29px;color: blue;font-family: 'Libre Baskerville', serif;margin-bottom: 20px;}
.intro-sec p { font-size: 18px; line-height: 30px; margin-bottom: 0px; }

.our-team { padding: 100px 0; background: #cd1d1f;}
.our-team .head h3 { font-size: 48px; color: #fff; margin-bottom: 15px; }
.our-team .head h3 span { color: #fff; }
.our-team .head p { color: #fff; margin-top: 12px; }
.our-team .team { text-align: center; }
.our-team .team-bx {height: 210px;display: table;width: 100%;background-color: #fff;}
.our-team .team-bx > div { display: table-cell; vertical-align: middle; width: 100%; text-align: center; }

.our-team .team-bx .team-dt {border: 2px solid #30323e;border-top: 0px;padding: 14px 20px 20px 20px;width: 88%;margin: 0px auto;position: relative;}
.our-team .team-bx .team-dt h5 {font-size: 24px;font-weight: 700;color: #cd1d1f;margin-bottom: 0px;position: absolute;left: 0;right: 0;top: -12px;}
.our-team .team-bx .team-dt h5:before {content: '';width: 20%;background: #30323e;height: 2px;position: absolute;left: 0;top: 12px;}
.our-team .team-bx .team-dt h5:after {content: '';width: 20%;background: #30323e;height: 2px;position: absolute;right: 0;top: 12px;}
.our-team .team-bx .team-dt h6 { font-size: 19px; }
.our-team .team-bx .team-dt p {font-size: 14px;margin-bottom: 0px;}
.our-team .t-name{ background: #fff; text-align: center; padding: 10px;  }
.our-team .t-name h3 { font-size: 18px; font-weight: 700;color: #cd1d1f; margin-bottom: 5px; }
.our-team .t-name h4 { font-size: 15px;margin-bottom: 0px; }

.we-work { padding: 100px 0; background: #f5f8fa; }
.we-work .head { margin-bottom: 60px; }
.we-work .head p {  margin-top: 12px; }
.we-work .bx { text-align: center; }
.we-work .bx figure { height: 100px; margin-bottom: 20px;}
.we-work .bx figure img { display: inline-block; }

.we-work .bx i {display: inline-block;width: 100%;height: 53px;margin-bottom: 20px; position: relative;}
.we-work .bx i img { position: relative; z-index: 5; }
.we-work .bx i:before { content: ''; width: 100%; background: #c1c1c1; bottom: 0; top: 0; left: 0; margin: auto; z-index: 1; height: 2px; position: absolute;  }
.we-work .bx h3 { color: #333333; font-size: 22px;  text-transform: uppercase; margin-bottom: 15px; }
.we-work .bx p { font-size: 14px; color: #333333; padding: 0 15px; }


.arrow-top {
	position: relative;
	background: #d5d5d5;
	border: 2px solid #3689ee;
}
.arrow-top:after, .arrow-top:before {
	bottom: 100%;
	left: 27px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-top:after {
	border-color: rgba(213, 213, 213, 0);
	border-bottom-color: #318ded;
	border-width: 5px;
	margin-left: -5px;
}
.arrow-top:before {
	border-color: rgba(245, 245, 245, 0);
	border-bottom-color: #318ded;
	border-width: 8px;
	margin-left: -8px;
}

#PureChatWidget.purechat.purechat-bottom-right { right: 10px!important; bottom: 5px!important; }


.navbar-toggle {background-image: linear-gradient(to right, rgb(74, 119, 244) 0%, rgb(0, 186, 222) 51%, rgb(74, 119, 244) 100%);}

.port-c .inner-banner{ height: 450px; padding: 170px 0 0 0; }
.port-c .navbar { display: none; }

@media screen and (max-width: 367px) { 

.navbar-toggle { margin: 10px 0; }

.logo i {
    background-size: 100%;
    width: 210px;
}



}

@media screen and (max-width: 567px) { 

.portfolio-sec .grid-item, .portfolio-inner .portfolio-sec .grid-item { height: auto; width: 100%; }

}




@media screen and (max-width: 767px) { 

.header .gen-btn { display: 	none;	 }
.header.sticky-head { height: 110px; }
.header .navbar { display: 	block;	
width: 	100%; 
/* margin: 	0px;   */
}
.header .nav>li { margin: 	0px; }
.header .nav>li>a {color: 	#fff;padding: 	10px 10px;text-align: left;}
.header .nav .sub-menu {position: 	relative;display: 	block!important;height: 	148px!important;top: 	0px;width: 100%;     background: rgba(255,255,255,0.1); border: 	0px;padding: 14px 0;}
.arrow-top { display: 	none!important;	 }
.header .nav .sub-menu a { color: 	#fff; padding: 0px 25px; }
.arrow-top:after, .arrow-top:before { display: 	none!important;	 }
.header .head-nav { padding-top: 	0px; top: -15px; }
.navbar-nav { 
/* background: rgba(255,255,255,1); */
background-image: linear-gradient(to right, rgb(74, 119, 244) 0%, rgb(0, 186, 222) 51%, rgb(74, 119, 244) 100%);
 }
.portfolio-sec .grid-item, .portfolio-inner .portfolio-sec .grid-item { height: auto; }
.banner { height: 	500px; padding-top: 	120px; }
.banner h2, .inner-banner h2 { font-size: 25px; }
.banner h3, .inner-banner h3 { font-size: 16px; line-height: 	24px; margin-bottom: 	15px; }
.banner h3 br, .banner h2 br, .head p br, .head h3 br, .head h4 br, , .inner-banner p br, .inner-banner h3 br, .inner-banner h2 br { display: 	none;	 }
.banner .gen-btn.red { min-width: 	150px; }
.inner-banner h3 br { display: none; }
.about-sec .cnt-rft { display: none;}
.inner-banner { height: 	400px; padding-top: 	120px; } 
.client-sec figure { display: none; }
.client-sec .head p { margin-bottom: 0px; }

.head h3,.steps .head h3,.global .head h3, .portfolio-sec .head h3, .cta h3, .results-sec .head h3, .client-sec .head h3, .servicealt-sec .head h3, .contact-form .head h3{ font-size: 29px; }
.head h4 { font-size: 18px; }
.head p,.cta p, .intro-sec p { font-size: 15px; margin-top: 	15px; }
.cta p, .global .head p { margin-bottom: 20px; }
.global .team-size .bx figure { width: 40%; display: inline-block; }
.global .team-size .bx h4 { font-size: 25px; }
.global .head { margin-bottom: 0px; }
.global .team-size .bx p { margin-bottom: 25px; }
.head h4 br { display: none; }

.contact-form .form .row { margin: 0px; }
.contact-form .form .fld { margin-bottom: 10px; }
.locations img { max-width: 100%; display: inline-block; }

.locations h4 { font-size: 20px; }
.locations p { font-size: 17px; }

.locations .head { margin-bottom: 20px; }

.about-sec, .steps, .portfolio-sec, .cta, .results-sec, .testimonial-sec, .client-sec, .service-p .about-sec, .locations, .socialize, .contact-sec, .contact-form, .servicealt-sec, .about .servicealt-sec, .global { padding: 	25px 0; }
.about-sec .tabs { text-align: center;	margin-bottom: 	25px; }
.about-sec .tabs li { float: 	none; margin: 	0px; display: 	inline-block;	margin-bottom: 	10px;	 }
.about-sec .cnt-lft {padding: 	0px 15px;}
.about-sec .cnt-lft ul li { line-height: 	23px; }
.about-sec .cnt-lft ul.marl-0 { margin-left: 	15px!important; }

.head p br, .cta p br { display: none; }
.socialize .head { padding-top: 10px; }

.contact-sec h3, .contact-sec h4 { font-size: 20px; }

.steps .bx {padding: 52px 20px 20px 20px; min-height: 306px; margin-bottom: 20px;}
.steps .bx h3 { font-size: 142px; line-height: 150px; display: none; }
.steps .bx h4 { font-size: 26px; }

.portfolio-sec .button-group { margin-bottom: 20px; }
.portfolio-sec .button-group button { float: none; display: inline-block; width: 45%; padding: 10px; margin: 5px; }

.portfolio-sec .mart-65 { margin-top: 20px!important; }

.cta .col-xs-10.ctrdv { width: 100%; }
.cta .col-sm-4 { padding: 0px; }
.cta .cta-bx p { margin: 0px; }
.cta .cta-bx { margin-bottom: 10px; }

.results-sec .bx, .servicealt-sec .bx { margin-bottom: 15px; }

.testimonial-sec { display: none; }

.footer .ft-bx, .intro-sec, .our-team  { padding: 20px 0; }

.footer h4 { margin-bottom: 15px; }

.footer .call-back-form h3 { font-size: 17px; }

.pre-footer img { max-width: 100%; }

.cta .cta-bx i img { display: none; }

.service-p .about-sec .cont figure { background: #fff; height: auto; }

.our-team .team-bx img { display: inline-block; }
.our-team .team-bx .team-dt { border:0px; }
.our-team .team-bx .team-dt h5 { position: static; }
.our-team .team-bx .team-dt h5:before, .our-team .team-bx .team-dt h5:after { display: none; }

}

@media screen and (max-width: 1023px) and (min-width: 768px) { 

.header .nav>li, .header .gen-btn { margin-left: 10px; }

.header .gen-btn { min-width: auto; padding: 10px;  font-size: 12px; }

.banner { padding-top: 180px; }
.banner h2 br { display: none; }
.banner h3 br { display: none; }

.about-sec .tabs li { width: 17%; margin-left: 27px; }

.head p br { display: none!important; }

.steps .bx h3 { font-size: 150px; }

.steps .bx h4 { font-size: 21px; }

.about-sec .cnt-lft ul { width: 100%; margin-bottom: 0px; }
.about-sec .cnt-lft ul.marl-0 { margin-left: 21px!important; margin-bottom: 30px; }

.steps .bx { min-height: 448px; }

.portfolio-sec .button-group button { width: 24%; margin-bottom: 15px; }

.portfolio-sec .grid-item { height: auto; }

.cta .col-xs-10 { width: 100%; }

.testimonial-sec { display: none; }

.inner-banner { padding-top: 120px; }
.inner-banner h3 br { display: none; }

.global .team-size .bx figure { width: 80%; display: inline-block; }

.our-team .team-bx .team-dt { border: 0px; width: 100%; padding: 21px 9px; }
.our-team .team-bx .team-dt h5:before, .our-team .team-bx .team-dt h5:after { display: none; }

.our-team .t-name { height: 85px; }
.service-p .about-sec .cont figure { height: auto; }
.locations img { display: inline-block; max-width: 100%; }
 }

@media screen and (max-width: 1100px) and (min-width: 1024px) { 

.about-sec .tabs li {font-size: 12px;
    padding: 10px 4px;     width: 186px;  margin-left: 10px;}

    .steps .bx h3 { font-size: 235px; }

    .steps .bx h4 { font-size: 26px; }

.testimonial-sec .img-box .info { display: none; }
.our-team .team-bx .team-dt h5:before, .our-team .team-bx .team-dt h5:after { display: none; }

.service-p .about-sec .cont figure { height: auto; }

.portfolio-sec .button-group button:first-child { margin-left: 0px; }
.portfolio-sec .button-group button { padding: 10px 20px; }

.locations img { display: inline-block; max-width: 100%; }
}


.locations h6 {
    color: #797979;
    font-size: 15px;
    margin: 0px 0px 8px 0px;
}
span.footer-red {
    color: #4c84ff;
    font-size: 20px;
    display: block;
}
h4.margin1 {
    margin-top: 25px;
}
.contact-right img {
    margin-top: 40px;
    width: 100%;

}

.liveprojects-head h5 {
    color: #fb2224;
    font-family: Poppins;
    font-size: 25px;
    font-weight: 500;
}
.liveprojects-data p {
    color: black;
    font-weight: 500;
    font-size: 16px;
}
span.projecttag1 {
    float: right;
    background: #33caaf;
    color: white;
    font-size: 15px;
    padding: 3px 10px;
    border-radius: 30px;
    font-weight: 400;
}

span.projecttag2 {
    float: right;
    background: #bd4098;
    color: white;
    font-size: 15px;
    padding: 3px 10px;
    border-radius: 30px;
    font-weight: 400;
}


span.projecttag3 {
    float: right;
    background: #e1a70a;
    color: white;
    font-size: 15px;
    padding: 3px 10px;
    border-radius: 30px;
    font-weight: 400;
}

span.projecttag4 {
    float: right;
    background: #3c88b8;
    color: white;
    font-size: 15px;
    padding: 3px 10px;
    border-radius: 30px;
    font-weight: 400;
}
span.projecttag5 {
    float: right;
    background: #3cb878;
    color: white;
    font-size: 15px;
    padding: 3px 10px;
    border-radius: 30px;
    font-weight: 400;
}

.liveproject-details {
    border-top: none;
    padding-top: 20px;
    padding-bottom: 10px;
}
.liveportfolio-section .row {
    margin-bottom: 50px;
    border-bottom: 1px solid silver;
    padding-bottom: 25px;
}
.liveproject-details h5 {
    color: #fb2224;
    font-size: 16px;
}
.liveproject-details p {
    color: grey;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.4px;
}
.liveproject-pages a {
    color: black;
    font-size: 13px;
    border-right: navajowhite;
    margin-right: 10px;
    padding: 5px 18px;
    text-decoration: none;
    background: #e4e4e4;
    border-radius: 15px;
    margin-bottom: 8px;
    display: inline-block;
}
.liveproject-pages a:hover {
	background:#fb2224;
	color:white;
}
.liveproject-details h5 {
    color: #fb2224;
    font-size: 16px;
}
.liveprojects-head h5 span {
    margin-left: 15px;
}
.liveproject-pages{
	padding-bottom: 20px;
	border-bottom: none;
}
.liveportfolio-section {
	padding:60px 0px 50px 0px;
}
.live-head p {
    font-size: 18px;
    width: 100%;
    max-width: 700px;
    margin: auto;
    margin-bottom: 70px;
    margin-top: 20px;
}.liveportfolio-section .grid-item {
    height: 180px;
    overflow: hidden;
    box-shadow: 1px 1px 10px silver;
    border-radius: 5px;
}

.liveportfolio-section .col-md-9.col-lg-9.col-sm-12.col-xs-12 {
    padding-left: 45px;
}
.client-logo img {
    display: block;
    margin: auto;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}
.client-logo img:hover {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.our-team .team-bx .team-dt.team-big h5:before {
	width: 16%;
}

.our-team .team-bx .team-dt.team-big h5:after {
	width: 16%;
}
.contact-right figure {
    margin-top: 14%;
}
a {
	transition: 0s ease-in-out;
}
@media screen and (max-width:519px) and (min-width:320px) {

.liveproject-details {
    border-top: 1px solid silver;
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: white;
    float: left;
    width: 100%;
    margin-top: 20px;
}
.liveprojects-head {
    float: left;
    width: 100%;
}
.liveprojects-head h5 span {
    margin-left: 15px;
    margin-top: 5px;
}
}