@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; background-color:#EEF5FF; color:#000; font-family: 'Lato', sans-serif;}

/**header**/
.header{ width:100%;}

/**logo**/
.navbar-brand{ height:auto;}

/**nav**/
.nav{ padding-top:30px;}
.navbar-inverse .navbar-nav > li > a {
    color: #000;
	text-transform:none;
	font-size:14px;
	letter-spacing:1px;
}
.table-striped a { color:#000;}
.navbar-inverse .navbar-nav > li > a:hover {
    color:#FC0;
}

.websitedesignby{ background-color:#0080b9; font-size:14px; color:#000; padding:10px 0px; text-align:center; margin-top:50px;}
.navbar-inverse {
    background-color: #fff;
    border-color: #fff;
	/*-webkit-box-shadow: -1px 6px 4px -3px rgba(0,0,0,0.26);
-moz-box-shadow: -1px 6px 4px -3px rgba(0,0,0,0.26);
box-shadow: -1px 6px 4px -3px rgba(0,0,0,0.26);*/
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #000;
    background-color: #fff;
}
.navbar-nav > li > .dropdown-menu{ background-color:#F6F6F6;}
.dropdown-menu > li > a:hover{ background-color:#f0e6d0;}

/**banner**/
.banner, .next-banner{ width:100%; height:auto; margin-top:140px;}
.next-banner img { width:100%; height:auto;}

/**services**/
.services-col-4{ width:29.33%; float:left; height:auto; margin:2%; text-align:center; padding-top:30px;}
.services-col-4 span{ display:block; padding:2%;}
.services-col-4 h1, h2, h3, h4 { text-transform:uppercase; font-size:16px; font-weight:bold; margin:0px 0px 12px 0px; color:#666; font-weight:900;}
.services-col-4 p { font-size:14px; color:#666; line-height:22px;}
.services-col-4 a { color:#000;}

/**bg**/
.bg1{ width:100%; height:auto; background-image:url(../images/Website-Designing-portfolio-kalyan-thane-mumbai.jpg); background-size:cover; margin-top:50px; padding:13px 0px;}
.bg2{ width:100%; background-color:#fff; height:auto; text-align:center; color:#FFF; padding:25px 0px; text-align:center;}
.bg3{ width:100%; height:auto; background-image:url(../images/Web-development-company-thane-kalyan.html); background-size:cover; 
margin-top:0px; text-align:center; padding:20px 0px;}
.border-bottom{ display:block; border-bottom:solid 1px #0080b9; width:50%; margin:-15px auto 19px auto;}
.border-bottom-1{ display:block; border-bottom:solid 1px #0080b9; width:100%; margin:-15px auto 19px auto;}
.border-bottom-2{ display:block; border-bottom:solid 1px #666; width:30%; margin:-15px auto 19px auto; margin-bottom:30px;}


.bg2 h3 { margin:0px; font-size:33px; font-weight:900 !important; padding-top:10px;text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.22);}
.bg3 h1 { margin:30px 0px 10px 0px; font-size:25px; font-weight:900 !important; color:#FFF; text-transform:uppercase;}
.bg3 p { color:#999;}
.clients-col-3{ width:33.33%; height:auto; padding:30px 0px;}

/**portfolio**/
.portfolio-watch-video{ width:50%; float:left; text-align:center; padding:30px 0px;}
.portfolio-watch-video h2 { text-transform:uppercase; font-size:20px; font-weight:bold; color:#FC0; margin:0px 0px 20px 0px;}
.portfolio-watch-video span { display:block; width:90%; height:auto; margin:auto;}
.portfolio-watch-video span img { width:100% !important; height:260px !important; text-align:center !important;}
.Capabilities{ width:25%; height:auto; float:left; padding:2%;}
.box1{ width:178px; height:178px; margin:auto; background-image:url(../images/Photoshop.html); background-position: center center; background-repeat:no-repeat; text-align:center; vertical-align:middle !important;}
.box2{ width:178px; height:178px; margin:auto; background-image:url(../images/WordPress.html); background-position: center center; background-repeat:no-repeat; text-align:center; vertical-align:middle !important;}

.box3{ width:178px; height:178px; margin:auto; background-image:url(../images/Bootstrap.html); background-position: center center; background-repeat:no-repeat; text-align:center; vertical-align:middle !important;}
.box4{ width:178px; height:178px; margin:auto; background-image:url(../images/Javascript.html); background-position: center center; background-repeat:no-repeat; text-align:center; vertical-align:middle !important;}

.box1 span { font-size:18px; font-weight:bold !important; display:block; padding-top:80px;}
.box2 span { font-size:18px; font-weight:bold !important; display:block; padding-top:80px;}
.box3 span { font-size:18px; font-weight:bold !important; display:block; padding-top:80px;}
.box4 span { font-size:18px; font-weight:bold !important; display:block; padding-top:80px;}

.Capabilities h4 { margin:20px 0px; font-size:17px; color:#FC0; text-transform:uppercase; font-weight:bold !important;}
.botfooter-link { width:100%; background-color:#efbd18; height:auto; }
.link70 { }
.link70 span{ display:inline-block; padding:5px 5px; margin:2px 0px;}
.link70 span a { color:#000; font-size:12px; }
.copyright {padding:5px 5px; margin:2px 0px; }
.copyright p { color:#000; font-size:12px; display:inline-block; margin:0px;}
.col-md-1 { width:20%; height:auto; color:#FFF; }
.mainfooter { width:100%; height:auto; background-color:#000; padding:30px 0px;}
.mainfooter h5 { text-transform:uppercase;}
.col-md-1 ul {list-style-type:none; margin:0px !important; padding:0px;}
.col-md-1 a { color:#666; font-size:12px; }
.lastfooter { background-image:url(../images/footeri_02.jpg); width:100%; height:auto; padding:30px 0px; background-repeat:repeat-x; background-position:left top; background-color:#EEF5FF;}
.lastfooter h4 { text-transform:uppercase; color:#0080b9; font-size:15px; font-weight:400 !important; margin-top:20px;}
.lastfooter p {  color:#000; line-height:18px;}
.tab-verson{ display:none;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ color:#000;}
.lastfooter span {display:-moz-box; margin-top:10px;}
.lastfooter span a {
    display: -moz-box;
}



.breadcrumb {
    padding: 8px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}

.breadcrumb a { color:#000;}
.breadcrumb > .active { color:#000;}
.navbar-nav {
    float: right;
    margin: 0;
}

.social-media-box{ background-color:#0080b9; padding:0px 0px; color:#FFF;padding-top: 10px;padding-bottom: 10px;}
.para-pad a { color:#0080b9;}



/***next pages******/
.next-pages{ padding:0px 0px 20px 0px;}
.next-pages h1 { font-size:45px; margin-bottom:10px; font-size:30px; font-weight:900; padding-top:30px;}
.next-pages h2{ font-size:11px; color:#FFF; margin:0px;}
.next-pages p { font-size:14px; line-height:20px; color:#000; text-align:justify;}
.next-pages li { font-size:14px; line-height:27px; color:#000;}
.next-pages p a { color:#000; font-weight:600;}
.testimonials{ padding:40px 0px; color:#FFF; text-align:center; background-image:url(../images/1Website-Designing-portfolio-kalyan-thane-mumbai.jpg); background-size:cover;}

.our-services-title{ font-size:22px; text-align:center; display:block; margin:10px 0px 0px 0px; color:#0080b9; text-transform:uppercase; font-weight:400;}
.our-services-title strong {font-weight:400;}
.our-bond-title{ font-size:20px; text-align:center; display:block; margin:0px 0px 0px 0px; color:#fff; text-transform:uppercase; font-weight:400;}
.our-bond-title strong{font-weight:900;}
.welcome-box{ text-align:center; padding:30px 0px;}
.welcome-box h1 {font-size:20px; text-align:center; display:block; margin:0px 0px 4px 0px; color:#0080b9; text-transform:uppercase; font-weight:400;}
.welcome-box h2 {font-size:18px; text-align:center; display:block; margin:10px 0px 10px 0px; color:#6c6a6a; text-transform:uppercase; font-weight:400;}
.welcome-box p { font-size:15px; line-height:24px; color:#333; letter-spacing:0.2px;}
.bg1 p { font-size:20px; line-height:29px; color:#fff; letter-spacing:0.2px; text-align:center;font-weight:400;}
.button-box{ width:100%; text-align:center;}
.btn-default {
    color: #FFF;
    background-color: #0080b9;
    border-color: #fff;
    font-weight: bold !important;
	margin-top:20px;
	font-size:16px;
	border-radius:0px;
}
.what-we-do-btn{ font-size:20px; text-align:center; display:block; margin:0px 0px 0px 0px; color:#333; text-transform:none; font-weight:400;}
.bg2 a { margin-top:10px !important; padding:5px 30px}

.Promotionalbox{}
.Promotionalbox ul { margin:0px; list-style-type:none; padding:0px;}
.Promotionalbox li a { padding:10px 0px; color:#000; display:block; font-size:14px;}

.left-side-box{ width:25%; float:left; background-image:url(../images/left-side-bg.jpg); background-repeat:no-repeat; background-position:right top; padding:40px 0px 0px 0px;margin-top: 61px;}
.right-side-box{ width:75%; float:left;}
.left-btn{background-image:url(../images/btn-bg.png); background-repeat:no-repeat; background-position:left top; margin-bottom:15px;}
.left-btn a { color:#FFF; padding:5px 0px 10px 20px; display:block;}
.left-btn:hover{background-image:url(../images/btn-bg-1.png); background-repeat:no-repeat; background-position:left top; margin-bottom:15px;}
.left-btn-active{background-image:url(../images/btn-bg-1.png); background-repeat:no-repeat; background-position:left top; margin-bottom:15px;}
.left-btn-active a { color:#FFF; padding:5px 0px 10px 20px; display:block;}

.para-pad{ padding:0% 3%;}

.line{ width:100%; height:1px; background-color:#0080b9; display:block; margin-bottom:12px;}

.list-box{ background-image:url(../images/b1.jpg); background-size:cover; padding:1%;}
.list-title{ font-size:22px;}
.list-box1 ul { margin:0px; padding:0px 0px 0px 30px;}
.list-box1 li { padding:0px 0px;}

.contact-title{ font-size:22px; color:#0080b9; font-weight:bold !important; margin-bottom:20px; display:block;}

.contact-box{}
.contact-box span{ display:block;}
.contact-box address { line-height:26px;}

.right-box-icon{ position:fixed; top:333px; right:0; z-index:22222;}
.right-box-icon span { display:block;}

/***************Mobile portrait (320x480) **********Mobile landscape (480x320)*******Small tablet portrait (600x800)******************************/


@media only screen and (min-width: 320px) and (max-width: 768px){
	.right-box-icon{ display:none;}
	.social-media-box{ display:none;}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    text-align: -moz-center;
	}
	.navbar-nav {
    float: left;
    margin: 0;
	width:100%;
}
	.navbar-brand {
    float: left;
    padding: 3px 3px;
    font-size: 18px;
    line-height: 20px;
}
	input, button, select, textarea{ text-align:center;}
	.banner, .next-banner{ margin-top:85px;}
	.navbar-fixed-top, .navbar-fixed-bottom {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1030;
	}
	
	.clients-col-3 {
    width: 100%;
    height: auto;
    padding: 30px 0px;
	}
	
	.navbar-inverse .navbar-toggle {
    border-color: #333;
    background-color: #0080b9;
	margin-top: 30px;
	}
	
	.services-col-4 {
    width: 96%;
    float: none;
    height: auto;
    margin: 2%;
    text-align: center;
    padding-top: 30px;
	}
	
	.portfolio-watch-video {
    width: 100%;
    float: none;
    text-align: center;
    padding: 30px 0px;
	}
	
	.Capabilities {
    width: 100%;
    height: auto;
    float: none;
    padding: 2%;
	}
	
	.link70{ width:100%; height:auto; float:none; text-align:center;}
	.copyright{ width:100%; height:auto; float:none; text-align:center;}
	
	.col-md-1 {
    width: 100%;
    height: auto;
    color: #FFF;
    margin-bottom: 30px;
	text-align:center;
	}
	
	.Operationsbox, .Promotionalbox, .fOLLOWbox, .Copyrightbox { width:100%; float:none; margin-bottom:30px; text-align:center;}
	
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 0px;
    margin-bottom: 8px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	}
	
	.next-pages{ text-align:left;}
	.navbar-inverse .navbar-nav > li > a{ text-align:left;}
	.nav > li:hover{ background-color:#CCC;}
	.nav {
    padding-top: 30px;
    padding-bottom: 30px;
	}
	
	
	/****************************/
	.left-side-box {
    width: 100%;
    float: none;
    background-image: url(../images/left-side-bg.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 40px 0px 0px 0px;
	}
	
	.left-btn-active {
    margin:0% 3% 15px 3%; 
    background-color: #5e740f;
	}
	
	.left-btn {
    margin-bottom: 15px;
    background-color: #0080b9;
	margin:0% 3% 15px 3%; 
	}
	
	.left-btn:hover {
    margin-bottom: 15px;
    background-color: #5e740f;
	}
	
	.breadcrumb {
    padding: 8px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
    text-align: center;
}

.right-side-box {
    width: 100%;
    float: none;
}
	
.list-box{ }	
.list-box1{ width:100%; float:none;}
.list-box1 ul { list-style-type:none; margin:0px 0px 0px 0px; padding:0px;}
.list-box1 li { background-color:#FFC; margin-bottom:10px;}
	
	.contact-box{ margin-bottom:50px;}
	}
	
	
@media only screen and (min-width: 768px) and (max-width: 959px) {/***Small tablet landscape (800x600)***************************/
	.social-media-box{ display:none;}
		.nav {
    padding-top:0px;
 	}
	
	.container {
    width: 100%;
	}
	
	.navbar-nav{ float:left;}
	.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 40px;
	}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ 
	text-align:center; width:100%;}
	
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
    width: 100%;
    text-align: -moz-center;
	}
	.services-col-4 {
    width: 44%;
    float: left;
    height: auto;
    margin: 2%;
    text-align: center;
    padding-top: 30px;
	}
	.Capabilities {
    width: 50%;
    height: auto;
    float: left;
    padding: 2%;
	}
	
	
	.websitebox, .Brandbox, .Digitalbox { width:33.33%; float:left; margin-bottom:40px;}
	.Quickbox, .Domainbox{ width:50%; float:left;}
	.tab-verson{ display:block;}
	
	.Operationsbox, .Promotionalbox, .fOLLOWbox, .Copyrightbox { width:50%; float:left; margin-bottom:30px;}
	.link70{ width:100%; height:auto; float:none; text-align:center;}
	.copyright{ width:100%; height:auto; float:none; text-align:center;}
	
	
	/*****************/
	.right-side-box {
    width: 65%;
    float: left;
	}
	.left-side-box {
    width: 35%;
    float: left;
	}
	.contact-box{ margin-bottom:50px;}
	}
	
	
@media (max-width: 799px) {	/***Tablet portrait (768x1024)*******************/


.navbar-inverse .navbar-nav > li > a {
    color: #000;
    text-transform: uppercase;
    font-size: 11px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 40px;
}
.navbar-nav{ float:left;}
	}
	
	
@media only screen and (min-width: 965px) and (max-width: 1200px) {		

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
	float:left;
}


.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
    text-align: -moz-center;
}

.nav {
    padding-top: 0px;
    margin-top: 31px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 25px;
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d;
    padding-right: 75px;
}

/*.navbar-brand img { width:100%; height:auto;}*/
.navbar-header {
    float: none;
}
.Operationsbox h4 img { width:90%; height:auto;}

	/*****************/
	.right-side-box {
    width: 65%;
    float: left;
	}
	.left-side-box {
    width: 35%;
    float: left;
	}
	
}		
