body{ font-family: 'Poppins', sans-serif; font-size:14px; color:#222222; margin:0; padding:0;}

a, a:hover, a:active, a:focus{text-decoration:none; transition:all .5s; outline:none;}
.btn{font-family: 'Poppins', sans-serif; font-size:14px; border-radius:0;}

p:empty {
  display: none;
}

h1{font-family: 'Poppins', sans-serif; font-size:55px; color:#0e1f37; margin:0; padding:0; font-weight:600;}
h2{font-family: 'Poppins', sans-serif; font-size:34px; color:#11161d; padding:0; margin:0; font-weight:500;}
h3{font-family: 'Poppins', sans-serif; font-size:28px; color:#11161d; padding:0; margin:0; font-weight:500;}
h4{font-family: 'Poppins', sans-serif; font-size:24px; color:#11161d; padding:0; margin:0; font-weight:500;}
h5{font-family: 'Poppins', sans-serif; font-size:20px; color:#11161d; padding:0; margin:0; font-weight:500;}
h6{font-family: 'Poppins', sans-serif; font-size:18px; color:#11161d; padding:0; margin:0; font-weight:600;}
p{font-family: 'Poppins', sans-serif; font-size:14px; line-height:1.6; padding:0; margin:0;}

.floatdiv-main ul li img{float:right;display:inline-block;padding:16px 14px;cursor:pointer;}
.floatdiv-main {margin-top:120px; position:fixed; right:18px; z-index:99999999;}
.floatdiv-main ul{right:0; left:0; text-align:right;padding:0;}
.floatdiv-main ul li {overflow: hidden;background: #e94b5a;list-style: none;white-space:nowrap;border-radius: 100px;margin: 5px 0;display: inline-block;
transform: translatey(0px);animation: float 6s ease-in-out infinite;}
.floatdiv-main ul li a span{display:block;padding:0 18px 0 40px;line-height: 60px;}
.floatdiv-main ul li a{ font-size: 16px;font-weight: 500;color: #fff;background: #e94b5a;vertical-align: middle;
opacity: 0;max-width: 0;position:relative;display: inline-block;text-decoration: none;transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color;text-transform:uppercase;}
.floatdiv-main ul li:hover{animation-play-state:paused;}
.floatdiv-main ul li:hover a {opacity:1; max-width:220px; transition:max-width 1s ease-out .1s, opacity 1s ease-out .1s, color .2s;}
.floatdiv-main ul li:hover a span:after{opacity: 0.5;}
.floatdiv-main ul li a span:after{ position:absolute;right:0px;opacity:0;content:"";border-right:1px solid #fff;height:23px;top: 19px;}	

.floatdiv{ position:absolute; background:#e94b5a; bottom:0; right:0; left:0; text-align:center; z-index:99999; position:fixed !important;}
.floatdiv ul{ margin:0px; padding:0px;}
.floatdiv ul li{ list-style:none; display:inline-block; margin:0 9px;}
.floatdiv ul li img{ width:26px;}
.floatdiv ul li a{font-size:15px; color:#fff; display:inline-block; text-decoration:none; padding:12px 6px;}

.header{ width:100%; background:#FFF; line-height:0; z-index:99999; background-color:#fff;  box-shadow:0 2px 15px 0 rgba(0,0,0,0.2);}
.header .logo{ padding:6px 0 4px;}
.header .phone{ font-family: 'Poppins', sans-serif; font-size:20px; color:#16345f; line-height:1.1; font-weight:400; float:right; padding-top:14px; margin-right:20px; text-align:left;}
.header .phone span{ font-size:20px; font-weight:600; display:block;}
.header .quote{ background:#e94b5a; font-size:16px; color:#fff; padding:30px 26px; margin-right:0px; text-transform:uppercase; font-weight:500; float:right;}
.header .quote a{color:#fff;}

.header .toogmenu{
	position:absolute; top:35px; right:60px; font-size:15px; text-transform:uppercase; letter-spacing:2px; z-index:9999;
}


.mainslide{ position:relative; overflow:hidden; border:solid #FFFFFF 26px; border-radius:20px; box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);}	
.red-text {color:#e94b5a;}
.home-hero {padding:70px 0; background:#f4f2f3;}
.home-hero h2 {font-size:68px; font-weight:700; color:#1c2e3f; line-height:1.2;}
.home-hero a{ font-size:16px; font-weight:600; color:#e94b5a; padding:10px 20px; border:solid #e94b5a 1px; border-radius:8px; display: inline-block; margin-top:30px;}



/*.slider .contant{margin:130px auto; position:relative;}
.slider .contant img{ width:380px; height:auto; margin-left:90px;}
.slider .contant .text{ position:absolute; z-index:9999; font-size:58px; font-weight:700; color:#FFF; line-height:1.1; top:30px; }
.slider .contant .text small{ font-size:16px; display:block; line-height:1.6; padding:0 0 12px 130px; font-weight:300; letter-spacing:6px; text-transform:uppercase;}*/

.welcomepart{ text-align:center; padding:40px 100px 0 100px;}
.welcomepart h1{ padding:0 0 16px 0; line-height:1.2;}
.welcomepart p{ line-height:1.8; margin:0 0 10px 0;}

.services{ margin:56px auto 30px;}
.services .servicetxtbox{ background:#f8ab07; color:#FFF; border-radius:18px; padding:60px 30px 72px; box-shadow:0 5px 15px 0 rgba(0,0,0,0.4); margin-bottom:26px;}
.services .servicetxtbox h2{color:#FFF; line-height:1.2; font-size:55px;}
.services .servicetxtbox h6 a{color:#FFF; text-transform:uppercase; margin-top:100px; display:block;}
.services .smallbox{ border-radius:18px; box-shadow:0 5px 15px 0 rgba(0,0,0,0.4); text-align:center; padding:15px 34px; margin-bottom:26px;}
.services .smallbox img{ width:100px;}
.services .smallbox h6{ text-transform:uppercase; padding:10px 0;}
.services .smallbox p a{ color:#e94b5a;}

.package{ margin:40px auto 60px;}
.package h1{ text-align:center; margin-bottom:26px;}
.table-responsive{ border: solid #ddd 1px !important; border-radius:6px; padding-bottom:0 !important;}
.table {margin-bottom:0px;}
.table .info,.table > tbody > tr.info th{ color:#fff; font-size:14px; font-weight:600;}
.table > tbody > tr.info th:first-child{ background-color:#fff !important; font-size:14px; color:#222;}
.table > tbody > tr.info th:nth-child(2){ background-color:#31568b !important;}
.table > tbody > tr.info th:nth-child(3){ background-color:#00ba6c !important;}
.table > tbody > tr.info th:nth-child(4){ background-color:#1b3c6b !important;}
.table > tbody > tr.info th:nth-child(5){ background-color:#16345f !important; border-radius:0 4px 0 0;}
.pricing_wm strong{ font-size:40px;}
.btn-primary { color:#fff; border:0; border-radius:4px;}

.whychoose{ background:url(../images/whychooseus-bg.jpg) repeat; text-align:center; padding:46px 0 60px;}
.whychoose h2{ padding-bottom:26px; font-size:55px;}
.whychoose .main{display:flex; flex-wrap:wrap;}
.whychoose .main .box{ background:#06408d; border-radius:12px; padding:30px 14px 40px; color:#FFF; margin-bottom:14px; height:96.5%;}
.whychoose .main .box h3{ color:#FFF; padding:18px 0 10px;}
.whychoose .main .box p{ text-align:left;}

.portfolio{ margin:40px 0 0;}
.portfolio h2{ text-align:center; padding-bottom:20px; font-size:55px;}
.portfolio .boxodd .nopadding > [class*='col-'] { padding-right:0; padding-left:0;}
.portfolio .boxodd .title{ padding:70px 40px 0; }
.portfolio .boxodd { background:#F5F5F5;}
.portfolio .boxodd h3{ text-align: left; text-transform:uppercase; line-height:1.3;}
.portfolio .boxodd p a{ font-size:16px; color:#f37985; display:block; margin-top:20px;}

.portfolio .boxeven .title{ padding:70px 40px 0; }
.portfolio .boxeven .nopadding > [class*='col-'] { padding-right:0; padding-left:0;}
.portfolio .boxeven {background:#f37985; text-align:right;}
.portfolio .boxeven h3{text-align: right;  color:#FFF; text-transform:uppercase; line-height:1.3;}
.portfolio .boxeven p a{ font-size:16px; color:#fff; display:block; margin-top:20px;}
.portfolio .button{ text-align:center; margin:10px 0 20px 0;}
.portfolio .btn a{ font-size:15px; color:#e94b5a; font-style:normal; display:block; text-align:center; border:solid #e94b5a 1px; border-radius:6px; padding:10px 20px; margin:10px 0;}


.testimonials{ background:#f4f3f3; text-align:center; padding:42px 0; margin-top:0px;}
.testimonials h2{ margin-bottom:20px; font-size:55px;}
.testimonials p{ font-size:28px; font-style:italic; line-height:1.4; padding:0 40px;}
.testimonials p small{ font-size:18px; color:#0a2750; padding-top:16px; display:block;}
.testimonials p span a{ font-size:17px; color:#e94b5a; font-style:normal; margin-top:30px; display:block;}
.testimonials .carousel-control.left { background-image:none; background-image:none; background-image:none; background-image:none; color:#e94b5a;}
.testimonials .carousel-control.right{ background-image:none; background-image:none; background-image:none; background-image:none; color:#e94b5a;}
.testimonials .carousel-control {position:absolute; top:20%; bottom:0; height:auto; width:2%; text-shadow:none; font-size:54px; opacity:1;}

.blog{ margin:50px auto 0px;}
.blog h2{ text-align:center; margin-bottom:30px; font-size:55px;}
.blog .box{ position:relative;}
.blog .box img{ width:88%;}
.blog .box .contantbox{ position:absolute; background:#f4f3f3; top:75%; left:12%; width:88%; padding:20px 24px;}
.blog .box .contantbox h5{ padding:12px 0; line-height:1.3;}
.blog .box .contantbox p a{color:#e94b5a; font-size:15px;}
.blog .button{ margin-top:100px; text-align:center;}
.blog .button .btn a{ font-size:15px; color:#e94b5a; font-style:normal; display:block; text-align:center; border:solid #e94b5a 1px; border-radius:6px; padding:10px 20px; margin-bottom:20px;}

/*..........Breadcrum Css Start Here..........................................*/
.breadcrumbstop{
	padding:0px 0px;
	margin:10px 0px 0px 0px;
}
#breadcrumbs{
    list-style:none;
    overflow:hidden;
	padding:0;
	font-size:11px;	
}
#breadcrumbs a {
	color:#16345F; 
}
 #breadcrumbs a:hover {
	 color:#E94B5A;
	 text-decoration:none;
} 

#breadcrumbs .homelink{
	float:left;
	margin:2px 0 0 0;
}
#breadcrumbs .separator{
	float:left;
    font-size:16px;
    color:#F33244;
	padding:0 8px 0 8px;
}
#breadcrumbs .current{
	float:left;
	margin:2px 0 0 0;
	color:#E94B5A;
}

.footer{ background:#0a1423; padding:30px 0; color:#FFF;}
.footer p{ display:inline-block; font-size:15px; padding-top:2px;}
.footer .nav ul{ margin:0px; padding:0px;}
.footer .nav ul li{ list-style:none;}
.footer .nav ul li a{font-size:15px;color:#fff;float:left; text-decoration:none; padding:0 10px; font-weight:400;border-left:solid #FFF 1px; margin-bottom:6px; line-height: 1.0;}
.footer .nav ul li:first-child a{ border-left:solid #FFF 0px; padding-left:0;}
.footer .social{ float:right;}
.footer .social i{ color:#FFF; margin-left:6px; font-size:18px; width:36px; height:36px; border-radius:45px; line-height:34px; text-align:center; border:solid #FFF 2px;}


/*------------- Inner page CSS ---------------*/
.innerpagetop{ background:#172c49; text-align:center; margin-bottom:20px; padding:56px 0;}
.innerpagetop img{ text-align:center; margin:auto; padding-top:10px;}
.innerpagetop h1{ color:#FFF; line-height:1.2;}
.innerpagetop h6{ color:#FFF; font-size:18px; font-weight:400; padding:14px 20px 0 2px; line-height:1.4;}

.innerpages-top{background:url(images/innerpage-topbg.jpg) center top no-repeat; background-size:cover; text-align:center; margin-bottom:40px; padding:56px 0;}
.innerpages-top img{ text-align:center; margin:auto; padding-top:10px;}
.innerpages-top h1{ color:#FFF; line-height:1.2;}

.customwebdesign{margin-bottom:40px;}
.customwebdesign p {font-size:15px; padding:12px 0 26px;}
.customwebdesign .main{display:flex; flex-wrap:wrap;}
.customwebdesign .main .box, .customwebdesign .main .box2, .customwebdesign .main .box3, .customwebdesign .main .box4{ background:#e94b5a; padding:38px 14px; border-radius:4px; margin:20px 0 0 0; color:#FFF; text-align:center; height:97%;}
.customwebdesign .main .box h5, .customwebdesign .main .box2 h5, .customwebdesign .main .box3 h5, .customwebdesign .main .box4 h5{color:#FFF;padding:16px 0 0;}
.customwebdesign .main .box p, .customwebdesign .main .box2 p, .customwebdesign .main .box3 p, .customwebdesign .main .box4 p{ font-size:14px; padding:12px 0;}
.customwebdesign .main .box2{ background:#0465b2;}
.customwebdesign .main .box3{ background:#f7ad00;}
.customwebdesign .main .box4{ background:#00acac;}

.ecommercewebsitedesigntop{ background:#172c49; margin-bottom:40px;}
.ecommercewebsitedesigntop img{ text-align:center; margin:auto; padding-top:22px;}
.ecommercewebsitedesigntop h1{ color:#FFF; line-height:1.2; padding:50px 0;}
.ecommercewebsitedesign{margin-bottom:40px;}
.ecommercewebsitedesign h4{line-height:1.3; margin-bottom:28px;}
.ecommercewebsitedesign h3{margin-bottom:20px;}
.ecommercewebsitedesign .main{display:flex; flex-wrap:wrap;}
.ecommercewebsitedesign .main .box{ padding:40px 46px 35px; border-right:solid #CCC 1px; border-bottom:solid #CCC 1px;}
.ecommercewebsitedesign .main .box h4{margin:20px auto 8px;}
.ecommercewebsitedesign .main .box p{ font-size:15px;}
.ecommercewebsitedesign .main .box:nth-child(3), .ecommercewebsitedesign .main .box:nth-child(5){border-right:solid #CCC 0px;}

.psdxhtmlpage{}
.psdxhtmlpage h3{line-height:1.3; margin-bottom:40px;}
.psdxhtmlpage .main{display:flex; flex-wrap:wrap;}
.psdxhtmlpage .main .box{ display:table; margin-bottom:60px;}
.psdxhtmlpage .main .box img{ padding-right:18px;}
.psdxhtmlpage .main .box .contant{ display:table-cell; vertical-align:top;}
.psdxhtmlpage .main .box .contant p{ padding:8px 0 12px;}

.responsivewebsitetop{ background:#172c49; margin-bottom:40px; padding:30px 0;}
.responsivewebsitetop img{ text-align:center; margin:auto;}
.responsivewebsitetop h1{ color:#FFF; line-height:1.2; padding:40px 0;}
.responsivewebsitepage{}
.responsivewebsitepage h3{ line-height:1.4; text-align:center;}
.responsivewebsitepage h2{ margin:40px auto 4px; text-align:center;}
.responsivewebsitepage p{ font-size:16px; text-align:center;}
.responsivewebsitepage .mainbox{ margin:40px auto 60px;}
.responsivewebsitepage .mainbox img{ text-align:center; margin:auto;}
.responsivewebsitepage .mainbox .box{display:table; margin:50px auto 0;}
.responsivewebsitepage .mainbox .box img{ padding-right:18px;}
.responsivewebsitepage .mainbox .contant{display:table-cell; vertical-align:top;}
.responsivewebsitepage .mainbox .contant p{ font-size:14px; text-align:left; padding:10px 0 0; line-height:1.7;}

.webredesignpage{}
.webredesignpage h3{line-height:1.3; margin-bottom:20px;}
.webredesignpage ul{margin:14px auto; padding:0px;}
.webredesignpage ul li{ list-style:none; font-size:15px; color:#454545; line-height:2;}
.webredesignpage ul li:before { font-family:FontAwesome; top:0; left:-5px; padding-right:10px; content:"\f00c "; color:#1790ed;}
.webredesignpage .botmpart{ background:url(images/website-redesignpage-bg.png) center right no-repeat #f7f7fd; margin-top:30px; padding:50px 0;}
.webredesignpage .bigbox{ background:#e94b5a; box-shadow:0 4px 12px 0 rgba(0,0,0,0.4); border-radius:8px; padding:40px 20px 80px;}
.webredesignpage .bigbox h1{ color:#FFF; line-height:1.2;}
.webredesignpage .box{ background:#FFF; box-shadow:0 4px 12px 0 rgba(0,0,0,0.4); padding:14px; border-radius:6px; margin-top:40px;}
.webredesignpage .box .small{ background:#13a8ec; font-size:40px; height:auto; width:70px; font-weight:600; text-align:center; padding-top:4px; color:#FFF;   border-radius:4px;}
.webredesignpage .box p{ vertical-align:middle;}

.managedwebsitepage{margin-bottom:40px;}
.managedwebsitepage p{font-size:15px; padding:12px 0 32px; line-height:1.8;}
.managedwebsitepage ul{margin:12px auto; padding:0px;}
.managedwebsitepage ul li{background:url(../images/managedpage-arrowicon.png) left top no-repeat; padding-left:40px; list-style:none; font-size:15px; color:#454545; line-height:1.7; margin-top:24px;}
.managedwebsitepage ul li strong{ font-weight:600; color:#11161d;}

.servicespage{ margin:50px auto;}
.servicespage p{ font-size:16px; padding:14px 0 0 0;}
.servicespage .main{display:flex; flex-wrap:wrap;}
.servicespage .main .box{ padding:50px 0 20px 0; text-align:center;}
.servicespage .main .box h5{ padding-top:24px;}
.servicespage .main .box p{ font-size:14px; padding:14px 0 24px 0; text-align:center;}

.projectpart{background:#59cbcc; padding:90px 0 0 0; color:#0f0f0f;}
.projectpart h2{ color:#0e0e0e; padding:10px 0 16px; font-size:55px;}
.projectpart p{font-size:16px; padding:14px 0 0 0;}
.projectpart p a{color:#fff; background:#e94b5a; border-radius:4px; padding:14px 28px; font-size:18px;}

.customdevelopmenttop{ background:#172c49; margin-bottom:40px; padding:30px 0;}
.customdevelopmenttop img{ text-align:center; margin:auto;}
.customdevelopmenttop h1{ color:#FFF; line-height:1.2; padding:34px 0;}
.customdevelopmentpage{margin-bottom:24px;}
.customdevelopmentpage p{font-size:15px; padding:12px 0;}
.customdevelopmentpage .main{display:flex; flex-wrap:wrap;}
.customdevelopmentpage .main .box{ padding:30px 0 25px 0;}
.customdevelopmentpage .main .box h5{ padding-top:24px; }
.customdevelopmentpage .main .box h5 a{ color:#11161d;}

.customdevelopmentpage .main .box p { font-size:14px; padding:14px 0 24px 0;}

.wordpressdevelopmenttop{ background:#172c49; padding:30px 0;}
.wordpressdevelopmenttop img{ text-align:center; margin:auto;}
.wordpressdevelopmenttop h1{ color:#FFF; line-height:1.2; padding:40px 0;}
.wordpressdevelopmentpage{}
.wordpressdevelopmentpage .colorbox{ background:#e94b5a; padding:70px 30px 80px; color:#FFF; }
.wordpressdevelopmentpage .colorbox h2{ color:#FFF;}
.wordpressdevelopmentpage .colorbox .border{ background:#FFF; width:115px; height:4px; display:block; margin:20px 0;}
.wordpressdevelopmentpage .colorbox h4{ color:#FFF; padding:10px 0 20px; line-height:1.3;}
.wordpressdevelopmentpage .colorbox p{ font-size:16px;}
.wordpressdevelopmentpage ul{margin:50px auto 0; padding:0px;}
.wordpressdevelopmentpage ul li{ list-style:none; font-size:18px; color:#454545; line-height:2.8;}
.wordpressdevelopmentpage ul li:before { font-family:FontAwesome; top:0; left:-5px; padding:6px; border-radius:90px; background:#fff; box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2); margin-right:10px; content:"\f00c "; color:#1790ed;}

.ecommercewebdevelopment{}
.ecommercewebdevelopment h2{line-height:1.3;}
.ecommercewebdevelopment p{ font-size:15px; padding:14px 0; line-height:1.7;}
.ecommercewebdevelopment ul{margin:8px auto; padding:0px;}
.ecommercewebdevelopment ul li{ list-style:none; font-size:15px; color:#454545; line-height:2.6;}
.ecommercewebdevelopment ul li:before { font-family:FontAwesome; top:0; left:-5px; margin-right:10px; font-size:10px; padding:3px; border:solid #e94b5a 2px; border-radius:90px; content:"\f00c "; color:#e94b5a;}
.ecommercewebdevelopment .mainbox{ background:url(../images/ecommerce-website-development-bottombg.jpg) center top no-repeat; background-size:cover; border-radius:6px; margin:30px auto 46px;}

.ecommercewebdevelopment .mainbox .bigbox{display:flex; flex-wrap:wrap;}
.ecommercewebdevelopment .mainbox .bigbox .box{ background:#0e274a; padding:74px 32px 0; border-radius:6px 0 0 6px; height:100%;}
.ecommercewebdevelopment .mainbox .bigbox .box h1{ color:#FFF; margin-bottom:20px;}
.ecommercewebdevelopment .mainbox .bigbox .box p{color:#FFF; line-height:1.9; padding:10px 0 30px;}
.ecommercewebdevelopment .mainbox .bigbox .main{display:flex; flex-wrap:wrap;}
.ecommercewebdevelopment .mainbox .bigbox .main .innerbox{ display:table; margin:35px 0 15px;}
.ecommercewebdevelopment .mainbox .bigbox .main .innerbox img{ padding-right:10px;}
.ecommercewebdevelopment .mainbox .bigbox .main .innerbox .contant{ display:table-cell; vertical-align:top;}
.ecommercewebdevelopment .mainbox .bigbox .main .innerbox .contant h5{ color:#FFF;}
.ecommercewebdevelopment .mainbox .bigbox .main .innerbox .contant p{color:#FFF; font-size:14px; padding:6px 0 0;}

.salesforcepage{ margin-bottom:40px;}
.salesforcepage h2{line-height:1.3;}
.salesforcepage p{ font-size:15px; padding:14px 0; line-height:1.7;}
.salesforcepage h6{ font-weight:500; padding:8px 0 4px; line-height:1.4;}
.salesforcepage ul{margin:8px auto; padding:0px;}
.salesforcepage ul li{ list-style:none; font-size:15px; color:#454545; line-height:2.4;}
.salesforcepage ul li:before { font-family:FontAwesome; top:0; left:-5px; margin-right:10px; font-size:10px; padding:3px; border:solid #e94b5a 2px; border-radius:90px; content:"\f00c "; color:#e94b5a;}
.salesforcepage .salesforceimg{ background:#f2f2f2; border-radius:12px; padding:50px 0;}
.salesforcepage .salesforceimg img{ margin:auto;}

.coldfusiondevelopmentpage{margin-bottom:30px;}
.coldfusiondevelopmentpage p{font-size:15px; padding:12px 0 32px; line-height:1.8;}
.coldfusiondevelopmentpage ul{margin:12px auto; padding:0px;}
.coldfusiondevelopmentpage ul li{ list-style:none; font-size:15px; color:#454545; line-height:2.4;}
.coldfusiondevelopmentpage ul li:before { font-family:FontAwesome; top:0; left:-5px; margin-right:10px; font-size:10px; padding:3px; border:solid #e94b5a 2px; border-radius:90px; content:"\f00c "; color:#e94b5a;}

.aspnetpage{ margin-bottom:44px;}
.aspnetpage h2{line-height:1.3;}
.aspnetpage p{ font-size:15px; padding:14px 0; line-height:1.7;}
.aspnetpage img{ margin-top:26px;}
.aspnetpage .mainbox{ background:url(../images/ecommerce-website-development-bottombg.jpg) center top no-repeat; background-size:cover; border-radius:6px; margin:20px auto 0; padding:30px 15px;}
.aspnetpage .mainbox .box{ display:table; margin:0 0 18px;}
.aspnetpage .mainbox .box img{ margin-top:0px; padding-right:6px;}
.aspnetpage .mainbox .box p{display:table-cell; vertical-align:top; color:#FFF; font-size:16px; padding:0px 0; line-height:1.4;} 

.lampdevelopmentpage{margin-bottom:40px;}
.lampdevelopmentpage p{font-size:15px; padding:10px 0; line-height:1.8;}
.lampdevelopmentpage h4{ margin:16px 0 0;}
.lampdevelopmentpage ul{margin:0; padding:0px;}
.lampdevelopmentpage ul li{ list-style:none; font-size:15px; color:#454545; line-height:2.4;}
.lampdevelopmentpage ul li:before { font-family:FontAwesome; top:0; left:-5px; margin-right:10px; font-size:10px; padding:3px; border:solid #e94b5a 2px; border-radius:90px; content:"\f00c "; color:#e94b5a;}
.lampdevelopmentpage img{ margin:20px auto 0;}

.websitemaintenancetop{ background:#172c49; margin-bottom:40px;}
.websitemaintenancetop img{ text-align:center; margin:auto; padding-top:10px;}
.websitemaintenancetop h1{ color:#FFF; line-height:1.2; padding:56px 0;}
.websitemaintenance{}
.websitemaintenance p{ font-size:15px; padding:14px 0;}
.websitemaintenance ul{margin:14px auto; padding:0px;}
.websitemaintenance ul li{ list-style:none; font-size:15px; color:#454545; line-height:2;}
.websitemaintenance ul li:before { font-family:FontAwesome; top:0; left:-5px; padding-right:10px; content:"\f00c "; color:#1790ed;}
.websitemaintenance .table-responsive{ border: solid #ddd 1px !important; border-radius:8px; padding-bottom:0 !important; box-shadow: 0 0px 15px 0 rgba(0,0,0,0.2); margin:20px 0 60px; text-align:center;}
.websitemaintenance .table > tbody > tr > td{padding:10px; line-height:1.6;}
.websitemaintenance .btn-primary { color:#fff; border:0; border-radius:4px;}
.websitemaintenance .table .top,.table > tbody > tr.top th{font-size:14px; font-weight:600;}
.websitemaintenance .table > tbody > tr > td .h3 {font-size:24px; margin-bottom:15px; font-weight:600;}
.websitemaintenance .yearly-maintenance{ background:#07aff7; border-radius:8px; color:#FFF; padding:30px 36px; margin:14px auto 40px;}
.websitemaintenance .yearly-maintenance h4{ color:#FFF;}
.websitemaintenance .yearly-maintenance p{padding:14px 0 0;}
.websitemaintenance .yearly-maintenance ul{margin:14px auto; padding:0px;}
.websitemaintenance .yearly-maintenance ul li{ list-style:none; font-size:15px; color:#fff; line-height:2;}
.websitemaintenance .yearly-maintenance ul li:before { font-family:FontAwesome; top:0; left:-5px; padding-right:8px; content:"\f105"; color:#fff;}

.mobileapplication-pagetop{ background:url(../images/web-mobile-applications-bg.png) right top no-repeat #FFF; background-size:cover; padding:40px 0 60px; margin-bottom:40px; border-top:solid #0e66aa 70px;}
.mobileapplication-pagetop h1{ margin:98px auto 16px;}
.mobileapplication-pagetop p{ font-size:16px; padding:26px 0; line-height:1.8;}
.mobileapplication-pagetop img{ text-align:center; margin:auto;}

.aboutpagetop{ background:url(../images/abouttop-bg.png) center top no-repeat #FFF; background-size:cover; padding:60px 0; margin-bottom:40px;}
.aboutpagetop img{ text-align:center; margin:auto; border-radius:75px; border:8px solid rgba(57, 115, 198, 0.8);}
.aboutpagetop h1{ color:#FFF; line-height:1.2;}
.aboutpagetop a{ color:#fff; background:#e94b5a; border-radius:4px; padding:14px 22px; font-size:18px; display:inline-block; margin-top:24px;}
.aboutpage{}
.aboutpage p{ text-align:left; padding:30px 0;}
.aboutpage .mainbox{ background:url(../images/aboutbottom-bg.jpg) center top no-repeat; background-size:cover; padding:50px 30px 20px; border-radius:6px; margin-bottom:40px;}
.aboutpage .mainbox p{text-align:left; color:#FFF; line-height:1.9; padding:10px 0 30px;}
.aboutpage .mainbox .box{ border-right:solid #425879 1px;}
.aboutpage .mainbox .box h2, .aboutpage .mainbox .box1 h2{ color:#FFF; margin-bottom:20px;}
.aboutpage .mainbox .box .border{ background:#FFF; width:60px; height:5px; display:block; margin:6px 0;}
.aboutpage .mainbox .box1 .main{display:flex; flex-wrap:wrap;}
.aboutpage .mainbox .box1 .main .innerbox{ display:table; margin:14px auto;}
.aboutpage .mainbox .box1 .main .innerbox img{ padding-right:18px;}
.aboutpage .mainbox .box1 .main .innerbox .contant{ display:table-cell; vertical-align:top;}
.aboutpage .mainbox .box1 .main .innerbox .contant h4{ color:#FFF;}

.testimonials-inner{}
.testimonials-inner .main{display:flex; flex-wrap:wrap;}
.testimonials-inner .main .box {background:#e94b5a; border-radius:5px; margin-bottom:66px; padding:25px 20px; position:relative;}
.testimonials-inner .main .box p{ font-size:18px; font-style:italic; color:#FFF;}
.testimonials-inner .main .box p span{ font-weight:500; display:block; padding-top:12px;}
.testimonials-inner .main .box .circle{background:#dc3b4a;width:140px;height:140px;line-height:140px;border-radius:90px;font-size:44px;color:#FFF;text-align:center;}
.testimonials-inner .main .box:after {border-top:40px solid; border-left:0px solid transparent; border-right:58px solid transparent; left:60px; bottom:-40px; width:0;height:0; content:""; display:block; position:absolute; border-top-color:#e94b5a !important;}

.methodologypagetop{ background:url(../images/methodologytop-bg.jpg) center top no-repeat #FFF; background-size:cover; padding:40px 0; margin-bottom:20px;}
.methodologypagetop img{ margin:auto; text-align:center;}
.methodologypagetop h1{ color:#FFF; line-height:1.2; margin:66px 0 0;}
.methodologypagetop p{ font-size:16px; color:#FFF; padding:30px 0;}
.methodologypage p{ text-align:left;}
.methodologypage .mainbox{background:url(../images/line-process.png) top center no-repeat #FFF; padding:60px 0 0; margin-bottom:40px}
.methodologypage .mainbox .box, .methodologypage .mainbox .box2{text-align:center; padding:20px;}
.methodologypage .mainbox .box2{ margin:70px auto 0;}
.methodologypage .mainbox .box h5, .methodologypage .mainbox .box2 h5{ padding:20px 0 14px;}

.portfoliopageodd { background:#f5f5f5;}
.portfoliopageodd .nopadding > [class*='col-'] { padding-right:0; padding-left:0;}
.portfoliopageodd .title{ padding:40px 40px 0;}
.portfoliopageodd .title p{ padding:10px 0 20px; font-size:15px;}
.portfoliopageodd .title img{ padding:8px 3px 0 3px; width:auto;}
.portfoliopageodd h2{text-transform:uppercase; line-height:1.3; font-size:30px;}
.portfoliopageodd p a{ font-size:16px; color:#e94b5a; display:block; margin-top:16px;}


.portfoliopageeven {  background:#f37985; text-align:right; color:#FFF;}
.portfoliopageeven .nopadding > [class*='col-'] { padding-right:0; padding-left:0;}
.portfoliopageeven .title{ padding:40px 40px 0;}
.portfoliopageeven .title p{ padding:10px 0 20px; font-size:15px;}
.portfoliopageeven .title img{ padding:8px 3px 0 3px; width:auto;}
.portfoliopageeven h2{color:#FFF; text-transform:uppercase; line-height:1.3; font-size:30px;}
.portfoliopageeven h4{ color:#FFF;}
.portfoliopageeven p a{ font-size:16px; color:#FFF; display:block; margin-top:16px;}

/*.portfoliopage:nth-of-type(even) { background:#f37985; text-align:right; color:#FFF;}
.portfoliopage:nth-of-type(even) h2{color:#FFF; text-transform:uppercase; line-height:1.3;}
.portfoliopage:nth-of-type(even) h4{ color:#FFF;}
.portfoliopage:nth-of-type(even) p a{ font-size:16px; color:#FFF; display:block; margin-top:16px;}*/


.portfoliopage:nth-of-type(odd)::before { content:""; position:absolute; width:0; height:0; margin:auto; text-align:center; z-index:999999; transition: border-color 0.3s ease; top:0 ;bottom:0; right:0; left:0; left:-14px; border-top:16px solid transparent; border-bottom:16px solid transparent; border-right: 14px solid #f5f5f5;}
.portfoliopage:nth-of-type(even)::before { content:""; position:absolute; width:0; height:0; margin:auto; text-align:center; z-index:999999; transition: border-color 0.3s ease; top:0; bottom:0; right:0; left:0; right:-14px; border-top:16px solid transparent; border-bottom:16px solid transparent; border-left: 14px solid #f37985;}

.portfolio-detailpage{}
.portfolio-detailpage .box{ box-shadow:0 2px 15px 0 rgba(0,0,0,0.2); border-radius:3px; border:solid #fff 26px; margin:30px auto 50px;}
.portfolio-detailpage p a{ font-size:16px; color:#e94b5a;}
.projetnext-prev-block-test {text-align:center; margin:0 auto 20px; padding:30px 0 10px;}
.projetnext-prev-block-test ul {padding:0; display:inline-block; list-style:none;}
.projetnext-prev-block-test ul li {float: left;vertical-align:middle;}
.projetnext-prev-block-test ul li a {border:1px solid #000000; margin-left:-1px; vertical-align:top; padding:25px 60px; float:left;color: #000000; font-size: 14px; font-weight:500; min-height:80px; text-transform:uppercase;}
.projetnext-prev-block-test ul li a:hover{background:rgba(250, 222, 224, 0.4);}
.projetnext-prev-block-test ul li:first-child :hover, .projetnext-prev-block-test ul li:last-child :hover{background:rgba(250, 222, 224, 0.4);}
.projetnext-prev-block-test ul li a:first-child :hover, .projetnext-prev-block-test ul li a:last-child :hover{background:none !important;}

.contactpage{ margin-bottom:20px;}
.contactpage .box {text-align:center; margin:20px auto 30px;}
.contactpage .box h4{ padding:22px 0 10px;}
.contactpage .box p{ font-size:15px; color:#474747;}
.contactpage .box:nth-child(1) .border, .box:nth-child(2) .border, .box:nth-child(3) .border{background:#FFF; border: 4px solid #00ba6c; width:162px; height:162px; border-radius:50%; margin:auto; padding:4px;}
.contactpage .box:nth-child(1) .border .contact-icon, .box:nth-child(2) .border .contact-icon, .box:nth-child(3) .border .contact-icon{ background:#00ba6c; width:146px; height:146px; border-radius:50%; line-height:146px;}
.contactpage .box:nth-child(2) .border{border: 4px solid #31568b !important;}
.contactpage .box:nth-child(2) .border .contact-icon{background:#31568b !important;}
.contactpage .box:nth-child(3) .border{border: 4px solid #e94b5a !important;}
.contactpage .box:nth-child(3) .border .contact-icon{background:#e94b5a !important;}
.contactpage .form-area{ margin:40px auto; text-align:center;}
.contactpage .form-area .form-control { background-color:#f4f4f5; border:0; box-shadow:none; color:#6c6c6c; font-size:15px; padding:25px 0 25px 16px;}
.contactpage .form-area .form-control:focus{box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.contactpage .form-area h2{ text-align:center; margin:0 0 30px;}
.contactpage .form-area .btn{ color:#fff; background:#e94b5a; border:0; border-radius:4px; padding:14px 28px; font-size:16px;}

.requestquote{margin-bottom:40px; background:#f4f4f5; padding:44px 36px; border-radius:6px; text-align:center;}
.requestquote p{ font-size:18px; margin:4px 0 36px;}
.requestquote .form-control { border:0; height:50px; box-shadow:none; color:#6c6c6c; font-size:15px;}
.requestquote .form-control:focus{box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.requestquote textarea{ height:auto !important; color:#6c6c6c;}
.requestquote .btn{ color:#fff; background:#e94b5a; border:0; border-radius:4px; padding:14px 28px; font-size:16px;}

.blogpage{ margin-bottom:20px;}
.blogpage .main{display:flex; flex-wrap:wrap;}
.blogpage .main .box{ border:solid #ebebeb 1px; margin:0 0 30px;}
.blogpage .main .box .image{ position:relative;}
.blogpage .main .box .image .date{ position:absolute; z-index:9999; background:#FFF; box-shadow:0 5px 15px 0 rgba(0,0,0,0.2); width:80%; margin:auto; left:0; right:0; bottom:-20px; padding:16px 0 16px 10px; text-align:left;}
.blogpage .main .box .textbox{ padding:54px 18px 18px;}
.blogpage .main .box .textbox h5{ line-height:1.3;}
.blogpage .main .box .textbox p{ padding:10px 0;}
.blogpage .main .box .textbox p span a{ display:block; color:#e94b5a; padding-top:10px;}
.blogpage .rgt{ padding:0 0 20px;}
.blogpage .rgt .box{box-shadow:0 5px 15px 0 rgba(0,0,0,0.2); padding:20px; margin-bottom:30px;}
.blogpage .rgt .box img{ border-radius:3px;}





.blogpage .rgt .search_box { margin-top:4px; position:relative;}
.blogpage .rgt .search_box .form-control { height:46px; background:#f7f7f7; border:none; box-shadow: none;}
.blogpage .rgt .search_box .form-control:focus{box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.blogpage .rgt .search_box span .fa { position:absolute; right:6px; top:2px; padding:13px 6px; font-weight:normal; font-size:16px; color:#e94b5a;}

.blogpage .rgt .box h4{ padding:0px 0 10px;}
.blogpage .rgt .box .category{ margin:6px 0 8px;}
.blogpage .rgt .box .category ul { list-style-type: none; padding:0; margin:0;}
.blogpage .rgt .box .category ul li a { color:#1e1e1e; display:block; font-size:15px; padding:6px 2px; text-decoration:none;}
.blogpage .rgt .box .category ul li a:hover{ color:#e94b5a;}
.blogpage .rgt .box .recentposts{ border-bottom:solid #CCC 1px; margin-top:22px; padding-bottom:24px;}
.blogpage .rgt .box .recentposts:last-child{ border-bottom:solid #CCC 0px;}
.blogpage .rgt .box .recentposts .nopadding > [class*='col-'] { padding-right:0px; padding-left:15px;}
.blogpage .rgt .box .recentposts h6{ font-size:15px; font-weight:500; line-height:1.4; padding-top:6px; display:block;}
.blogpage .rgt .box .btnsubscribe{color:#fff; background:#e94b5a; border:0; border-radius:4px; padding:10px 24px; font-size:16px;}

.blogpage .detailpage{}
.blogpage .detailpage img{ margin-bottom:20px;}
.blogpage .detailpage h2{ margin:0px auto 6px; line-height:1.2;}
.blogpage .detailpage p{ padding:12px 0 14px 0;}
.blogpage .detailpage h5{ line-height:1.2;}
.blogpage .detailpage .social{ margin-top:8px;}
.blogpage .detailpage .social i{ color:#1a3b6b; margin:0 8px 22px 0; font-size:18px; width:36px; height:36px; border-radius:45px; line-height:34px; text-align:center; border:solid #1a3b6b 2px;}
.blogpage .detailpage .social i:hover{color:#e94b5a; border:solid #e94b5a 2px}



.port-imgframe-area {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.19);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.19);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.19);overflow: hidden;position: relative;display: inline-block; margin-top:50px;}
.port-imgframe-area-inner {margin: 35px;padding: 0;height:auto;max-height:660px;overflow: hidden;position: relative;}
.port-imgframe-area img{max-width:100%;position:relative;transition:top 30s cubic-bezier(0, 0, 0.93, 0.76) 0s;cursor:pointer;left: 0;right: 0;margin: 0 auto;}
.port-imgslide-block {margin-top: 68px; text-align:center;}



.portfolioinnerpagetop{
	width: 100%;
	display: block;
	min-height: 530px;
	padding-top: 190px;
	padding-bottom: 132px;
	text-align:center;
}
.portfolioinnerpagetop h3{
	font-size: 32px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.80);
	letter-spacing: 20px;
	margin: 0;
	display:none;
}

.portfolioinnerpagetop h1{
	color:#fff;
	font-size:75px !important;
	line-height:1;
	padding-bottom:20px;
}
.portfolioinnerpagetop h6{
	color:#fff;
	padding:0px 40px 0 40px;
	line-height:1.5;
	
}
.portfolioinnerpagetop h4{
	color:#fff;
	padding-bottom:15px;
}
.portfolioinnerpagetop img{
	padding-right:5px;

}


/*---------------------- portfolio post navigation CSS ------------------------*/
  	.portfolionav{ margin:40px 0 40px 0; }
	.portfolionav .navigation {
		background-color: #fff;
		color: #11161d;
		/*font-size: 20px;
		font-weight: 300;
		padding: 0px 0 20px 0;*/
	}
	.portfolionav .navigation .fa{
		font-size:70px;
		font-weight:normal;
		padding-top:7px;
	}
	.portfolionav .navigation .prev-post {
		float: left;
		text-align:center;
	}

	.portfolionav .navigation .next-post {
		float: right;
		text-align:center;
	}

	.portfolionav .navigation a {
		color: #11161d;
		
	}

	.portfolionav .navigation a:hover {
		color: #E94B5A;
		text-decoration: none;
	}
	.portfolionav .navigation a:focus {
		outline:none;
		text-decoration: none;
	}
	
	.portfolionav .navigation .phome{ 
		border-left:1px solid #000; 
		border-right:1px solid #000; 
		text-transform:uppercase; 
		text-align:center; 
		font-size:14px; 
		font-weight:500; 
		padding:25px 0;
	}



/*----------------------Cookie CSS ------------------------*/
.cookie-notice-container{ padding:25px 5px;}
#cookie-notice{ font-size:15px;}


.navbar-inverse .navbar-nav > .active > a{ background-color:#1E1E1E;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a{ color:#000;}


/*----------------------404 Error Page CSS ------------------------*/
.error-template {padding: 40px 15px; text-align: center;}
.error-template h2{ padding-top:8px;}
.error-template span{ font-size:76px;}
.error-actions {margin-top:15px; margin-bottom:15px;}
.error-details{ font-size:16px; margin-top:10px;}
.error-actions .btn{ color:#fff; background:#e94b5a; border:0; border-radius:4px; padding:14px 28px; font-size:16px;  margin-right:10px; margin-bottom:10px;}


/*---------------------- Training Pages CSS ------------------------*/

.panel-group {margin:12px auto 0; }
.panel-group .panel {  border-radius:4px; box-shadow:none;  border-color:#eee;}
.panel-default > .panel-heading { padding:0; border-radius:0; color:#212121; background:#f9fafa;  border-color:#eee;}
.panel-title { font-size:16px; font-weight:600;}
/*.panel-title small{ display:inline-block; font-size:14px; font-weight:400; color:#5f5e5e; padding-left:10px;}*/
.panel-title > a { display:block; padding:15px; text-decoration:none; outline:none;}
.more-less {float:right; color:#fff; width:21px; height:21px; text-align:center; line-height:21px !important; background:#e94b5a; border-radius:100%;}
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color:#eee;}
.panel-group ul { margin:2px auto;  padding:0px 10px;}
.panel-group ul li { list-style:none; font-size:14px; color:#3c3c3c; line-height:2;}
.panel-group ul li::before { font-family:FontAwesome; top:0; padding-right:8px; content:"\f105";  color:#1790ed;}


.form-Wrapper{display:none;	position:-webkit-sticky; position:sticky; right:0; top:125px; text-align:right;}
.form-Wrapper {display:block;}
.traningform{ background:#f9fafa; border:solid #cdcdcd 1px; border-radius:5px; padding:24px 20px 10px; text-align:center;}
.traningform h6{ font-weight:500; margin:8px auto 20px;}
.traningform .form-control { height:34px; padding:6px 12px 6px 0;  background-color:#f9fafa; background-image:none;
    border:none; border-bottom:solid #c2c5c8 1px; border-radius:0px; -webkit-box-shadow:none; box-shadow:none;}
.traningform textarea {  height:auto !important;}
.traningform .btn {color:#fff; background:#e94b5a; border:0; border-radius:4px;  padding:10px 30px; font-size:16px; margin-bottom:2px; outline:none !important;}
.traningform p a{padding:0 0 0 6px; font-size:18px; font-weight:600; color:#000;}
.traningform p a:hover{ color:#e94b5b;}

.bigbtns{ display:inline-block; margin:50px 12px 12px;}
.bigbtns .btn-danger{color:#fff; background:#e94b5a; border:0; border-radius:4px; padding:19px 38px; font-size:22px; font-weight:500;} 
.bigbtns .btn-default{color:#e94b5a; background:#fff; border:solid #e94b5a 2px; border-radius:4px; padding:12px 30px; font-size:18px; font-weight:500; line-height:1.1;} 
.bigbtns .btn-default span{ display:block; color:#000; font-weight:600;}

/*---------------------- Responsive CSS ------------------------*/

@media (min-width:1200px) {
	.container {width: 1200px}
	.bnr{ min-height:auto;}
}
@media ( max-width: 1199px) {
	
	h1{ font-size:32px;}
	h2{ font-size:30px;}
	h3{ font-size:28px;}
	h4{ font-size:22px;}
	h5{ font-size:20px;}
	
	
	.home-hero { padding:50px 0;}
	.home-hero h2 {font-size:56px; line-height:1.1;}
	
	.header .quote{ margin-right:20px;}
	
	.welcomepart{padding:40px 0px 0 0px;}
	
	.portfolio h2{font-size:34px;}
	
	
	.services .servicetxtbox h2{ font-size:34px;}
	
	.whychoose{ padding:26px 0 60px;}
	.whychoose h2{ padding-bottom:26px; font-size:34px;}
	
	.blog{ margin:30px auto 0px;}
	.blog h2 {margin-bottom: 30px;font-size:34px;}
	.blog .button{ margin-top:130px; text-align:center;}
	
	.testimonials{ padding:22px 0;}
	.testimonials h2{ font-size:34px;}
	.testimonials p{font-size:22px;}
	.testimonials-inner .main .box .circle{ width:125px; height:125px; line-height:125px;}
	
	.webredesignpage .box .small{font-size:32px; width:56px;}	
	
	.portfoliopageodd .title{ padding:15px 40px 0;}
	.portfoliopageeven .title{ padding:15px 40px 0;}
	
}
@media ( max-width: 991px) {
	.header .quote{ margin-right:40px;}
	
	.home-hero h2 { font-size:56px; line-height:1.1; margin-top:34px;}
	.home-hero a{margin-top:20px;}
	
	.portfolio h2{padding-bottom: 12px; font-size:34px;}
	.portfoliopageodd{ text-align:center;}
	.portfoliopageodd .img-responsive{ margin:auto;}
	.portfoliopageodd .title{ padding:10px 40px 0;}
	
	.portfoliopageeven{ text-align:center;}
	.portfoliopageeven .img-responsive{ margin:auto;}
	.portfoliopageeven .title{ padding:10px 40px 0;}
	
	.services{ margin:100px auto 30px;}
	.services .servicetxtbox h2{ font-size:34px;}
	.services .servicetxtbox{padding:27px 30px 27px;}
	.services .servicetxtbox h6 a{ margin-top:20px;}
	.services .smallbox{padding:16px 20px}
	
	.whychoose{ padding:26px 0 60px;}
	.whychoose h2{ padding-bottom:26px; font-size:34px;}
	
	.blog{ margin:30px auto 0px;}
	.blog h2 {margin-bottom: 30px;font-size:34px;}
	.blog .button{ margin-top:170px; text-align:center;}
	
	
	.testimonials{ padding:22px 0;}
	.testimonials h2{ font-size:34px;}
	.testimonials p{font-size:20px;}	
	
	
	
	.footer p{display:block; padding-bottom:8px;}	
	
	.innerpagetop{ margin-bottom:20px; padding:24px 0;}
	.innerpagetop h6{ font-size:16px; padding:5px 20px 0 2px; line-height:1.2;}	
	.innerpages-top{ margin-bottom:20px; padding:24px 0;}
	.innerpages-top h6{ font-size:16px; padding:10px 20px 0 2px; line-height:1.2;}
	
	.portfoliopage .title{ padding:16px 20px 0;}
	.portfoliopage:nth-of-type(odd)::before,.portfoliopage:nth-of-type(even)::before{display:none;}	
	
	.contactpage .box:nth-child(1) .border, .box:nth-child(2) .border, .box:nth-child(3) .border{ width:120px; height:120px;}
	.contactpage .box:nth-child(1) .border .contact-icon, .box:nth-child(2) .border .contact-icon, .box:nth-child(3) .border .contact-icon{ width:104px; height:104px; line-height:104px;}
	.contactpage .box img{ width:40px;}
	.contactpage .box p{ font-size:14px;}
	.contactpage .form-area .form-control{font-size:14px; padding:20px 0 20px 12px;}
	
	.webredesignpage ul li{font-size:14px; line-height:1.6;}
	.webredesignpage .botmpart{margin-top:10px; padding:18px 0;}
	.webredesignpage .bigbox{padding:14px 14px 14px;}
	.webredesignpage .box{ margin-top:10px;}
	.webredesignpage .box .small{font-size:24px; width:56px}
	
	.websitemaintenancetop{margin-bottom:20px;}
	.websitemaintenancetop img{ padding-top:10px; width:200px;}
	.websitemaintenancetop h1{ padding:24px 0;}	
	.aboutpagetop{padding:30px 0; margin-bottom:16px}
	
	.methodologypagetop{padding:20px 0;}
	.methodologypagetop h1{margin:0px 0 0;}
	.methodologypagetop p{padding:20px 0; font-size:14px;}
	.methodologypage .mainbox{ background:none; padding:30px 0 0; margin-bottom:20px;}
	.methodologypage .mainbox .box2{margin:0;}	
	
	.responsivewebsitepage .mainbox{margin:15px auto 10px;}
	.responsivewebsitepage .mainbox .box {margin:0px auto 0;}
	.responsivewebsitepage .mainbox .contant p{padding:6px 0 0; line-height:1.5;}	
	
	.ecommercewebsitedesigntop{ margin-bottom:20px;}
	.ecommercewebsitedesigntop img{padding-top:10px; width:200px;}
	.ecommercewebsitedesigntop h1{padding:24px 0;}	
	
	.ecommercewebsitedesign .main .box{padding:14px 12px 15px;}
	.ecommercewebsitedesign .main .box p{font-size:14px;}
	
	.wordpressdevelopmentpage .colorbox{padding:20px 15px 20px; margin: 20px auto 0;}
	.wordpressdevelopmentpage ul{margin:12px auto 24px;}
	
	.ecommercewebdevelopment .mainbox{margin:4px auto 20px; padding:0 0 18px 0;}
	.ecommercewebdevelopment .mainbox .bigbox .box{border-radius:6px 6px 0 0; padding:20px 20px 0;}
	.ecommercewebdevelopment .mainbox .bigbox .box h1{margin-bottom: 0px;}
	
	
}
@media ( max-width: 767px) {	
	
	h1{ font-size:26px;}
	h2{ font-size:24px;}
	h3{ font-size:22px;}
	h4{ font-size:20px;}
	h5{ font-size:18px;}
	h6{ font-size:16px;}	
	
	.header .mnu { top:20px;}
	.header .mnu a{ margin-top:12px;}	
	.header .logo{ width:85px;}			
	.header .mnu a { margin-top:-6px;}
	.header .toogmenu{top:25px; font-size:14px; right:65px;}
	
	.home-hero h2{font-size:46px;}
	
	.welcomepart{padding:40px 10px 0 10px;}
	.package{ margin:0px auto 10px;}	
	
	.portfolio{margin:20px 0 0;}
	.portfolio h2{padding-bottom: 12px; font-size:24px;}
	.portfolio .boxodd { padding-bottom:20px; padding-top:20px;}
	.portfolio .boxodd img{ text-align:center; margin:auto;}
	.portfolio .boxodd .title{ padding:20px 0 0; }
	.portfolio .boxodd h3{text-align:center;}
	.portfolio .boxodd p a{ text-align:center; margin-top:4px;}
	
	.portfolio .boxeven { padding-bottom:20px;}
	.portfolio .boxeven img{ text-align:center; margin:auto;}
	.portfolio .boxeven .title{ padding:20px 0 0; }
	.portfolio .boxeven h3{text-align:center;}
	.portfolio .boxeven p a{ text-align:center; margin-top:4px; padding-bottom:10px;}
	.portfolio .btn a{ font-size:14px; margin:8px 0;}
	
	.services{ margin:0px auto 30px;}
	.services .servicetxtbox h2{color:#FFF; line-height:1.2; font-size:24px;}
	.services .servicetxtbox h6 a{ font-size:14px;}
	
	.whychoose{padding:24px 0 20px;}
	.whychoose h2{padding-bottom:12px; font-size:24px;}
	
	.blog{margin:20px auto 14px;}
	.blog h2{margin-bottom:12px; font-size:24px;}
	.blog .box{ position:relative;}
	.blog .box img{ width:100%;}
	.blog .box .contantbox{ position:relative; left:0%; width:100%; padding:20px 24px; margin-bottom:20px;}
	.blog .button{ margin-top:0px;}
	.blog .button .btn a{ font-size:14px;}
	
	.testimonials h2{ font-size:24px;}
	.testimonials p{font-size:16px;}
	.testimonials p span a{ font-size:14px;}
	.testimonials .carousel-control{top:10%; font-size:40px;}	

	.footer{ text-align:center; padding:20px 0 60px;}
	.footer .nav ul li{display:inline-block;}	
	.footer .social{ float:none;}	
	
	.innerpagetop{ margin-bottom:16px; padding:16px 0;}
	.innerpagetop h6{ font-size:14px;}
	.innerpages-top{ margin-bottom:16px; padding:16px 0;}
	.innerpages-top h6{ font-size:14px;}
	
	.customwebdesign{margin-bottom:12px;}	
	.customwebdesign p{font-size:14px; padding:6px 0 10px;}
	.customwebdesign .main .box, .customwebdesign .main .box2, .customwebdesign .main .box3, .customwebdesign .main .box4{padding:10px 14px;margin:10px 0 0 0;}
	
	.portfoliopage{ margin-bottom:16px;}
	.portfoliopage img{ width:100%;}
	.portfoliopage:nth-of-type(even){text-align:left;}	
	.portfolio-detailpage .box{ margin:10px auto 20px;}
	.projetnext-prev-block-test {text-align:center; margin:0 auto; padding:20px 0 0px;}
	.projetnext-prev-block-test ul li a {padding:14px 24px; font-weight:400; min-height:auto; text-transform:uppercase;}
	
	.servicespage{ margin:0px auto 30px;}
	.servicespage .main .box { padding:20px 0 10px 0; text-align:center;}
	.servicespage .main .box img{ text-align:center;}
	.servicespage .main .box h5{padding-top:14px;}
	.servicespage .main .box p{padding:8px 0 11px 0;}
	.projectpart{padding:10px 0 0 0; text-align:center;}
	.projectpart h1{padding:3px 0 11px;}
	.projectpart p{font-size:14px; padding:10px 0 0 0;}
	.projectpart p a{ padding:10px 18px; font-size:14px;}
	
	.blogpage .main .box{margin:4px auto 20px;}
	.blogpage .main .box .textbox{padding:50px 18px 8px;}
	.blogpage .rgt .box{ margin-bottom:20px;}
	.blogpage{ margin-bottom:0px;}
	.blogpage .detailpage p{padding:5px 0 10px 0;}	

	.contactpage .box{margin:0 auto 20px;}
	.contactpage .form-area{margin:0px auto;}
	.contactpage .form-area .btn{ padding:10px 22px; font-size:14px;}
	
	.testimonials-inner .main .box{ padding:12px 14px; margin-bottom:30px;}
	.testimonials-inner .main .box p{ font-size:14px;}
	.testimonials-inner .main .box:after {border-top:20px solid; border-right:35px solid transparent; bottom:-20px;}
	
	.requestquote{margin-bottom:20px; padding:18px 2px;}
	.requestquote .form-control{height:40px;}
	.requestquote p{font-size:14px; margin:4px 0 12px;}
	.requestquote .btn{font-size:14px; padding:12px 20px;}
	
	.psdxhtmlpage h3{margin-bottom:18px;}	
	.psdxhtmlpage .main .box{margin-bottom:20px;}
	
	.websitemaintenancetop{margin-bottom:16px;}
	.websitemaintenancetop img{ padding-top:0px; width:200px;}
	.websitemaintenancetop h1{ padding:16px 0 10px; text-align:center;}		
	
	.websitemaintenance p{font-size:14px; padding:6px 0 14px;}
	.websitemaintenance ul li, .websitemaintenance .yearly-maintenance ul li{font-size:14px;}
	.websitemaintenance .table-responsive{margin:14px 0 24px;}
	.websitemaintenance .yearly-maintenance{padding:20px 14px; margin:14px auto 18px;}
	
	.aboutpagetop{ padding:18px 0;}
	.aboutpagetop img{ border:6px solid rgba(57, 115, 198, 0.8); margin-top:10px;}
	.aboutpage p{padding:10px 0;}
	.aboutpage .mainbox{padding:20px 15px 10px; margin-bottom:15px;}
	.aboutpage .mainbox .box1 .main .innerbox{margin:0px auto 10px;}
	.aboutpage .mainbox .box1 .main .innerbox img{padding-right:16px; width:62px;}	
	.aboutpage .mainbox p{line-height:1.6; padding:8px 0 10px;}
	
	.mobileapplication-pagetop{ background:none; padding:0px 0 0px; margin-bottom:10px; border-top:solid #0e66aa 30px; text-align:center;}
	.mobileapplication-pagetop h1{margin:16px auto 6px;}
	.mobileapplication-pagetop p{ font-size:14px; padding:6px 0; line-height: 1.6;}
	
	.methodologypagetop{padding:20px 0 0; text-align:center;}	
	.methodologypagetop p{padding:8px 0; line-height: 1.4;}
	.methodologypage .mainbox{padding:0px 0 0; margin-bottom:0px;}
	.methodologypage .mainbox .box, .methodologypage .mainbox .box2{padding:20px 5px 0;}
	.methodologypage .mainbox .box h5, .methodologypage .mainbox .box2 h5{padding:10px 0 5px;}	
	
	.responsivewebsitetop{padding:0px 0 14px; margin-bottom:12px;}
	.responsivewebsitetop h1{padding:14px 0; text-align:center;}
	.responsivewebsitepage h2{margin:14px auto 2px;}
	.responsivewebsitepage p{font-size:14px;}
	.responsivewebsitepage .mainbox .box{margin:0px auto 15px;}
	.responsivewebsitepage .mainbox .box img{ padding-right:12px;}
	
	.ecommercewebsitedesigntop{ margin-bottom:16px;}
	.ecommercewebsitedesigntop img{padding-top:0px;}
	.ecommercewebsitedesigntop h1{padding:16px 0 10px; text-align:center;}	
	.ecommercewebsitedesign{margin-bottom:12px;}
	.ecommercewebsitedesign h4{margin-bottom:12px;}
	.ecommercewebsitedesign h3{margin-bottom:4px;}
	.ecommercewebsitedesign .main .box{border-right: solid #CCC 0px; min-height:auto; padding:14px 12px 12px; text-align:center;}
	.ecommercewebsitedesign .main .box h4{margin:15px auto 4px;}
	
	.customdevelopmenttop{padding:0px 0 14px; margin-bottom:12px;}
	.customdevelopmenttop h1{padding:14px 0; text-align:center;}
	.customdevelopmenttop img{ width:80%;}
	
	.customdevelopmentpage{margin-bottom:0px;}
	.customdevelopmentpage p{ font-size:14px; padding:5px 0 10px;}
	.customdevelopmentpage .main{display:block; flex-wrap:wrap;}
	.customdevelopmentpage .main .box { padding:10px 0 10px 0; text-align:center;}
	.customdevelopmentpage .main .box img{ text-align:center;}
	.customdevelopmentpage .main .box h5{ padding-top:14px;}
	.customdevelopmentpage .main .box p{padding:8px 0 11px 0;}
	
	.wordpressdevelopmenttop{padding:0px 0 14px;}
	.wordpressdevelopmenttop h1{padding:14px 0; text-align:center;}
	.wordpressdevelopmenttop img{ width:80%;}
	.wordpressdevelopmentpage{ margin-bottom:16px;}
	.wordpressdevelopmentpage .colorbox{ padding:15px 15px 15px; margin:12px auto 14px;}
	.wordpressdevelopmentpage .colorbox .border{width:90px; height:3px; margin:10px 0;}
	.wordpressdevelopmentpage .colorbox h4{padding:0px 0 10px;}
	.wordpressdevelopmentpage .colorbox p{ font-size:14px;}
	.wordpressdevelopmentpage ul{margin:0;}
	.wordpressdevelopmentpage ul li{ font-size:14px;}
	
	.ecommercewebdevelopment .mainbox{margin:4px auto 14px;}	
	.ecommercewebdevelopment p{font-size:14px; padding:6px 0; line-height:1.5;}
	.ecommercewebdevelopment ul li{font-size:14px; line-height:2;}
	.ecommercewebdevelopment .mainbox .bigbox .box p{line-height:1.5; padding:8px 0 14px;}
	.ecommercewebdevelopment .mainbox .bigbox .main .innerbox{margin:18px 0 0;}

	.salesforcepage{ margin-bottom:14px;}
	.salesforcepage p{ font-size:14px; padding:6px 0; line-height:1.5;}
	.salesforcepage ul li{ font-size:14px; line-height:2;}
	.salesforcepage .salesforceimg{ padding:20px;}
	
	.coldfusiondevelopmentpage{ margin-bottom:15px;}
	.coldfusiondevelopmentpage p{font-size:14px; padding:5px 0 15px; line-height:1.5;}
	.coldfusiondevelopmentpage h5{ padding-bottom:8px;}
	.coldfusiondevelopmentpage ul{ margin:0;}
	.coldfusiondevelopmentpage ul li{font-size:14px; line-height:2;}
	.coldfusiondevelopmentpage ul li::before{ margin-right:6px;}
	
	.aspnetpage{ margin-bottom:15px;}
	.aspnetpage p{font-size:14px; padding:4px 0; line-height:1.5;}
	.aspnetpage .mainbox{margin:10px auto 0; padding:15px 10px;}
	.aspnetpage .mainbox .box img{width:auto;}
	.aspnetpage img{width:80%; text-align:center; margin:10px auto 0;}
	
	.lampdevelopmentpage{margin-bottom:15px;}
	.lampdevelopmentpage img{ width:80%; margin:8px auto 0;}
	.lampdevelopmentpage h4{margin:0;}
	.lampdevelopmentpage p{font-size:14px; padding:5px 0 15px; line-height:1.5;}
	.lampdevelopmentpage ul{margin:0;}
	.lampdevelopmentpage ul li{font-size:14px; line-height:2.2;}
	.lampdevelopmentpage ul li:before {margin-right:6px;}
	
	.managedwebsitepage{ margin-bottom:10px;}
	.managedwebsitepage p{font-size:14px; padding:5px 0 15px; line-height:1.5;}	
	.managedwebsitepage ul li{font-size:14px; line-height:1.5; padding-left:36px; margin-top:12px;}
	
	
	.mobile-show .push-nav ul.nav.navbar-nav{ width:80%;}
	
	.error-template img{ width:200px; max-width:100%;}
	.error-details{ font-size:14px; margin-top:10px;}
	.error-actions .btn{ color:#fff; background:#e94b5a; border:0; border-radius:4px; padding:10px 20px; font-size:14px;  margin-right:10px; margin-bottom:10px;}
	
	
	.portfolioinnerpagetop h1{
		color:#fff;
		font-size:65px !important;
		line-height:1;
		padding-bottom:20px;
	}
}
@media (max-width: 639px) {
	h1{ font-size:20px; font-weight:500;}
	h2{ font-size:18px;}
	h3{ font-size:16px;}
	h4, h5, h6{ font-size:14px;}
	
	.home-hero h2{font-size:38px;}
	
	.services{margin:20px auto 20px;}
	.services .servicetxtbox{ padding:12px 18px 16px; margin-bottom:20px;}
	.services .servicetxtbox h6{ margin-top:0px;}
	.services .smallbox{ padding:12px 10px; margin-bottom: 20px;}
	.services .smallbox p{line-height:1.0;}	
	.services .smallbox img{width:70px;}
	
	.package h1{margin-bottom:14px;}
	.table, .table .info,.table > tbody > tr.info th, .table > tbody > tr.info th:first-child{font-size:13px;}
	.pricing_wm strong{ font-size:28px;}		
	.whychoose .main .box{padding:16px 14px 20px; margin-bottom:8px;}
	.whychoose .main .box p{line-height:1.3;}
	.whychoose .main .box img{ width:60px;}
	.whychoose .main .box h3{padding:10px 0 7px;}
		
	/******* Portfolio Home Page CSS ********/	
	.portfolio .boxodd .title h2{ text-transform:capitalize;}	
	.portfolio .boxodd .title{padding:10px 0 0;}
	.portfolio .boxeven .title h2{ text-transform:capitalize;}	
	.portfolio .boxeven .title{padding:10px 0 0;}
	
	/******* Portfolio Inner Page CSS ********/
	.portfoliopage .title img {width:50px; padding:13px 3px 0 3px;}	
	
	/******* Testimonials CSS ********/
	.testimonials{padding:24px 0;}
	.testimonials h1{margin-bottom:10px;}
	.testimonials p small{font-size:16px}
	.testimonials p span a{font-size: 13px; margin-top:14px;}	
	
	/******* Blog CSS ********/
	.blog{margin:16px auto 0px;}
	.blog .box .contantbox{ margin-bottom:12px;}
	.blog .button .btn a{font-size:13px; padding:8px 16px;}	
	
	.footer p{font-size:14px;}
	.footer .nav ul li a{font-size:14px; line-height:1.0;}	
	
	.responsivewebsitepage .mainbox .contant h5{ font-weight:bold;}
	.customwebdesign .main .box h5, .customwebdesign .main .box2 h5, .customwebdesign .main .box3 h5, .customwebdesign .main .box4 h5{font-weight:bold;}
	.ecommercewebsitedesign .main .box h4{font-weight:bold;}
	.psdxhtmlpage .main .box .contant h5{font-weight:bold;}
	.servicespage .main .box h5{font-weight:bold;}
	.lampdevelopmentpage h4{font-weight:bold;}
	.coldfusiondevelopmentpage h5{font-weight:bold;}
	.methodologypage .mainbox .box h5, .methodologypage .mainbox .box2 h5{ font-weight:bold;}
	
	.portfolioinnerpagetop h1{
		color:#fff;
		font-size:55px !important;
		line-height:1;
		padding-bottom:20px;
	}
}
@media (max-width: 479px) {
	
	/******* Home Page Slider CSS ********/
	.mainslide{border:solid #FFF 16px;}
	.home-hero{padding:28px 0 30px}
	.home-hero h2{font-size:30px; line-height:1.2;}
	.home-hero a {font-size:14px;  padding:8px 14px;}

	/******* Project Next CSS ********/
	.projetnext-prev-block-test ul li a {padding:7px 12px; font-weight:400; font-size:12px; line-height:1.2; min-height:auto; text-transform:uppercase;}
	.projetnext-prev-block-test ul li img{ height:29px;}
}
@media (max-width: 379px) {
	
	/******* Home Page Slider CSS ********/
	.home-hero h2{font-size:26px; line-height:1.2;}
}