﻿.slider-top{position:absolute;top:0;left:0;right:0;text-align:center;padding:10px 15px;}
.slider-heading{display:inline-block;width:590px;margin:10px 0;color:#000;font-size:30px;background:#fed209;padding:8px 10px 10px;text-align:center;text-transform:uppercase;max-width:100%;}
.slider-heading-sub{margin:0 0 10px;color:#fff;font-size:24px;text-align:center;text-transform:uppercase}
.blog-page{padding:20px 0 0;float:left;width:100%;}
.slider-btn{position:absolute;bottom:22px;left:25px;font-size:16px;color:#fff;text-transform:uppercase;z-index:22;padding-right:35px;background:url(../images/slider-btn-arrow.png) no-repeat scroll top right}
.bloge-Carousel .carousel-indicators{width:40%;left:30%;margin:0}
.bloge-Carousel .carousel-indicators li{margin:0; border:none;height:13px;width:6px;background:#7786a1;}
.bloge-Carousel .carousel-indicators li.active{background:#fff;margin:0}

.blog-page img{max-width:100%;}
.img-margin{margin-bottom:25px;}
.bloge-Carousel{margin-bottom:35px;}
.block-heading{font-size:23px;color:#343434;padding:4px 15px 6px;line-height:34px;background:#ecf0f4;font-family:"robotobold";margin-bottom:30px;font-weight:normal}
.blog-text{float:right;}
.full{float:left;width:100%;}
.blog-img{float:left;width:42.6%;}
.blog-text{float:right;width:54%;}
.blog-text .heading{color:#343434;font-size:24px;margin:-2px 0 7px;}
.blog-text p{font-size:16px;color:#343434;margin:0;padding:0}
.blog-info{margin:0;padding:0;overflow:hidden;}
.blog-info li{float:left;list-style:none;font-size:13px;color:#767676;margin-right:18px;padding-left:16px;}
.blog-info li.icon-user{background:url(../images/icon-user.png) no-repeat scroll center left}
.blog-info li.icon-calendar{background:url(../images/icon-calendar.png) no-repeat scroll center left}
.blog-info li.icon-learning{background:url(../images/icon-learning.png) no-repeat scroll center left}
.blog-info li.icon-watch{background:url(../images/watch.png) no-repeat scroll center left}
.blog-row{margin-bottom:35px;}
.block-heading.small{margin-bottom:22px;font-size:15px;font-family:"robotoregular";}
.popular-blog{margin-bottom:20px;}
.popular-blog .img-block{float:left;width:100%;margin-bottom:7px;}
.popular-blog p{font-size:14px;color:#343434;margin-bottom:5px;padding:0 !important}

.heading1{display:block;font-size:30px;font-family:"robotobold";color:#000;margin:0 0 15px;line-height:36px;font-weight:normal}
.heading2{display:block;font-size:24px;font-family:"robotobold";color:#000;margin:0 0 15px;line-height:36px;font-weight:normal}
.img-block a{display:block;}
.img-block a img{width:100%;}
.popular-outer{overflow:hidden;margin-bottom:22px;}
.play-photos {margin-bottom:35px;}
.play-photos a {display:block}
.play-photos img{width:100%;}
.block-arrow{margin-left:15px;}
.treding-box a {display:block}
.treding-box img {width:100%;}
.treding-box p {width:100%;color:#343434;font-size:16px;text-align:center;margin:10px 0}
.trending-row{margin-bottom:20px;}
.stories-box{background:#ecf0f4;padding:10px;margin-bottom:30px;}
.stories-box img{width:100%;position:relative;z-index:1}
.story-text{margin:-9px 9px 9px;background:#ffffff;z-index:2;position:relative;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);border:1px solid #ddd\9}
.story-top-text{padding:7px 10px;text-align:center}
.story-top-text .heading{font-size:20px;color:#343434;font-family:"robotomedium";margin:10px 0}
.story-top-text p{font-size:14px;color:#343434;margin:0 0 10px}
.stories-bottom{border-top:1px solid #ecf0f4;padding:6px 10px 8px}
.stories-bottom .blog-info{margin:0 -6px;}
.stories-bottom .blog-info li{margin:0 6px;font-size:12px;}
.top-stories{margin-bottom:10px;}
.blog-main .heading{color:#343434;font-size:36px;font-weight:normal;font-family:"robotoregular";margin:10px 0;}
.blog-main p {
    color: #777777;
    font-size: 21px;
    line-height: 32px;
    margin-bottom: 10px;
    padding: 0 !important;
    text-align: justify;
}
.blog-main p a{color:#0078d7}
.blog-img-main{margin-bottom:10px;}
.blog-img-main img{width: 100%; max-width: 100%}
.top-app-outer{margin-top:30px;}
.top-apps{margin-top:20px;}
.app-text .heading {font-size:24px;color:#343434;margin:0 0 10px;}
.mar-top-10{margin-top:10px;}
.mar-top-15{margin-top:15px;}
.mar-top-20{margin-top:20px;}
.mar-top-30{margin-top:30px;}
.mar-top-40{margin-top:40px;}
.mar-top-50{margin-top:50px;}
.mar-top-60{margin-top:60px;}
.mar-top-70{margin-top:70px;}
.block{display:inline-block;width:100%;}

.blog-main.block {
    margin-bottom: 50px;
}

.alert-custome{background:#343434;border:none;color:#fff;padding:12px 20px;box-shadow:none;text-shadow: none;}
.alert .close{box-shadow:none;text-shadow: none;color:#fff;opacity:1;position:relative;top:-5px;font-family:"robotobold";font-size:26px;right:-5px;}
.comment-head-left ul{float:left;padding:0}
.comment-head-left ul li{float:left;padding-right:25px;font-size:16px;color:#777;list-style:none}
.comment-head-left ul li a{display:block;font-size:16px;color:#777777;}
.comment-head-left ul li.active a{color:#000000}
.caret-custome{width:13px;float:right;height:8px;background:url(../images/drop-btn.png) no-repeat scroll 0 0;margin-left:12px;margin-top:6px;}
.custome-drop{float:left}
.custome-drop a.drop-btn{float:left;font-size:14px;color:#54606b;cursor:pointer}
.login-counter{width:21px;height:21px;text-align:center;line-height:20px;float:left;padding-left:0;background:url(../images/comment-icon.png) no-repeat scroll 0 0;font-style:normal;color:#fff;font-size:13px;margin-right:12px;}
.custome-drop .dropdown-menu{left:auto;right:0;border:none;box-shadow:none;background:#54606b;margin-top:8px;padding:10px;width:240px;}
.custome-drop .form-control{background:#eeeeee;border:none;padding:5px 8px;color:#6c7780;font-size:13px;margin-bottom:10px;border-radius:3px;}
.custome-drop .form-btn{border:none;background:#fff;color:#000;float:right;padding:5px 15px 6px;text-transform:uppercase;border-radius:3px;}
.custome-drop .form-btn:hover{background:#ddd;}
.comment-sub-head{border-top:2px solid #dfdfdf;padding:10px 0 0}
.share-icon{background:url(../images/share-img.png) no-repeat scroll 0 0;width:12px;height:13px;float:left;margin:6px 4px 0 0}
.comment-head-left li a{float:left}
.counter-wish{float:right;margin:3px 0 0 10px;font-size:14px;color:#000000;width:19px;height:19px;line-height:18px;background:#ececec;border-radius:2px;text-align:center}
.heart-icon{width:15px;height:14px;background:url(../images/heart-icon.png) no-repeat scroll 0 0;float:left;margin-top:6px;margin-right:10px;}
.custome-drop .dropdown-menu.short-menu{padding:5px 2px;width:auto;min-width:160px;}
.custome-drop .dropdown-menu.short-menu li a{padding:3px 8px 4px;color:#fff;font-size:13px;}
.custome-drop .dropdown-menu.short-menu li a:hover{background:#3a4651}
.comment-img{float:left;width:67px;}
.comment-right{display:block;margin-left:86px;top:-2px;position:relative;}
.comment-right p, .blog-main .comment-right p {margin-bottom:7px;font-size:14px;line-height:normal;overflow:hidden}
.comment-right .user-names{cursor:pointer;color:#0c66de;}
.comment-right .user-names:hover{color:#000}
.days-comment{font-size:13px;}

.comment-botton span{float:left;margin:0 4px;color:#777}
.comment-botton a{float:left;color:#777}

.icon-top-arrow{cursor:pointer;width:10px;height:20px;background:url(../images/arrow-icon-top.png) no-repeat scroll center center;float:left;}
.icon-bottom-arrow{cursor:pointer;width:10px;height:20px;background:url(../images/arrow-icon-bottom.png) no-repeat scroll center center;float:left;}
.comment-botton .divider{margin:4px 6px;height:12px;width:1px;background:#777777}
.share-arrow-btn{margin-left:3px;color:#777777;}
.share-arrow{float:right;width:4px;height:6px;background:url(../images/share-arrow.jpg) no-repeat scroll 0 0;margin:7px 0 0 5px;}
.blog-main p.comment-botton a{color:#777}
.comments{margin-top:20px;}
.comment-row{margin-bottom:15px;}
.comment-row.comment-second{padding-left:86px;}
.bullets-span{margin:0 7px;}
.comment-names a{float:left}
.comment-names span{float:left}
.replay-icon{float:left;width:20px;height:15px;background:url(../images/replay-icon.png) no-repeat scroll 0 0;margin-top:3px;margin-right:3px;}
.replay-by{margin-left:7px;}
.comment-footer{border-top:2px solid #dfdfdf;padding:15px 0 0;margin-bottom:40px;}
.comment-action{float:left;padding:0;margin:0}
.comment-action li{float:left;list-style:none}
.comment-action li a{float:left;font-size:14px;color:#777777;}
.comment-action li .divider{height:14px;float:left;border-left:1px solid #c3c3c3;border-right:1px solid #9e9e9e;margin:4px 16px;}
.envelop-icon{width:25px;height:17px;float:left;background:url(../images/envelop.png) no-repeat scroll 0 0;margin-top:3px;margin-right:7px;}
.d-icon{width:17px;height:17px;float:left;background:url(../images/icon-d.png) no-repeat scroll 0 0;margin-top:3px;margin-right:7px;}
.lock-icon{width:12px;height:15px;float:left;background:url(../images/icon-lock.png) no-repeat scroll 0 0;margin-top:4px;margin-right:7px;}
.disqus-icon{background:url(../images/disqus.jpg) no-repeat scroll 0 0;width:75px;height:14px;display:block;margin:3px 0 0;}
.leave-replay {padding:9px 20px 11px;border-radius:5px;background:#0078d7;color:#fff;font-size:18px;line-height:26px;margin-bottom:25px;}
.replay-form .form-control{border:1px solid #dfe3e7;border-radius:5px;resize:none;margin-bottom:15px;box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-webkit-box-shadow:none;padding:10px;height:auto;color:#aaa;font-size:16px;}
.form-submit{font-size:18px;color:#fff;text-align:center;min-width:225px;border-radius:5px;line-height:30px;padding:13px 20px;border:none;background:#0078d7;}
.form-submit:hover{background:#005ea9}
.footer_social_links img{width:25px;}
.comment-replay{margin-bottom:80px;}
.container {width:1170px\9;}




@media (max-width:1023px) {
.blog-img{width:100%;margin-bottom:15px;}
.blog-text{width:100%;}
.blog-img img{width:100%;}
.blog-comment-head .comment-head-right{float:left;clear:both;margin-top:0;margin-bottom:15px;}
.comment-head-left ul li{padding-right:15px;}

}
@media (min-width:768px) and (max-width:1023px) {
.custome-drop .dropdown-menu{left:0;right:auto}
}

@media (max-width:767px) {
.heading1{font-size:20px;margin-bottom:5px;}
.heading2{font-size:18px;margin-bottom:5px;}
.block-heading{font-size:17px;margin-bottom:15px;}
.blog-text .heading{font-size:16px;}
.blog-text p{font-size:13px;}
.popular-outer{margin:0 -15px;}
.popular-outer .popular-blog{float:left;width:50%;padding:0 15px;}
.popular-outer .play-photos{width:50%;padding:0 15px;float:left}
.slider-heading{padding:3px 10px 5px;font-size:20px;margin-top:0}
.slider-heading-sub{font-size:16px;}
.carousel-indicators{bottom:0px;}
.blog-comment-head .comment-head-right{float:right;clear:none;}
.comment-head-left ul li a{font-size:14px;line-height:23px;}
.app-img{float:left;width:150px;}
.app-text{float:none;margin-top:0}
.top-apps{margin-top:30px;}
.blog-main .heading{font-size:24px;}
.app-text .heading{font-size:18px;}
.app-text p{font-size:14px;}
.blog-main p{font-size:14px;}
.comment-row.comment-second{padding-left:30px;}
a.product-link {font-size: 14px; padding: 10px;}
.blog-main li {
    color: #777777;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
    padding: 0 !important;


}

@media (max-width:499px) {
.comment-head-left ul li a{font-size:14px;line-height:23px;}
.comment-head-right{float:left !important;clear:both !important;margin-bottom:15px;}
.comment-head-left ul li{padding-right:7px;}
.custome-drop .dropdown-menu{left:0;right:auto}
.comment-img{width:45px;}
.comment-right{margin-left:55px;}
.comment-row.comment-second{padding-left:0}
}

@media (max-width:479px) {
.popular-outer .popular-blog, .popular-outer .play-photos{width:100%;}


}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin: 20px 0 !important}
b, strong {
    font-weight: 700;
}