/* body, div, ul, ol, li, table, tr, td, section{padding: 0px; margin: 0px; outline: 0px; border: 0px;  word-wrap: break-word !important;} */
html, body, div, ul, ol, li, table, tr, td,{padding: 0px; margin: 0px; outline: 0px; border: 0px;  word-wrap: break-word !important;}
body{margin: 0px; overflow-x: hidden;}
[contentEditable=true]:empty:not(:focus):before{ content:attr(data-text); color: #AAAAAA; }
ul{ -webkit-margin-before: 0em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 00px;}

a{text-decoration: none; color: inherit;}
*{font-family: 'Raleway', sans-serif; text-shadow: none;}
p{text-align: justify; font-size: 17px; line-height: 25px;}

.round0{-webkit-border-radius:0px !important;-moz-border-radius:0px !important;-ms-border-radius:0px !important;-o-border-radius:0px !important;border-radius:0px !important;}
	.round5{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
	.round10{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
	.round15{-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;}
	.round20{-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;}
	.round25{-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;}
	.round20{-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;}
	.round40{-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;}
	.round50{-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;}
	.round60{-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;}
	.round100{-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px;}
	.round120{-webkit-border-radius:120px;-moz-border-radius:120px;-ms-border-radius:120px;-o-border-radius:120px;border-radius:120px;}




.cursive{font-family: 'Satisfy', cursive;}
.row{width: 95%;}
.row-full{width: 100%;}

	.take-left{float: left;}
	.take-right{float: right;}
	.clearfix{clear: both;}
	.inline{display: inline-block;}
	.left{text-align: left;}
	.right{text-align: right;}
	.centertext{text-align: center;}
	.justify{text-align: justify;}
	.tablevt tr td{vertical-align: top; padding-bottom: 15px}
	.facebook{color: #4867AA;}
	.twitter{color: #1DA1F2;}
	.pinterest{color: #BD081B;}
	.googleplus{color: #CF4B40;}
	.linkedin{color: #007BB6;}
	.mobile{color: #50B948;}
	.email{color: #027B76;}	
	.tumblr{color: #36465D;}
	
	.slow{-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	

	@media screen and (max-width: 1049px){
		.pconly{display: none !important;}
		.container{width: 90%; margin: auto;}
		.take-left{float: none;}
		.take-right{float: none;}
			
		.half, .one-third, .one-fourth, .two-third, .three-fourth{width: 99%; margin: 0px; padding: 0px; border: 0px; display: block;}
		.vm{vertical-align: middle;}
		.vt{vertical-align: top;}
		.vb{vertical-align: bottom;}
		
		
		
		/* ======== CSS for Header ==========*/
		
		.menubar{
			width:100%;
			height:45px;
			z-index: 5000; 
			position: fixed;
			top: 0px;
			background: #FFFFFF;
		}		
		.name{
			z-index:100;
			position:relative;
		}
		.lname{
			background: #FFFFFF;
			padding: 8px 10px 6px 12px;
			font-size:0.8em;
			font-weight:700;
			color:#333333;
			margin: 0px;
			margin-left: -20px;
			-webkit-border-bottom-left-radius:0px !important;
			-moz-border-bottom-left-radius:0px !important;
			-ms-border-bottom-left-radius:0px !important;
			-o-border-bottom-left-radius:0px !important;
			border-bottom-left-radius:0px !important;
		}
		.lname span{
			display: block;
			font-size: 0.4em; 
			letter-spacing: 0.1em;
			}
		.name img{
			height:48px;
			width:42px;
			border-radius:100%;
			border: 12px solid #FFFFFF;
		}
		.mymenu{
			padding: 12px; font-size: 25px;
		}
		.menu{
			width: 180px;
			background: #FFFFFF; 
			box-shadow: 1px 2px 3px #121212;
			position: absolute;
			top: 45px !important;
			right: 0px;
		}
		.menu li{
			list-style: none;			
		}	
		.menu li a div{
			color: #000000;
			font-size: 16px;
			font-weight: 600;
			padding: 27px 10px 14px 10px;
			}
		.menu li a div:hover{
			background: #7C0000;
			color: #FFFFFF;
			text-shadow: 0px 0px 3px #000000;
		}
		.mytrigger:hover > .menu{display: block !important;}
		
			/* ======== INDEX PAGE ==========*/
			
			/* SECTION 1 */
			
			
			
			.slider{
			padding-top: 30px;
			background-image: url('../images/wall.jpg');
			background-attachment: fixed !important;
			background-size: cover !important;
			background-repeat: no-repeat !important;
			}
		.slider .half div{
			padding: 10px 5px 5px 15px !important;
			}
		.slider .half:nth-child(1){
			height: 250px;
			background-image: url('../images/man.png'); 
			background-size: cover; 
			background-repeat: no-repeat;
			background-position: center bottom;
			border-bottom: 1px solid #0000DD;
		}
		.slider h1{
			margin: 0px !important;
			font-size: 45px !important;
			font-family: 'lato', sans-serif;
			font-weight: 700;
			color: #ffffff;
			background-image: url('../images/text.gif'); 
            background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
            -webkit-background-clip: text; 
            -webkit-text-fill-color: transparent; 
			-webkit-font-smoothing: antialiased; 
			-webkit-text-stroke: 2px #000000;
		}
		.slider p{
			font-size:12px;
			font-weight: 500;
			color: #000000;
			line-height:30px;
			margin-top:5px;
		}
		.pank{
			color:#046B94;
			display:inline-block;
			font-size:24px;
			font-weight:700;
		}
		.insta{
			color: #f09433;
		}
		.whatsapp{
			color: #25d366;
		}
		.pank a{display: inline-block; 
			background: #F1F1F1; 
			border: 2px solid #046B94; 
			padding: 4px !important; 
			margin: 3px !important;
			-webkit-border-radius:10px;
			-moz-border-radius:10px;
			-ms-border-radius:10px;
			-o-border-radius:10px;
			border-radius:10px;}
		.pank a:hover{background: #FFFFFF;}		
		

		
		/* SECTION 2*/
		
		
		.skills{
			width: 100%;
			padding: 20px 0px !important;
			background-image: url('../images/design.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			background-attachment: fixed;
			
		}
		.skills .container{
			background: rgba(0,0,0,0.3);
			box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
			border-radius: 10px;
			padding: 10px 0px 15px 0px !important;
		}
		.sub-heading{
			color: #FFFFFF;
			font-size: 35px !important;
			font-weight: 700px;
			font-family: arial;
			margin: 0px 0px 0px 10px !important;
			
		}
		.skill-holder{
			margin: 5px 20px 15px 20px !important;
			background: #FFFFFF;
			border-radius: 10px;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		
		.skill-image{
			height: 200px !important;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center top;	
		}
		.myskills p{
			color: #000000;
			font-size: 14px;
			font-family: 'lato', sans-serif;
			padding: 0px 5px 5px 5px !important;
			font-weight: 400 !important;
			text-align: center;
			margin: 3px 0px 0px 0px!important;
		}
		.myskills h3{
			color: #333333;
			font-size: 20px;
			font-family: arial;
			margin: 3px !important;
		}
		.skillbtn{
			padding: 8px 12px !important;
			background: #820001;
			color: #ffffff;
			border: 1px solid #580615;
			border-radius: 5px; 
			font-size: 18px !important;
			font-weight: 700;
			margin: 0px 0px 3px 0px !important;
		}
		.skillbtn:hover{background: #ffffff; 
			cursor: pointer; 
			color: #580615; 
			border: 1px solid #580615;
		}
		
		/* SECTION 3  */
		
		.bio{
			width: 100%;
			background-image: url('../images/kolkata.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			background-attachment: fixed;
			padding: 20px 0px !important;
		}
		.bio .container{
			background: rgba(0,0,0,0.5);
			box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
			border-radius: 10px;
			padding: 10px 0px 5px 0px;	
		}
		.bio .container p{
			color: #FFFFFF;
			font-size: 15px !important;
			font-family: 'lato', sans-serif;
			font-weight: 500;
			line-height: 25px !important;
			padding: 0px 10px !important;
			text-align: cenetr;
		}
		.about-btn{
			padding: 8px 12px !important;
			background: #F70000;
			color: #ffffff;
			border: 2px solid #FFFFFF;
			border-radius: 5px; 
			font-size: 18px !important;
			font-weight: 700;
			margin: 3px 0px 0px 0px;
		}
		.about-btn:hover{background: #ffffff; 
			cursor: pointer; 
			color: #580615; 
			border: 2px solid #F70000;
		}
		
		/* SECTION 4  */
		
		.works{
			width: 100%;
			background-image: url('../images/pencil-blur.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			background-attachment: fixed;
			padding: 20px 0px !important;
		}
		.work-holder{
			margin: 10px 10px 15px 10px !important;
			background: #CCCED1;
			border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;
		}
		.work-image{
			height: 200px !important;
			background-size: 100% 100% !important; 
			background-repeat: no-repeat;
			background-position: center top !important;	
			
		}
		.myworks{
			border-top: 2px solid #0000DD !important;
		}
		.myworks h3{
			font-family: arial;
			font-size: 18px;
			font-weight: 600;
			color: #333333;
			margin: 5px 0px 0px 0px !important;
		}
		.myworks p{
			font-family: 'Lato', sans-serif;
			font-size: 14px;
			font-weight: 500;
			letter-spacing: 1px;
			margin: 0px 0px 7px 0px !important;
			color: #000000;
		}
		.work-btn{
			background: #F7F7F7;
			padding: 5px 15px !important;
			border: 2px solid #1ABC9C;
			border-radius: 3px;
			font-size: 14px !important;
			font-weight: 500 !important;
			font-style: italic;
			font-family: 'Crete Round', sans-serif;
			color: #909090;
			margin-bottom: 10px !important;
		}
		.work-btn:hover{
			border: 3px solid #428BCA;
			color: #555555;
		}
		
		/* SECTION 5  */
		
		.blogs{
			background: #FFFFFF;
			padding: 20px 0px 10px 0px !important;
		}
		.blogs .half{
			margin-bottom: 20px !important;
			border-bottom: 1px solid #67707D !important;
			padding: 10px 0px 25px 0px !important;
		}
		.blogs .half div{
			height: 200px !important;
			background-size: cover; 
			background-repeat: no-repeat;
			background-position: center center;
			margin: 0px 20px;
		}
		.blogs .half h2{
			font-family: arial;
			font-size: 18px !important;
			font-weight: 600;
			color: #444444;
			line-height: 24px !important;
			padding: 0px !important;
		}
		.blogs .half span i{color: #496488;}
		.blogs .half span{
			font-size: 12px !important;
			font-weight: 400 !important;
			font-style: italic;
			font-family: 'Crete Round', serif;
			color: #496488;
		}
		.blogs .half p{
			font-family: 'Lato', sans-serif;
			font-size: 14px !important;
			font-weight: 500;
			color: #555555;
			text-align: left;
			line-height: 24px !important;
			padding: 0px 10px;
			margin: 0px !important;
		}
		.blog-btn{
			background: #FFFFFF;
			padding: 3px 5px;
			border-bottom: 1px solid #1ABC9C;
			border-top: 1px solid #FFFFFF;
			border-right: 1px solid #FFFFFF;
			border-left: 1px solid #FFFFFF;
			font-size: 14px;
			font-weight: 500;
			font-style: italic;
			font-family: 'Crete Round', sans-serif;
			color: #1ABC9C;
		}
		.blog-btn:hover{
			color: #0000FF;
			border-bottom: 1px solid #0000FF;
			cursor: pointer;
		}
		
		/* SECTION 6  */
		
		.testimonials{			
			width: 100%;
			background-image: url('../images/2.jpeg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			background-attachment: fixed;
			padding: 20px 0px 40px 0px !important;
		}
		.what-client-say{			
			padding: 10px !important;
		}
		.what-client-say h2{
			margin-left: -20px !important;
			font-size: 1.8em !important;
		}
		.what-client-say div{
			height: 80px; 
			width: 80px;
			border-radius: 60px;
			border: 3px solid #FFFFFF;
			box-shadow: 0 0 5px #FFFFFF;
			background-position: center top;
			background-size: auto 100px;
			background-repeat: no-repeat;
		}
		.client-about{
			color: #FFFFFF;
			font-family: 'Crete Round', serif;
			font-size: 18px !important;
			font-weight: 400 !important;
			line-height: 26px !important;
			word-spacing: 0px !important;
			text-align: justify !important;
			margin: 0px !important;
		}
		.client-about span{
			font-size: 35px; 
			font-family: arial;
		}
		.client-name{
			color: #FFFFFF; 
			font-family: arial; 
			font-size: 15px; 
			font-weight: 700; 
			margin-top: -10px
		}
		.client-name span{
			font-size: 16px !important;
		}
		.designation{
			color: #FFFFFF; 
			font-size: 14px !important; 
			font-weight: 600; 
			margin-top: -20px
		}
		.dot {
		  cursor: pointer;
		  height: 10px !important;
		  width: 10px !important;
		  margin: 0 2px;
		  background-color: #bbb;
		  border-radius: 50%;
		  display: inline-block;
		  transition: background-color 0.6s ease;
		}

		.active, .dot:hover {
		  background-color: #717171;
		}

		/* Fading animation */
		.fade {
		  -webkit-animation-name: fade;
		  -webkit-animation-duration: 1.5s;
		  animation-name: fade;
		  animation-duration: 1.5s;
		}

		@-webkit-keyframes fade {
		  from {opacity: .4}
		  to {opacity: 1}
		}

		@keyframes fade {
		  from {opacity: .4}
		  to {opacity: 1}
		}
		
		/* ======CSS for footer========*/
		
		.footer{
			padding:15px 5px !important;
			background:#222222;
			color: #ffffff;
		}
		.footer ul li{
			list-style:none;
			font-size:16px !important;
		}
		.footer a:hover{
			color:#00ffff;
		}
		.footer h3{
			color: #ffffff;
			margin-bottom: 5px !important;
		}
		
		/* ==========css for about me page===========*/
		
		
		.aboutme{
			background-image: url('../images/steel.jpg');
			padding: 60px 0px 10px 0px !important;
		}
		.aboutme h1{
			font-size: 50px !important;
			font-family: 'lato', sans-serif;
			color: #FFFFFF;
			-webkit-text-stroke: 1px #000000;
			margin-bottom: 3px !important;
		}
		.about-para{
			font-size: 16px !important; 
			font-weight: 400 !important; 
			font-family: lato; 
			line-height: 28px !important;
			padding: 3px 2px !important;
			color: #121212; 
			word-spacing: 2px !important;
			text-indent: 50px;
			margin: 3px 0px !important;
		}
		.contact-link{
			margin-left: -50px !important;
		}
		
		/* =========CSS for portfolio =========*/
		
		.portfolio{
			background: #FFFFFF;
			padding: 100px 0px 30px 0px !important;
		}
		.page-header{
			background: #F5F5F5;
			padding: 3px 0px !important;
			margin-bottom: 10px !important;
		}
		.page-header h1{
			font-size: 40px !important;
			font-family: 'lato', sans-serif;
			color: rgba(0,0,0,0.7);
			margin: 0px 0px 0px 20px !important;
			-webkit-text-stroke: 0px #0000FF !important;
		}
		.portfolio .half{
			margin: 10px 0px 30px 0px !important;
			border-bottom: 2px solid #e5e5e5;
		}
		.portfolio .half div{
			height: 250px !important;
			background-size:  100% 100% !important; 
			background-repeat: no-repeat;
			background-position: center top;
			margin: 0px 15px !important;
			box-shadow: 0 0 2px #000000;
		}
		.portfolio .half h3{
			font-family: arial;
			font-size: 16px !important;
			font-weight: 700;
			color: #333333;
			margin-left: 25px;
		}
		.portfolio .half p{
			font-family: 'Lato', sans-serif;
			font-size: 12px !important;
			font-weight: 500;
			letter-spacing: 1px;
			margin: -15px 0px 20px 26px !important;
			color: #909090;
		}
		
		
		/* =========CSS for blogs =========*/
		
		.blog{
			background: #FFFFFF;
			padding: 100px 0px 30px 0px !important;
		}	
		.blog-container{
			padding: 0px 0px 10px 0px !important;
			background: #FFFFFF;
			margin: 0px 0px 30px 0px !important;
			border-bottom: 1px solid #e0e0e0;
		}
		.blog-container h2{
			font-size: 20px !important;
			padding: 5px 10px;
			font-weight: 400 !important;
			font-family: lato;
			color: #111111;
			margin: 3px 0px 0px 0px !important;
		}
		.blog-container .two-third p{
			padding: 0px 10px !important;
			letter-spacing: 1px !important;
			line-height: 24px !important;
		}
		.blog-container .one-third img{
			height: 1px;
			width: 1px;
		}
		.blog-container .one-third div{
			height: 230px !important;
			width: 250px !important;
			margin: 0px 5px !important;
			background-size: cover;
			background-position: center top;
			background-repeat: no-repeat;
			border-radius: 10px;
			box-shadow: 0 0 3px #000000;
			}
		.blog-container .one-third{
			height: 235px !important;
			margin-top: 0px !important;
		}
		.blog-container span{
			font-size:12px !important;
			color:#496488;
			font-weight:500;
			margin-left: 8px;
			font-family: 'Crete Round', serif;
		}
		.blog-container i{
			color: #3F2A0F;
			font-size:12px !important;
			font-weight:500;
			margin-top: -10px !important;
		}
		
		
		/* ======== CSS for contacts ===========*/
		
		
		.contact-main{
			background: #FFFFFF;
			padding: 100px 0px 70px 0px !important;
		}
		.contact-main .half h2{
			font-size: 20px !important;
			font-weight: 600 !important;
		}
		.contact-main form{
			margin: 10px 20px;
			line-height: 24px !important;
		} 
		.contact-main form div span{
			font-size: 12px !important;
			font-weight: 600;
			color: #333333;
			margin-left: 5px;
		}
		.contact-main form input, .contact-main form textarea, .contact-main form select{
			padding:10px 0px;
			border:2px solid #DDDDDD;
			font-size:14px !important;
			font-weight:500;
			margin: 5px;
		}
		.contact-main form textarea{
			resize:none;
		}
		.contact-main .half .btn{
			padding: 7px 25px;
			border-bottom: 3px solid rgba(0,0,0,0.15);
			border-top: 1px solid #1ABC9C;
			border-right: 1px solid #1ABC9C;
			border-left: 1px solid #1ABC9C;
			border-radius: 3px;
			font-size: 20px;
			font-weight: 600;
			font-family: 'lato',sans-serif;
			color:#FFFFFF;
			background: #1ABC9C;
		}
		.maps{
			height: 400px !important;
			margin: 20px 20px 0px 0px !important;
		}
		
		
		/*=============== CSS for skill pages =============*/
		
		.designpic{
			height: 230px !important;
			width: 100%;
			margin-top: -15px !important; 
			padding: 0px;
			background-size: 450px auto !important;
			background-position: center top !important;
			background-repeat: no-repeat;
		}
		.development{
			height: 250px !important;
			width: 100%;
			margin-top: -15px !important; 
			padding: 0px;
			background-size: 850px auto !important;
			background-position: center top !important;
			background-repeat: no-repeat;
		}
		.design h1{
			font-family: arial;
			font-size: 28px !important;
			font-weight: 600;
			color: #333333;
			margin: 10px 0px 0px 0px !important;
		}
		.design p, .design ul{
			font-family: 'lato', sans-serif;
			font-size: 14px !important;
			font-weight: 400 !important;
			color: #555555;
			word-spacing: 1px !important; 
			line-height: 24px !important;
			margin: 0px 5px !important;
		}
		.design h2{
			font-family: arial;
			font-size: 16px !important;
			font-weight: 500;
			color: #333333;
			margin: 0px 0px 10px 0px !important;
			line-height: 22px;
		}
		.cover{
			background:#F7F7F7;
			padding: 60px 0px 0px 0px;
		}
		
		/*=============== CSS for single Portfolio pages =============*/
		
		.pcover{
			height: 185px !important;
			background-size: 550px auto !important;
			background-position:center center;
			background-repeat: no-repeat;
			border-bottom: 1px solid #0000FF !important;
			margin-top: 45px !important;
			filter: brightness(70%);
			
		}	
		.gift-eye{
			height: 230px !important;
			background-position:center top !important;
		}
		.news{
			height: 200px !important;
			background-position:center top !important;
			background-size: contain !important;
		}
		.port-container .one-third{
			filter: brightness(80%);
			background-size: cover;
			background-position:center top;
			background-repeat: no-repeat;
		}
		.port-container .two-third{
			border-left: 0px solid #02172C !important;
			padding: 0px 0px 0px 0px !important;
			margin-bottom: 5px !important;
		}
		.port-container .two-third h1{
			font-size: 25px !important;
			font-weight: 600;
			font-family: arial;
			color: #222222;
			margin-top: 10px;
		}
		.port-container .two-third h2{
			font-size: 18px !important;
			font-weight: 600;
			font-family: arial;
			color: #333333;
		}
		.port-about{
			font-family: lato;
			font-size: 14px !important;
			font-weight: 400 !important;
			color: #1f806c; 
			word-spacing: 0px !important; 
			line-height: 24px !important;
			padding: 0px 0px !important;
		}		
		.port-container .two-third h2{ 
			margin-left: 20px;
		}
		.port-container .two-third ul{ 
			margin-left: 40px !important;
		}
		.site-link{
			font-size: 15px !important;
		}
		.port-slider{
			padding: 20px 0px;
			background: #e3e3e3;
			filter: brigtness(50);
		}
		.port-slider h2{
			font-size: 25px;
			font-weight: 600;
			font-family: arial;
			color: #333333;
		}
		.port-slider .one-third{
			border-bottom: 1px solid #67707D;
			margin-bottom: 20px;
			padding: 0px;
		}
		.port-slider .one-third div{
			height: 200px;
			background-size:  300px auto !important; 
			background-repeat: no-repeat;
			background-position: center top;
			margin: 0px 20px;
			box-shadow: 0 0 2px #000000;
		}
		.port-slider .one-third h3{
			font-family: arial;
			font-size: 16px !important;
			font-weight: 700;
			color: #333333;
			margin-left: 25px;
		}
		.port-slider .one-third p{
			font-family: 'Lato', sans-serif;
			font-size: 12px !important;
			font-weight: 500;
			letter-spacing: 1px;
			margin: -15px 0px 15px 26px !important;
			color: #909090;
		}
		
		/*=============== CSS for single Blog pages =============*/
		
		
		.accounting{
			height: 230px !important;
			width: 100%;
			margin-top: -40px !important; 
			padding: 0px;
			background-size: 700px auto !important;
			background-position: center top !important;
			background-repeat: no-repeat;
		}
		.dm{
			height: 250px !important;
			width: 100%;
			margin-top: -15px !important; 
			padding: 0px;
			background-size: 650px auto !important;
			background-position: center top !important;
			background-repeat: no-repeat;
		}
		.blog-content{
			padding: 20px 0px;
		}
		.blog-content .three-fourth h1{ 
			font-size: 25px !important;
			padding: 0px 3px 10px 7px !important;
			font-weight: 300 !important;
			font-family: lato;
			color: #111111;
			margin: 0px !important;
		}
		.blog-content span{
			font-size: 12px !important;
			color: #496488;
			font-weight: 500;
			margin-left: 12px;
			font-family: 'Crete Round', serif;
		}
		.blog-content i{
			color: #3F2A0F;
			font-size:12px !important;
			font-weight:500;
		}
		.blog-content .three-fourth p{
			margin: 5px 10px !important;
			font-family: 'Crete Round', serif;
			font-size: 15px !important;
			font-weight: 400 !important;
			line-height: 24px !important;
			color: #222222;
		}
		.blog-content .three-fourth ul{
			font-size: 15px !important;
			font-weight: 500;
			line-height: 28px;
			color: #222222;
		}
		.blog-content .three-fourth h3{
			font-size: 20px !important;
			font-weight: 700 !important;
			color: #555555;
			line-height: 35px;
			margin: 0px 0px 0px 10px !important;
		}
		.blog-image{
			height: 180px !important;
			width: 250px !important;
			margin-top: 10px;
			box-shadow: 0 0 2px #000000;
			border-radius: 3px;
		}
		.blog-content .three-fourth h4{
			font-size: 13px !important;
			font-weight: 300 !important;
			font-family: calibri;
			color: #444444;
			margin: 3px 0px 15px 0px;
		}
		.blog-content .one-fourth{
			margin-top: 5px !important;
		}
		.blog-strip{
			width: 100%;
			margin-top: 30px !important;
			background: #0fb4e7;
			background: -moz-linear-gradient(left,  #0fb4e7 0%, #a9e4f7 100%);
			background: -webkit-linear-gradient(left,  #0fb4e7 0%,#a9e4f7 100%);
			background: linear-gradient(to right,  #0fb4e7 0%,#a9e4f7 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fb4e7', endColorstr='#a9e4f7',GradientType=1 );

		}
		.blog-strip h2{ 
			font-size: 20px !important;
			font-weight: 500 !important;
			font-family: lato;
			color: #FFFFFF;
			margin: 10px 20px;
			padding: 3px 0px;
		}
		.small-blogs{
			border-bottom: 1px solid #71C8E6;
			margin-bottom: 7px;
		}
		.small-blogs div{
			height: 200px !important;
			background-size: cover;
			background-position:center center;
			background-repeat: no-repeat;
			filter: brightness(70%);
		}
		.small-blogs h3{ 
			font-size: 14px !important;
			font-weight: 500 !important;
			font-family: lato;
			color: #111111;
			margin: 0px 10px 5px 10px !important;
			line-height: 25px;
		}
		.small-blogs span{
			font-size:12px;
			color:#496488;
			font-weight:500;
			font-family: 'Crete Round', serif;
		}
		.small-blogs i{
			color: #3F2A0F;
			font-size:12px;
			font-weight:500;
		}
		
		
		
		
	
		
		
		
	}
	
	
	
	/* MOBILE VIEW ENDS HERE */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* PC VIEW STARTS FROM HERE */
	
	
	
	
	
	
	
	@media screen and (min-width: 1050px){
		
		.mobileonly{display: none !important;}
		.container{width: 95%; max-width: 1100px; margin: auto;}
		.containerbig{width: 95%; max-width: 1300px;}
		
		.half{width: 48.5%; margin: 0px; padding: 0px; border: 0px; display: inline-block !important;}
		.one-third{width: 33%; margin: 0px !important; padding: 0px !important; border: 0px; display: inline-block;}
		.one-fourth{width: 23.5%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
		.two-third{width: 66%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
		.three-fourth{width: 74.5%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
		.vm{vertical-align: middle;}
		.vt{vertical-align: top;}
		.vb{vertical-align: bottom;}
		
		
		
		/* ======CSS for Header========*/
		
		
		.menubar{
			width:100%;
			height:60px;
			z-index: 5000; 
			position: fixed;
			top: 0px;
			background: #FFFFFF;
		}
		
		.name{
			z-index:100;
			position:relative;
		}
		.lname{
			background: #FFFFFF;
			padding: 10px 15px 10px 20px;
			font-size:25px;
			font-weight:700;
			color:#333333;
			margin: 0px;
			margin-left: -20px;
			-webkit-border-bottom-left-radius:0px !important;
			-moz-border-bottom-left-radius:0px !important;
			-ms-border-bottom-left-radius:0px !important;
			-o-border-bottom-left-radius:0px !important;
			border-bottom-left-radius:0px !important;
		}
		.lname span{
			display: block;
			font-size: 11px; 
			letter-spacing: 0.3em;
			}
		.name img{
			height:68px;
			width:62px;
			border-radius:100%;
			border: 12px solid #FFFFFF;
		}
		
		.menu li{
			display: inline-block;
			}
		}	
		.menu li a div{
			color: #000000;
			font-size: 16px;
			font-weight: 600;
			padding: 27px 10px 14px 10px;
			}
		.menu li a div:hover{
			background: #7C0000;
			color: #FFFFFF;
			text-shadow: 0px 0px 3px #000000;
			}
			
			/* ======== INDEX PAGE ==========*/
			
			/* SECTION 1 */
			
			
			
		.slider{
			padding-top: 100px;
			background-image: url('../images/wall.jpg');
			background-attachment: fixed !important;
			background-size: cover !important;
			background-repeat: no-repeat !important;
			}
		.slider .half div{
			padding-left: 85px;
			}
		.slider .half:nth-child(1){
			height: 450px;
			background-image: url('../images/man.png'); 
			background-size: auto 380px; 
			background-repeat: no-repeat;
			background-position: center bottom;
		}
		.slider h1{
			margin: 80px 0px 5px 0px;
			font-size: 65px;
			font-family: 'lato', sans-serif;
			font-weight: 700;
			color: #ffffff;
			background-image: url('../images/text.gif'); 
            background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
            -webkit-background-clip: text; 
            -webkit-text-fill-color: transparent; 
			-webkit-font-smoothing: antialiased; 
			-webkit-text-stroke: 2px #000000;
		}
		.slider p{
			font-size:18px;
			font-weight: 600;
			color: #000000;
			line-height:30px;
			margin-top:15px; letter-spacing: 1px;
		}
		.pank{
			color:#046B94;
			display:inline-block;
			font-size:24px;
			font-weight:700;
		}
		.insta{
			color: #f09433;
		}
		.whatsapp{
			color: #25d366;
		}
		.pank a{display: inline-block; 
			background: #F1F1F1; 
			border: 2px solid #046B94; 
			padding: 4px !important; 
			margin: 7px;
			-webkit-border-radius:10px;
			-moz-border-radius:10px;
			-ms-border-radius:10px;
			-o-border-radius:10px;
			border-radius:10px;}
		.pank a:hover{background: #FFFFFF;}

		
		/* SECTION 2*/
		
		
		.skills{
			width: 100%;
			padding: 80px 0px;
			background-image: url('../images/design.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			background-attachment: fixed;
			
		}
		.skills .container{
			background: rgba(0,0,0,0.3);
			box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
			border-radius: 10px;
			padding: 5px 0px 60px 0px;
		}		
		.skills .one-third{
			vertical-align: top;
		}
		.sub-heading{
			color: #FFFFFF;
			font-size: 50px;
			font-weight: 700px;
			font-family: arial;
			margin-left: 70px;
		}
		.skill-holder{
			margin: 0px 10px;
			background: #FFFFFF;
			box-shadow: 0px 0px 3px #000000	;
			vertical-align: top;
			overflow: hidden;
			border-radius: 10px;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}		
		.skill-holder:hover{
			margin-top: -10px; 
			box-shadow: 0 3px 5px #0000AA;
			cursor: pointer;
		}		
		.skill-image{
			height: 250px;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;			
		}
		.myskills{
			color: #000000;
			font-size: 16px;
			font-family: 'lato', sans-serif;
			padding: 0px 15px 5px 15px;
			font-weight: 500;
		}
		.myskills h3{
			color: #333333;
			font-size: 25px;
			font-family: arial;
		}
		.skillbtn{
			margin: 10px;
			padding: 10px 20px;
			background: #820001;
			color: #ffffff;
			border: 1px solid #580615;
			border-radius: 5px; 
			font-size: 20px;
			font-weight: 700;
		}
		.skillbtn:hover{background: #ffffff; 
			cursor: pointer; 
			color: #580615; 
			border: 1px solid #580615;
		}
		
		/* SECTION 3  */
		
		.bio{
			width: 100%;
			background-image: url('../images/kolkata.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			background-attachment: fixed;
			padding: 100px 0px;
		}
		.bio .container{
			background: rgba(0,0,0,0.5);
			box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
			border-radius: 10px;
			padding: 10px 20px 30px 20px;
		}
		.bio .container p{
			color: #FFFFFF;
			font-size: 18px;
			font-family: 'lato', sans-serif;
			font-weight: 500;
			line-height: 30px;
			padding: 0px 100px;
		}
		.about-btn{
			margin: 10px;
			padding: 10px 20px;
			background: #F70000;
			color: #ffffff;
			border: 2px solid #FFFFFF;
			border-radius: 5px; 
			font-size: 20px;
			font-weight: 700;
		}
		.about-btn:hover{background: #ffffff; 
			cursor: pointer; 
			color: #580615; 
			border: 3px solid #F70000;
		}
		
		/* SECTION 4  */
		
		.works{
			width: 100%;
			background-image: url('../images/pencil-blur.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			background-attachment: fixed;
			padding: 40px 0px 80px 0px;
		}
		.work-holder{
			margin: 20px 20px;
			background: #CCCED1;
			box-shadow: 0px 0px 3px #000000	;
			vertical-align: top;
			border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;
		}
		.work-image{
			height: 300px;
			background-size: auto 300px; 
			background-repeat: no-repeat;
			background-position: center center;	
			
		}
		.myworks{
			border-top: 3px solid #0000DD;
		}
		.myworks h3{
			font-family: arial;
			font-size: 20px;
			font-weight: 700;
			color: #333333;
			margin-left: 25px;
		}
		.myworks p{
			font-family: 'Lato', sans-serif;
			font-size: 14px;
			font-weight: 500;
			letter-spacing: 1px;
			margin: -15px 0px 20px 0px;
			color: #000000;
		}
		.work-btn{
			background: #F7F7F7;
			padding: 5px 20px;
			border: 2px solid #1ABC9C;
			border-radius: 3px;
			font-size: 16px;
			font-weight: 600;
			font-style: italic;
			font-family: 'Crete Round', sans-serif;
			color: #909090;
			margin-bottom: 20px;
		}
		.work-btn:hover{
			border: 3px solid #428BCA;
			color: #555555;
		}
		
		/* SECTION 5  */
		
		.blogs{
			background: #E0FFFF;
			padding: 40px 0px 50px 0px;
		}
		.blogs .half div{
			height: 300px;
			background-size: cover; 
			background-repeat: no-repeat;
			background-position: center center;
			margin: 0px 20px;
		}
		.blogs .half h2{
			font-family: arial;
			font-size: 22px;
			font-weight: 600;
			color: #444444;
			margin: 10px 0px -10px 0px;
			padding: 0px 20px;
		}
		.blogs .half span i{color: #496488;}
		.blogs .half span{
			font-size: 14px;
			font-weight: 500;
			font-style: italic;
			font-family: 'Crete Round', serif;
			color: #496488;
		}
		.blogs .half p{
			font-family: 'Lato', sans-serif;
			font-size: 15px;
			font-weight: 500;
			color: #555555;
			text-align: left;
			line-height: 27px;
			padding: 0px 10px;
		}
		.blog-btn{
			background: #E0FFFF;
			padding: 3px 5px;
			border-bottom: 1px solid #1ABC9C;
			border-top: 1px solid #E0FFFF;
			border-right: 1px solid #E0FFFF;
			border-left: 1px solid #E0FFFF;
			font-size: 14px;
			font-weight: 500;
			font-style: italic;
			font-family: 'Crete Round', sans-serif;
			color: #1ABC9C;
		}
		.blog-btn:hover{
			color: #0000FF;
			border-bottom: 1px solid #0000FF;
			cursor: pointer;
		}
		
		/* SECTION 6  */
		
		.testimonials{
			
			width: 100%;
			background-image: url('../images/2.jpeg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			background-attachment: fixed;
			padding: 30px 0px 80px 0px;
		}
		.what-client-say{			
			padding: 30px 50px;
		}
		.what-client-say div{
			height: 80px; 
			width: 80px;
			border-radius: 60px;
			border: 3px solid #FFFFFF;
			box-shadow: 0 0 5px #FFFFFF;
			background-position: center top;
			background-size: auto 100px;
			background-repeat: no-repeat;
		}
		.client-about{
			color: #FFFFFF;
			font-family: 'Crete Round', serif;
			font-size: 22px;
			font-weight: 500;
			line-height: 35px;
			word-spacing: 3px;
		}
		.client-about span{
			font-size: 35px; 
			font-family: arial;
		}
		.client-name{
			color: #FFFFFF; 
			font-family: arial; 
			font-size: 15px; 
			font-weight: 700; 
			margin-top: -10px
		}
		.client-name span{
			font-size: 23px !important;
		}
		.designation{
			color: #FFFFFF; 
			font-size: 15px; 
			font-weight: 600; 
			margin-top: -20px
		}
		.dot {
		  cursor: pointer;
		  height: 15px;
		  width: 15px;
		  margin: 0 2px;
		  background-color: #bbb;
		  border-radius: 50%;
		  display: inline-block;
		  transition: background-color 0.6s ease;
		}

		.active, .dot:hover {
		  background-color: #717171;
		}

		/* Fading animation */
		.fade {
		  -webkit-animation-name: fade;
		  -webkit-animation-duration: 1.5s;
		  animation-name: fade;
		  animation-duration: 1.5s;
		}

		@-webkit-keyframes fade {
		  from {opacity: .4}
		  to {opacity: 1}
		}

		@keyframes fade {
		  from {opacity: .4}
		  to {opacity: 1}
		}
		
		/* ======CSS for footer========*/
		
		.footer{
			padding:30px 10px;
			background:#222222;
			color: #ffffff;
		}
		.footer ul li{
			list-style:none;
			font-size:18px;
		}
		.footer a:hover{
			color:#00ffff;
		}
		.footer h3{
			color: #ffffff;
		}
		
		/* ==========css for about me page===========*/
		
		
		.aboutme{
			background-image: url('../images/steel.jpg');
			padding: 100px 0px 30px 0px;
		}
		.aboutme h1{
			font-size: 80px;
			font-family: 'lato', sans-serif;
			color: #FFFFFF;
			-webkit-text-stroke: 1px #000000;
		}
		.about-para{
			font-size: 20px; 
			font-weight: 500; 
			font-family: lato; 
			line-height: 40px;
			padding: 7px 2px;
			color: #121212; 
			word-spacing: 5px;
			text-indent: 50px;
			margin: 5px 0px;
		}
		
		/* =========CSS for portfolio =========*/
		
		.portfolio{
			background: #E0FFFF;
			padding: 100px 0px;
		}
		.page-header{
			background: #FFFFFF;
			padding: 10px 0px;
			margin-bottom: 50px;
		}
		.page-header h1{
			font-size: 80px;
			font-family: 'lato', sans-serif;
			color: rgba(0,0,0,0.7);
			margin: 0px 100px;
			-webkit-text-stroke: 1px #0000FF;
		}
		.portfolio .half{
			margin: 30px 0px 20px 0px;
			border-bottom: 2px solid #e5e5e5;
		}
		.portfolio .half div{
			height: 350px;
			background-size:  500px auto; 
			background-repeat: no-repeat;
			background-position: center top;
			margin: 0px 20px;
			box-shadow: 0 0 2px #000000;
		}
		.portfolio .half h3{
			font-family: arial;
			font-size: 20px;
			font-weight: 700;
			color: #333333;
			margin-left: 25px;
		}
		.portfolio .half p{
			font-family: 'Lato', sans-serif;
			font-size: 14px;
			font-weight: 500;
			letter-spacing: 1px;
			margin: -15px 0px 35px 26px;
			color: #909090;
		}
		
		
		/* =========CSS for blogs =========*/
		
		.blog{
			background: #E0FFFF;
			padding: 100px 0px;
		}	
		.blog-container{
			padding: 20px 0px;
			background: #E0FFFF;
			margin-bottom: 30px;
			border-bottom: 1px solid #e0e0e0;
		}
		.blog-container h2{
			font-size: 35px;
			padding: 5px 10px;
			font-weight: 200;
			font-family: lato;
			color: #111111;
			margin: 10px auto;
		}
		.blog-container .two-third p{
			padding: 10px 15px;
			letter-spacing: 0.1em;
			line-height: 28px;
		}
		.blog-container .one-third img{
			height: 1px;
			width: 1px;
		}
		.blog-container .one-third div{
			height: 300px;
			width: 330px;
			margin: 0px 5px !important;
			background-size: cover;
			background-position: center top;
			background-repeat: no-repeat;
			border-radius: 10px;
			box-shadow: 0 0 3px #000000;
			}
		.blog-container .one-third{
			height: 300px;
			margin-top: 50px;
		}
		.blog-container span{
			font-size:15px;
			color:#496488;
			font-weight:500;
			margin-left: 8px;
			font-family: 'Crete Round', serif;
		}
		.blog-container i{
			color: #3F2A0F;
			font-size:15px;
			font-weight:500;
		}
		
		
		/* ======== CSS for contacts ===========*/
		
		
		.contact-main{
			background: #E0FFFF;
			padding: 100px 0px;
		}
		.contact-main .half h2{
			font-size: 28px;
			font-weight: 800;
		}
		.contact-main form{
			margin: 10px 20px;
			line-height: 35px;
		} 
		.contact-main form div span{
			font-size: 15px;
			font-weight: 600;
			color: #333333;
			margin-left: 5px;
		}
		.contact-main form input, .contact-main form textarea, .contact-main form select{
			padding:10px 0px;
			border:2px solid #DDDDDD;
			font-size:18px;
			font-weight:500;
			margin: 5px;
		}
		.contact-main form textarea{
			resize:none;
		}
		.contact-main .half .btn{
			padding: 7px 25px;
			border-bottom: 3px solid rgba(0,0,0,0.15);
			border-top: 1px solid #1ABC9C;
			border-right: 1px solid #1ABC9C;
			border-left: 1px solid #1ABC9C;
			border-radius: 3px;
			font-size: 20px;
			font-weight: 600;
			font-family: 'lato',sans-serif;
			color:#FFFFFF;
			background: #1ABC9C;
		}
		.maps{
			height: 600px;
			margin: 0px 12px;
		}
		/*=============== CSS for skill pages =============*/
		
		.designpic{
			height: 500px;
			width: 100%;
			margin: 0px;
			background-size: cover;
			background-position: center top;
			background-repeat: no-repeat;
			background-attachment: fixed;
		}
		.design h1{
			font-family: arial;
			font-size: 40px;
			font-weight: 600;
			color: #333333;
		}
		.design p, .design ul{
			font-family: 'lato', sans-serif;
			font-size: 17px;
			font-weight: 500;
			color: #555555;
			word-spacing: 3px; 
			line-height: 33px;
		}
		.design h2{
			font-family: arial;
			font-size: 27px;
			font-weight: 600;
			color: #333333;
		}
		.cover{
			background:#F7F7F7;
			padding: 60px 0px 0px 0px;
		}
		
		/*=============== CSS for single Portfolio pages =============*/
		
		.pcover{
			height: 480px;
			background-size: contain;
			background-position:center center;
			background-repeat: no-repeat;
			border-bottom: 3px solid #0000FF;
			margin-top: 100px;
			filter: brightness(70%);
			
		}		
		.port-container .one-third{
			filter: brightness(80%);
			background-size: cover;
			background-position:center top;
			background-repeat: no-repeat;
		}
		.port-container .two-third{
			border-left: 2px solid #02172C;
			padding: 0px 0px 30px 0px;
			margin-bottom: 5px !important;
		}
		.port-container .two-third h1{
			font-size: 45px;
			font-weight: 600;
			font-family: arial;
			color: #222222;
			margin-top: 10px;
		}
		.port-container .two-third h2{
			font-size: 25px;
			font-weight: 600;
			font-family: arial;
			color: #333333;
		}
		.port-about{
			font-family: lato;
			font-size: 18px;
			font-weight: 500;
			color: #1f806c; 
			word-spacing: 3px; 
			line-height: 33px;
			padding: 10px 30px;
		}		
		.port-container .two-third h2{ 
			margin-left: 20px;
		}
		.port-container .two-third ul{ 
			margin-left: 50px;
		}
		.port-slider{
			padding: 20px 0px;
			background: #e3e3e3;
			filter: brigtness(50);
		}
		.port-slider h2{
			font-size: 25px;
			font-weight: 600;
			font-family: arial;
			color: #333333;
		}
		.port-slider .one-third div{
			height: 200px;
			background-size:  330px auto; 
			background-repeat: no-repeat;
			background-position: center top;
			margin: 0px 20px;
			box-shadow: 0 0 2px #000000;
		}
		.port-slider .one-third h3{
			font-family: arial;
			font-size: 20px;
			font-weight: 700;
			color: #333333;
			margin-left: 25px;
		}
		.port-slider .one-third p{
			font-family: 'Lato', sans-serif;
			font-size: 14px;
			font-weight: 500;
			letter-spacing: 1px;
			margin: -15px 0px 35px 26px;
			color: #909090;
		}
		
		/*=============== CSS for single Blog pages =============*/
		
		
		.seo-intro{
			height: 350px;
			width: 100%;
			margin: 0px;
			background-size: contain;
			background-position: center top;
			background-repeat: no-repeat;
			background-attachment: fixed;
		}
		.blog-content{
			padding: 20px 0px;
		}
		.blog-content .three-fourth h1{ 
			font-size: 35px;
			padding: 5px 10px;
			font-weight: 200;
			font-family: lato;
			color: #111111;
			margin: 10px auto;
		}
		.blog-content span{
			font-size:15px;
			color:#496488;
			font-weight:500;
			margin-left: 12px;
			font-family: 'Crete Round', serif;
		}
		.blog-content i{
			color: #3F2A0F;
			font-size:15px;
			font-weight:500;
		}
		.blog-content .three-fourth p{
			margin: 12px 30px;
			font-family: 'Crete Round', serif;
			font-size: 19px;
			font-weight: 500;
			line-height: 28px;
			color: #222222;
		}
		.blog-content .three-fourth ul{
			font-size: 19px;
			font-weight: 500;
			line-height: 28px;
			color: #222222;
		}
		.blog-content .three-fourth h3{
			color: #555555;
			margin: 0px 0px 0px 30px;
		}
		.blog-image{
			height: 400px;
			width: 650px;
			margin-top: 10px;
			box-shadow: 0 0 2px #000000;
			border-radius: 3px;
		}
		.blog-content .three-fourth h4{
			font-size: 16px;
			font-weight: 500;
			font-family: calibri;
			color: #444444;
			margin: 3px 0px 15px 0px;
		}
		.blog-content .one-fourth{
			position: sticky;
			top: 30px;
		}
		.blog-strip{
			width: 100%;
			margin-top: 50px;
			background: #0fb4e7;
			background: -moz-linear-gradient(left,  #0fb4e7 0%, #a9e4f7 100%);
			background: -webkit-linear-gradient(left,  #0fb4e7 0%,#a9e4f7 100%);
			background: linear-gradient(to right,  #0fb4e7 0%,#a9e4f7 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fb4e7', endColorstr='#a9e4f7',GradientType=1 );
		}
		.blog-strip h2{ 
			font-size: 30px;
			font-weight: 600;
			font-family: lato;
			color: #FFFFFF;
			margin: 10px 20px;
			padding: 3px 0px;
		}
		.small-blogs{
			border-bottom: 1px solid #71C8E6;
			margin-bottom: 7px;
		}
		.small-blogs div{
			height: 230px;
			background-size: cover;
			background-position:center center;
			background-repeat: no-repeat;
			filter: brightness(70%);
		}
		.small-blogs h3{ 
			font-size: 17px;
			font-weight: 600;
			font-family: lato;
			color: #111111;
			margin: 10px 10px 5px 3px;
			line-height: 25px;
		}
		.small-blogs span{
			font-size:12px;
			color:#496488;
			font-weight:500;
			font-family: 'Crete Round', serif;
		}
		.small-blogs i{
			color: #3F2A0F;
			font-size:12px;
			font-weight:500;
		}
		
		
	}