@media only screen and (max-width:1280px){
	.banner-div{ height:auto !important; position:relative;}
	.scroll-bot{ bottom:12px;}
}

@media only screen and (max-width:1200px){
	.ab-left > img{width:100%;}
	.right-ban{padding-left:37%;}
	.ab-con h4{font-size:30px;}
	.blog-con-in{padding:10px;}
	.blog-con-in p{margin:10px 0;}
	.blog-con-in h3{font-size:18px;}
	.blog-con-in p{font-size:14px; line-height:18px;}
	.blog-con{height:283px;}
	.tweet img{width:100%;}
	.ft-nav ul li{ padding: 0 12px 0 20px;}	
	.phn p{width:87%; font-size:14px;}
	.phn{padding-left:30px;}
	
	
	.news-letter-top{ width:273px; padding-top:47px;}
	.news-alert-form{ width:253px;}
	.blog-head h1{ font-size:32px;}
	.ft-nav ul li{ padding:0px 6px 0px 13px;}
	.switch-btn-sec p{ margin-left:3px; margin-top:7px; font-size:12px;}
	
	
	.right-side-msg{ width:85%; margin-left:25px;}
	.reply-user{ width:88%;}
	.blog-detail-form{ width:770px;}
	
	.welcome{ margin-left:27px;}
	.navbar-header .navbar-brand{margin-right:30px;}
	.navbar-default .navbar-nav > li{margin-right:30px;}
	.banner-div{ height:auto !important}

	.responsive-slider .slider-control.left{ display:none !important;}
	.responsive-slider .slider-control.right{ display:none;}
	.responsive-slider .pages{ display:none !important;}
	.right-ban{ padding-left:50%;}
	.banner-con h2{ font-size:48px;}
	.navbar{height:50px; padding-top:0;}
	.navbar-header .navbar-brand{font-size:26px;}
	.navbar-nav{padding-top:14px;}
	.height-div{height:50px;}
	.navbar-header .navbar-brand{font-size:26px;}
	.scroll-bot{display:none;}
	
	
	.banner-div{ height:auto !important; position:relative;}
	.responsive-slider .slider-control.left{ display:none !important;}
	.responsive-slider .slider-control.right{ display:none;}
	.responsive-slider .pages{ display:none !important;}
	.slide-1, .slide-2, .slide-4, .slide-5, .slide-6{ padding-left:58%;}
	.slide-3, .slide-6{ padding-left:21%;}
	.banner-con h2{ font-size:42px;}
	.banner-con h4{ font-size:26px; line-height:26px;}
	.scroll-bot{ bottom:12px;}
	.middle-section{height:auto; padding-bottom:30px;}


}
@media only screen and (max-width:992px){
	.navbar-header .navbar-brand{font-size:30px; margin-right:10px;}
	.navbar-default .navbar-nav > li > a{font-size:14px; }
	.navbar-default .navbar-nav > li{margin-right:12px;}
	.navbar{height:50px;}
	
	.banner-con h4{font-size:30px;}
	.banner-con h2{font-size:46px;}
	.add-pos{position:static;}
	.ab-head{position:static; text-align:center;}
	.ab-head p{text-align:left;}
	.vert-cen{display:inline-block; margin-bottom:30px;}
	.serv-right{width:100%; float:none !important;}
	.serv-left{width:auto; float:none !important; display:inline-block;}
	.serv-left .ab-left > img{width:auto;}
	.serv {text-align:center;}
	.serv-txt{display:inline-block; margin-bottom:30px;}
	.center-right{text-align:left;}
	.serv-txt p{text-align:left;}
	.box {margin-bottom:30px;}
	.offer-inner{width:100%;}
	.box.box-4{margin-bottom:0;}
	.offer-hd{margin-top:70px;}
	
	/*login-form-responsive*/
	
	.middle-inner{ padding-bottom:85px; padding-top:110px;}
	.welcome{ margin-top:68px; margin-left:0px;}
	.welcome h1{ font-size:30px;}
	.welcome p{ font-size:14px;}
	.login-form{ width:292px;}
	.login-form h2{ font-size:24px; padding-bottom:18px;}
	.email-add{ height:38px; margin-bottom:5px;}
	.form-btn{ padding:6px 18px 7px 18px; font-size:15px;}
	.btn-login a{ margin-top:7px;}
	
	.m2-img > img{ width:290px;}
    .m-img2 img{ width:87%;}
	.bulid{ margin-top:154px;}
	.bulid h1{ font-size:32px;}
	
	.m-img > img{ width:85%;}
	.bulid{ margin-top:0; left:125px; top:165px;}
	
	.right-sec{ padding-right:30px;}
	
	.login-form-signup{ width:100%;}
	.right-sec-signup{ width:275px;}
	.left-sec-signup{ width:360px;}
	.m-img2 img{ width:81%;}
	
	
	/*home page responsive*/
	.about-sec{ padding:90px 0;}
	.ab-head h3{ font-size:58px; line-height:45px; border-left:7px solid #e87331;}
	.ab-head p{ font-size:20px;}
	.serv{ padding:90px 0 60px;}
	.serv-txt{ padding-top:0;}
	.serv-txt h3{font-size:58px; line-height:45px; border-left:7px solid #e87331;}
	.serv-txt p{ font-size:20px;}
	
	
	.news-letter-top{ padding-top:35px; width:206px; padding-bottom:18px;}
	.news-letter-top h5{ font-size:14px;}
	.news-letter-top p{ font-size:18px;}
	.news-letter-top h4{ font-size:20px;}
	.news-letter-top h3{ font-size:24px;}
	.news-alert-form{ width:200px;}
	.news-alert-form p{ font-size:20px; line-height:18px;}
	.news-alert-form h3{ font-size:20px; margin-bottom:2px;}
	.news-input{ margin-bottom:7px; height:32px; font-size:12px;}
	.news-btn{ font-size:14px;}
	.blog-head{ padding:13px 0px 13px 12px;}
	.blog-head h1{ font-size:24px;}
	.blog-head p{ font-size:14px;}
	.blog-head p a{ font-size:16px; margin-right:12px;}
	.blog-date{ background-size: 100% auto; top:-8px;}
	.blog-date h3{ font-size:16px; padding-top:14px;}
	.blog-text{ margin-top:16px; margin-bottom:40px;}
	.blog-text p{ font-size:15px; line-height:20px; margin-bottom:25px;}
	.blog-pagination{ margin-top:55px;}
	.blog-page{ padding-bottom:65px; padding-top:40px;}
	
	.switch-btn-sec p{ font-size:13px; margin-left:0;}
	.ft-nav{ padding-top:1px;}
	.ft-nav ul li a{ font-size:12px;}
	.social ul li a{ height:21px; width:21px; line-height:21px;}
	
	.right-side-msg{ margin-top:4px; width:82%; margin-left:20px;}
	.msg-one p{ font-size:14px;}
	.user-1 img{ width:85px; height:85px; line-height:85px;}
	.left-side-user{ width:13%;}
	.blog-detail-form{ width:640px;}
	.text-area-one{ height:180px;}
	.comments h1{ font-size:32px; padding:22px 0px;}
	.blog-text{ margin-bottom:12px;}
	.blog-detail-form h1{ font-size:32px; margin-bottom:18px;}
	.blog-detail-form{ margin-top:30px;}
	
	.slide-1, .slide-2, .slide-4, .slide-5, .slide-6{ padding-left:55%;}
	.slide-3, .slide-6{ padding-left:26%;}
	.banner-con h2{ font-size:36px;}
	.banner-con h4{ font-size:22px; line-height:22px;}
	.serv-txt{position:static;}
	.phn span, .phn p{vertical-align:middle;}
	
}

@media only screen and (min-width:767px) and (max-width: 992px)  {
	.blog-img{width:100%;}
	.blog-con{width:100%; border-top:0; border-left:1px solid  #b4b4b4;}
	.arrow-lt{left:50%; top:0; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);margin-top:-26px; margin-left:-9px;}
	.blog-con{height:auto;}
	.blog-con-in{padding:20px;}
	.right-br .blog-con{border-right:1px solid  #b4b4b4 !important; border-top:0;}
	.right-br .arrow-lt{right:auto; left:50%; top:0; transform:rotate(-90deg);-moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg) margin-top:-26px; margin-left:-9px;}
	.addr{width:100%; border:0;}
	.phn{width:100%; padding-left:0}
	.addr span, .phn span.icon-sz, .phn span{width:20px;}
	
	
	
	
	
	

}

@media only screen and (max-width:767px){
	.penta-services{display:none;}
	.penta-service-res{display:block;}
	.penta-service-res ul li{padding:20px; background:#f5ebd4;}
	.penta-service-res ul li:nth-child(even){background:#ffffff;}
	
	
	.news-letter{ margin-top:50px;}
	.news-letter-top{ padding-top:198px; padding-bottom:63px;}
	.blog-page{ padding-bottom:60px;}		
	.my-toggle{ background:#FFF; border:none;}
	.my-toggle:hover, .my-toggle:focus{ background:#FFF !important; border:none;}
	.my-nav{ background:#fff; padding-bottom:13px; border-bottom:1px solid #e3f4ff; float: none !important;}
	.my-nav-inner{ padding-left:15px; padding-top:0; margin-top:0; margin-bottom:0;}
	.my-nav-inner li{ margin-top:8px;}
	.navbar-default .navbar-nav li.login-btn a{ border-radius:0;}
	
	footer{ padding:35px 0;}
	.switch{ float:none !important; display:inline-block; top:10px;}
	.switch-btn-sec p{ float:none !important; display:inline-block; margin-top:0;}
	.switch-btn-sec{ display:block; text-align:center;}
	.social{ text-align:center; padding-top:15px;}
	.ft-nav{ padding-top:20px;}
	.switch-btn-sec p{ margin-left:10px;}
	
	
	.left-side-user{ width:97px;}
	.right-side-msg{ width:74%; margin-top:2px;}
	.msg-one p{ font-size:13px;}
	.blog-detail-form{ width:95%;}
	.comments h1{ font-size:28px; padding:22px 0;}
	.blog-detail-form h1{ font-size:28px; margin-bottom:15px;}
	.blog-detail-form{ margin-top:18px;}
	
	
	/*login-form-responsive*/
	
	.middle-section{ background-image:none;}
	
	.left-sec{ display:block; width:100%; float:none; background:#ff6600;}
	.right-sec{ display:block; width:100%; float:none; background:#f3f3f3; padding-bottom:60px;}
	
	.m-img{ padding-left:70px;}
	.welcome{ margin-top:113px;}
	.welcome h1{ font-size:38px;}
	.welcome p{ font-size:18px;}
	.logo > img{ margin-top:10px; margin-left:15px;}
	.i-bar{ background:#000;}
	.middle-inner{ padding-top:0px; padding-bottom:0;}
	.login-form{ width:70%; margin:auto; margin-top:60px;}
	.email-add{ height:45px; margin-bottom:8px;}
	
	
	.m2-img > img{ width:60%; margin:auto; display:block;}
	.m-img > img{ width:84%;}
	.bulid{ top:231px; left:196px;}
	.bulid h1{ font-size:40px;}
	.bulid p{ font-size:16px;}
	
	.right-sec{ padding-right:0;}
	
	
	.left-sec-signup{ width:405px; padding-top:20px;}
	.right-sec-signup{ width:100%;}
	.middle-inner .col-sm-6{ padding:0 !important;}

	.s-up{background:#ff6600;}
	
	
	/*home page responsive*/
	.about-sec{ padding:60px 0;}
	.ab-head h3{ font-size:58px; line-height:45px; border-left:7px solid #e87331;}
	.ab-head p{ font-size:20px;}
	.serv{ padding:60px 0 60px;}
	.serv-txt{ padding-top:0;}
	.serv-txt h3{font-size:58px; line-height:45px; border-left:7px solid #e87331;}
	.serv-txt p{ font-size:20px;}
	.offer-hd{ margin-bottom:40px;}
	.pen-one{ text-align:center; padding:10px 0;}
	.pen-one h4{ color:#333; font-weight:700; font-size:24px;}
	.pen-one p{ color:#333; line-height:normal; margin-top:5px; font-size:16px;}
	.service{ padding-bottom:0;}
	.vert-cen{ margin-bottom:50px;}
	.blog-sec{ padding:60px 0 60px;}
	.blog-hd{ margin-bottom:60px;}
	.blog-hd h4{font-size:58px; line-height:45px; border-left:7px solid #e87331;}
	.blog-img{ height:283px; overflow:hidden;}

	/*banner-silder*/
	.slide-1, .slide-2, .slide-4, .slide-5, .slide-6, .slide-3, .slide-6{text-align:center; margin:auto; padding:0;}
	.banner-con h2{ font-size:36px;}
	.banner-con h4{ font-size:22px; line-height:22px;}
	.responsive-slider .slides ul li .slide-body .caption.header{ width:100%;}
	.banner-con a img{ width:15% !important;}
	.scroll-bot{ display:none;}
	.login-form{margin-top:20px  !important;}
	.login-form h3{text-align:center;}
	
	
	/**login page**/
	.middle-inner .row{ display:block;}
	.middle-inner{ width:100%; padding:0;}
	.m-img{ display:inline-block; padding-left:0; float:none !important;}
	.welcome{ display:inline-block; float:none !important;}
	.left-sec{ text-align:center;}
	.middle-section{ padding-bottom:0;}

}

@media only screen and (max-width:625px){
	.blog-page{ padding-top:30px; padding-bottom:40px;}
	.blog-head{ padding:12px 0px 12px 12px;}
	.blog-head h1{ font-size:26px;}
	.blog-head p{ font-size:14px;}
	.blog-head p a{ font-size:16px; margin-right:8px; margin-left:5px;}
	.blog-date h3{ font-size:16px;}
	.blog-text{ margin-top:13px; margin-bottom:40px;}
	.blog-pagination{ margin-top:60px;}
	.news-letter-top{ padding-top:111px;}
	
	footer{ padding:25px 0;}
	
	.blog-text p{ font-size:14px; line-height:18px; margin-bottom:13px;}
	.blog-detail h4{ font-size:15px; margin-bottom:4px;}
	.comments h1{ padding:18px 0;}
	.blog-text{ margin-bottom:10px;}
	.text-area-one{ height:160px;}
	.left-side-user{ width:100%;}
	.right-side-msg{ width:100%; margin-left:0; margin-top:20px;}
	.msg-one p{ margin-top:10px;}
	.right-side-msg p a{ margin-left:0;}
	.reply-user{ width:100%;}
	.msg-one{ border-top: 6px solid #00c3ff; border-left:none; padding-left:0;}

	
.r-aro {
	position: relative;
	background:none;
}
.r-aro:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 195, 255, 0);
	border-bottom-color: #00c3ff;
	border-width: 7px;
	margin-left: -7px;
	top:-6px;
}


.p-aro {
	position: relative;
	background:none;
}
.p-aro:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 102, 0, 0);
	border-bottom-color: #ff6600;
	border-width: 7px;
	margin-left: -7px;
	top:-6px;
}

.pink-r{ border-top:6px solid #ff6600;}


    /*login-form-responsive*/

    
	.welcome h1{ font-size:32px;}
	.welcome p{ font-size:16px;}
	
	.left-sec-signup{ width:383px;}
	.m-img2 img{ width:100%;}
	.bulid{ left:178px; top:211px;}
	
	
	.ab-con h4{ font-size:26px; line-height:26px;}
	.ab-head h3{ font-size:48px; line-height:38px;}
	.ab-head p{ font-size:16px; line-height:20px;}
	.serv-txt h3{ font-size:48px; line-height:38px;}
	.serv-txt p{ font-size:16px; line-height:20px;}
	.mind h3{ font-size:28px; margin-bottom:55px;}
	




}




@media only screen and (max-width:500px){
	.blog-head h1{ font-size:18px;}
	.blog-head p{ font-size:13px;}
	.blog-head p a{ font-size:14px; margin-left:4px;}
	.blog-text p{ font-size:15px; line-height:20px;}
	.blog-hover img{ width:8%;}
	.news-letter-top{ padding-top:98px; padding-bottom:22px;}
	
	.blog-detail-form{ width:100%; margin:auto;}
	.input-one{ width:100%;}
	.comments h1{ padding-bottom:27px;}
	.blog-detail h4{ line-height:16px;}
	.blog-text p{ font-size:13px; line-height:19px;}
	.blog-detail{ padding-bottom:35px;}
	.comments h1{ font-size:22px;}
	.blog-detail-form h1{ font-size:22px;}
	
	
	
	/*login-form-responsive*/
	.login-form{ margin-top:40px; width:90%;}
	.form-btn{ font-size:13px;}
	
	
	
	
	
	
	
	.bulid h1{ font-size:30px;}
	.bulid p{ font-size:12px;}
	.left-sec-signup{ width:265px;}
	.bulid{ left:118px; top:160px;}

	
	
	
	
	.blog-img{width:100%;}
	.blog-con{width:100%; border-top:0; border-left:1px solid  #b4b4b4;}
	.arrow-lt{left:50%; top:0; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg) margin-top:-26px; margin-left:-9px;}
	.blog-con{height:auto;}
	.blog-con-in{padding:20px;}
	.right-br .blog-con{border-right:1px solid  #b4b4b4 !important; border-top:0;}
	.right-br .arrow-lt{right:auto; left:50%; top:0; transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg) margin-top:-26px; margin-left:-9px;}
	.addr{width:100%; border:0;}
	.phn{width:100%; padding-left:0}
	.addr span, .phn span.icon-sz, .phn span{width:20px;}
	
	
	
	
	
	
	
	.im-1{ display:none;}
	.im-2{ display:block;}
	.ab-left{ display:block; width:100%;}
	.ab-con{ display:block; width:100%;}
	.center-right{ text-align:center;}
	.ab-in2 .ab-con{ margin-left:0;}
	.serv-left .ab-left{ width:100%; margin-right:0;}
	.serv-left .ab-con{ width:100%;}
	.ab-con h4{ font-size:29px;}
	.ab-con p{ font-size:15px; line-height:17px;}
	.offer-inner h4{ font-size:32px; margin-bottom:12px;}
	.offer-inner p{ font-size:18px; line-height:21px;}
	.offer-inner a{ font-size:16px; height:42px; line-height:35px;}
	.offer{ padding:40px 0;}
	.tw-ft{ float:none !important;}
	.serv-left .ab-left > img{ width:28%;}
	
	 /*banner-silder*/
	
	.banner-con h2{ font-size:26px; margin-bottom:2px;}
	.banner-con h4{ font-size:14px; font-weight:400; line-height:13px;}
	
	
	
	/**login page**/
	
	.welcome h1{ font-size:24px;}
	.welcome p{ font-size:14px; line-height:normal;}
	.m-img > img{ width:100%;}
	.m-img{ width:100px;}
	.welcome{ margin-top:60px;}
	.login-form{ margin-top:40px; width:80%; padding-bottom:20px;}
	
}

@media only screen and (max-width:360px){
	.blog-head h1{ font-size:16px;}
	.blog-head p{ font-size:12px;}
	.blog-head p a{ font-size:13px;}
	.news-letter-top{ width:90%; padding-top:32px;}
	.news-alert-form{ width:90%;}
	.blog-head p br{ display:block;}
	.news-letter-top h4{ font-size:23px;}
	.news-letter-top h3{ font-size:27px;}
	.blog-date h3{ font-size:12px;}
	.news-letter{ margin-top:30px;}
	.blog-pagination{ margin-top:0px;}
	
	
	
	/*home page */
	.vert-cen{ margin-bottom:30px;}
	.about-sec{ padding:40px 0;}
	.ab-con h4{ font-size:21px; margin-bottom:4px;}
	.ab-con p{ font-size:14px; line-height:normal;}
	.ab-in2{ margin-top:35px;}
	.serv{ padding:40px 0px;}
	.ab-head h3{ font-size:38px; line-height:30px; border-left: 4px solid #e87331; padding-left:8px;}
	.ab-head p{ font-size:14px; line-height:16px; padding-left:12px}
	.serv-txt h3{ font-size:38px; line-height:30px; border-left: 4px solid #e87331; padding-left:8px;}
	.serv-txt p{ font-size:14px; line-height:16px; padding-left:12px}
	.blog-hd h4{ font-size:38px; line-height:30px; border-left: 4px solid #e87331; padding-left:8px;}
	.ab-con h4{ line-height:19px; margin-top:10px; margin-bottom:12px;}
	.ab-con p{ line-height:14px;}
	.mind h3{ line-height:27px; margin-bottom:40px;}
	.box h5{ font-size:26px;}
	.blog-hd{ margin-bottom:40px;}
	.blog-sec{ padding:40px 0;}
	.con-inner{ padding:30px 0;}
	
}