ul, ol {list-style: none;padding: 0;margin: 0;}

.blog-banner-img img{ width: 100%; }

.footer-menu ul{ padding: 0px; margin: 0px;}

.social-share ul{ padding: 0px; margin: 0px; }

.blog-main-wraper{ padding-top: 75px; }

.blog-banner{ position: relative; }

.blog-banner-text{ position: absolute; top:0; width: 100%; padding-top: 120px; bottom: 0; }

.blog-text-details{ width: 680px; float: left; }

.blog-banner-text h1{ font:60px/60px 'SFProDisplay-Bold'; color: #fff; text-transform: uppercase; margin: 0px;

padding-bottom: 20px; }

.blog-banner-text p{ font:22px/35px 'SFProDisplay-Light'; color: #fff; padding-bottom:15px;}

.search-blog{ margin-top:15px; position: relative; }

.search-blog input{ width: 100%; height: 50px; border:1px solid #c4c4c9; padding: 0px 20px; background:transparent;

font:14px/27px 'SF Pro Display'; color: #fff;}

.search-blog input:focus{ border:1px solid #fff; }

.search-blog input::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #fff; opacity: 1;

}

.search-blog input::-moz-placeholder { /* Firefox 19+ */

  color: #fff;  opacity: 1;

}

.search-blog input:-ms-input-placeholder { /* IE 10+ */

  color: #fff;  opacity: 1;

}

.search-blog input:-moz-placeholder { /* Firefox 18- */

  color: #fff;  opacity: 1;

}



.search-blog input.search-submt { width: auto; background:url(../blog-img/serach-icone.png) no-repeat 10px 15px; width: 45px; height: 48px; 

position: absolute; top:0; right: 1px; border:none;}

.menu-blog{ position: absolute; width: 100%; bottom:0px; left: 0px; }

.menu-blog ul{ padding: 0px; margin: 0px; list-style: none; }

.menu-blog ul li{ float: left; padding-right:27px; position: relative;}

.menu-blog ul li a{ font:13px/25px 'SFProDisplay-Bold'; color: #fff; text-transform: uppercase; text-decoration: none;

padding-bottom:30px; display: block; border: 2px solid transparent; }

.menu-blog ul li:last-child{ padding: 0px 35px;}

.menu-blog ul li:nth-child(8){ padding-right: 0px; }

.menu-blog ul li ul{-webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);transition: all .4s cubic-bezier(.165,.84,.44,1); top:57px;

position: absolute;padding: 20px 25px;border-radius: 2px;-webkit-transform: rotateY(-10deg);transform: rotateY(-10deg);

-webkit-transform-origin: 50% -50px;transform-origin: 50% -50px;opacity: 0;visibility: hidden;pointer-events: none;

z-index:9;padding: 20px 30px;width: 250px; background-color: #fff; left:-70px;box-shadow: 0 50px 100px rgba(0,0,0,.1),0 15px 35px rgba(0,0,0,.15),0 5px 15px rgba(0,0,0,.1);}

.menu-blog ul li:hover ul{-webkit-transform: rotateY(0);transform: rotateY(0);opacity: 1;visibility: visible;pointer-events: auto;

-webkit-transition-delay: .15s;transition-delay: .15s; right: 0; }

.menu-blog ul li ul li{ width: 100%; padding-right: 0px; padding:3px 0px; }

.menu-blog ul li ul {list-style: none;}

.menu-blog ul li ul li a{color: #033676; padding-bottom: 0px; border-bottom: none; text-align: left;}

.menu-blog ul li ul li:hover a{color: #f13e42; border-bottom: none;}

.menu-blog ul li.active > a{color: #f13e42; border-bottom: 2px solid #f13e42;}

.menu-blog ul li:hover > a{color: #f13e42; border-bottom: 2px solid #f13e42;}

.menu-blog ul li ul li:last-child{ padding: 0px; }



.main-blog-section{ padding: 85px 0px; float: left;  width: 100%; }

.blog-box{ width: 50%; padding-right:21px; box-sizing: border-box; float: left; display: flex;}

.blog-box:nth-child(2){padding-right:0px; padding-left: 21px; }

.blog-image{ border:1px solid #ececed; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;position: relative; }

.blog-image:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(121,128,135,0.20);

-moz-box-shadow:0px 0px 10px 0px rgba(121,128,135,0.20);

box-shadow:0px 0px 10px 0px rgba(121,128,135,0.20);}

.blog-image figure img{ width: 100%; }

.blog-details{padding: 0px 20px 66px;}

.bloger-pic{ float: left; position: relative; z-index: 1; margin-top: -20px; }

.bloger-name{ overflow: hidden; padding-left: 15px; padding-top:15px;position: relative; }

.bloger-name h5{font:14px/20px 'SFProDisplay-Bold';  color: #56606e; margin: 0px;padding-right: 85px;}

.bloger-name h5 span{ font-family:'SF Pro Display';  }

.date-blog{ position: absolute; right: 0; top:17px; color: #033676; font:13px/13px "SFProDisplay-Medium";}

.bloger-details { clear: left; padding-top:30px;}

.bloger-details p{font:30px/40px 'SF Pro Display'; color: #033676;}

.bloger-details p a{color: #033676; text-decoration: none !important;}

.bloger-view {position: absolute;bottom: 35px;}

.bloger-view ul{ list-style: none; padding: 0px; margin: 0px; }

.bloger-view ul li{ display: inline-block; font:13px/15px 'SFProDisplay-Medium'; color: #222222; margin-right: 8px;}

.bloger-view ul li img{ margin-right: 8px; }



.world-directy{ float: left; width: 100%; background: #091e61; padding: 65px 0px 45px; }

.world-image h3{ float: left; font:30px/45px 'SFProDisplay-Light'; color: #fff; margin: 0px; }

.blog-suscription{ float: left; padding-left:53px; width: 45%; position: relative; }

.blog-suscription input{ width: 100%; height: 47px; background:#fff; padding-right: 120px; padding-left: 10px; border: none;

font:14px/27px 'SF Pro Display';}

.blog-suscription input:focus{ border:1px solid #fff; }

.blog-suscription input::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #56606e; opacity: 1;

}

.blog-suscription input::-moz-placeholder { /* Firefox 19+ */

  color: #56606e;  opacity: 1;

}

.blog-suscription input:-ms-input-placeholder { /* IE 10+ */

  color: #56606e;  opacity: 1;

}

.blog-suscription input:-moz-placeholder { /* Firefox 18- */

  color: #56606e;  opacity: 1;

}

.blog-suscription input.es_textbox_button{ width: auto; background:#f13f43; 

color:#fff; font:13px/20px 'SFProDisplay-Medium'; border: none; padding: 0px 25px;}

.blog-suscription .es_lablebox{ display: none; }

.blog-suscription .es_button{ position: absolute; top:0; right: 0; padding: 0px;}

.blog-suscription .es_msg{ padding: 0px; }



.blog-suscription p{  font:13px/15px 'SFProDisplay-Medium'; color: #a5a9bb; text-transform: capitalize; padding-top: 8px; }

.blog-suscription p a{ color: #a5a9bb;}



.blog-section-multi-box{ padding: 70px 0px; float: left; width: 100%; }

.blog-page-multi{ margin-left: -20px; margin-right: -20px; }

.blog-multicont{ width:33.33%; padding: 0px 20px; float: left; margin-bottom: 30px;}

.blog-multbx{border:1px solid #ececed;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;position: relative;}

.blog-multbx:hover{

-webkit-box-shadow:0px 0px 10px 0px rgba(121,128,135,0.20);

-moz-box-shadow:0px 0px 10px 0px rgba(121,128,135,0.20);

box-shadow:0px 0px 10px 0px rgba(121,128,135,0.20);

}

.blog-multbx figure img{width: 100%;}

.blog-mutl-details{padding: 0px 20px 66px;}

.blog-mul-row{}

.blog-primg{float: left; position: relative; z-index: 1; margin-top: -20px; }

.blog-muti-name{overflow: hidden; padding-left: 15px; padding-top:15px;position: relative;}

.blog-muti-name h5{font:14px/20px 'SFProDisplay-Bold';  color: #56606e; margin: 0px;padding-right: 85px;}

.blog-muti-name h5 span{font-family:'SF Pro Display'; }

.mulit-bloger-details{ clear: left; padding-top:30px; }

.blog-mutl-details p{font:25px/35px 'SFProDisplay-Light'; color: #033676;}

.blog-mutl-details p a{color: #033676; text-decoration: none;}





.banner-details-website{ background: #f8f8fa; float: left; width: 100%; }

.web-design-sec{ float: left; position: relative;z-index: 99;}

.website-design-search{ overflow: hidden;position: relative;z-index: 99; }

.web-design-sec a{ background:#091e61; width: 270px; display:flex; font:14px/20px 'SFProDisplay-Bold'; color: #fff; padding: 22px 30px;

text-transform: uppercase; text-align: center; text-decoration: none;height: 64px;align-items: center;justify-content: center; }

.web-design-sec a span{ margin-right: 8px; }

.web-design-sec a svg {height: 12px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s;

    transition: -webkit-transform .2s; transition: transform .2s;  transition: transform .2s,-webkit-transform .2s;

    width: 12px;

}

.website-design-search input{ width: 100%; height: 64px; border:none; padding: 0px 35px; font:14px/14px 'SF Pro Display';

color: #383d4a; background:url(../blog-img/serach-icone.png) no-repeat 5px 20px;}

.website-design-search{ padding-left: 25px; background:#f8f8fa; }

.blog-details-banner{ float: left; width: 100%; background:#fff; clear: left; padding: 72px 0px 0px; overflow: hidden; position: relative;}

.blog-details-overlay{ position: absolute; top:0; background:#f13e42; left: 0; height:1044px; width: 100%;}

.blog-details-text{ float: left; width: 100%; position: relative; padding-left: 75px; }

.blog-details-text h5{ font:13px/13px 'SF Pro Display'; color: #fff; margin-bottom: 0px; padding-bottom:25px; }

.blog-details-text h1{ font:45px/55px 'SFProDisplay-Light'; color: #fff; padding-right:245px; margin-bottom: 0px; padding-bottom:35px;

margin-top: 0px;}

.total-view{ position: absolute; right: 0; bottom:35px; }

.total-view ul{ list-style: none; margin: 0px; padding: 0px; }

.total-view ul li{ float: left; margin-right:20px; }

.total-view ul li a{ font:20px/20px 'SFProDisplay-Bold'; color: #fff; text-decoration: none; }

.total-view ul li a img{ margin-right: 8px; }

.total-view ul li a span{ width: 41px !important; height: 41px; background:#023575; border-radius: 50%; display: inline-block; 

position: relative; vertical-align: middle; margin-right: 4px;text-align:center; line-height:41px;}

.total-view ul li a span img{ position: absolute; width: auto; height: auto;top:0; left: 0; right: 0; bottom: 0; margin: auto; }

.blog-details-figure{ clear: left; width: 100%; float: left; padding-left: 75px; background:#fff; margin-top: 190px; position: relative; }

.blog-details-figure:after{ position: absolute; width: 100%; right: -100%; background:#fff; content: ''; height: 100%; top:0; }

.blog-details-figure .blog-details-img figure img{ margin-top: -190px; }

.blog-details-row{ padding: 20px 0px; float: left; width: 100%; position: relative; border-bottom: 1px solid #d7dbe6; }

.blog-details-profil-pic{ float: left; }

.blog-details-name{ overflow: hidden; padding-left: 18px; padding-top:17px; padding-right: 150px; }

.blog-details-name h5{ font:14px/20px 'SFProDisplay-Bold'; color: #56606e; margin: 0px;}

.blog-details-name h5 span{ font-family:'SF Pro Display';}

.share-blog{ position: absolute; right:0px; }

.blog-details-img figure img{ width: 100%; }

.share-blog{ position: absolute; top:20px; right: 0; display: flex; }

.share-icone{ width: 62px; height: 62px; display: inline-block; border:1px solid #ebeced; border-radius: 6px; position: relative;

margin-right: 10px; min-width: 62px; cursor: pointer; }

.share-icone svg{ position: absolute; top:0; right: 0; left: 0; bottom: 0; margin: auto; }

.share-open .share-icone{color: #f13e42;}

.share-test{ float: left; font:18px/60px 'SF Pro Display'; text-transform: uppercase; margin-right:15px;

white-space: nowrap; -webkit-transition: background-color .2s,border-color .2s,color .2s;

transition: background-color .2s,border-color .2s,color .2s;}

.share-blog ul{ float: left; list-style: none;padding: 0px; margin:0px; width: 0; opacity: 0;overflow: hidden; -webkit-transition: opacity .2s,width .2s ease-in; display: flex;

transition: opacity .2s,width .2s ease-in;}

.share-open.share-blog ul{ opacity:1; visibility: visible;  width: 200px; }

.share-open.share-blog .share-icone{ background:#f3f4f7; float: left;}

.share-blog ul li{ width: 60px;border: 1px solid #ebeced; display: flex; margin-right: 5px; height: 62px; float: left; }

.share-blog ul li:last-child{ margin-right: 0px; }

.share-blog ul li a {display: flex;align-items: center;justify-content: center;width: 100%; color: #56606e;}

.share-blog ul li a:hover{color: #f13e42;}

.blog-details-img{ padding-bottom: 25px; float: left; width: 100%; }





.blog-details-page-details{ float: left; width: 100%; padding-bottom: 80px; }

.blog-details-left{ width: 70%; float: left; padding-left: 75px; }

.blog-details-left p{font: 17px/27px 'SF Pro Display'; color:#56606e; padding-bottom: 20px;}

.blog-details-left p strong{color: #091e61; }

.blog-details-left h2{ margin: 0px; font:35px/40px 'SFProDisplay-Bold'; color: #091e61; padding-bottom: 20px; }

.blog-details-left h3{ margin: 0px; font:25px/30px 'SFProDisplay-Bold'; color: #091e61; padding-bottom:15px; }

.blog-details-left h4{ margin: 0px; font:20px/30px 'SFProDisplay-Bold'; color: #091e61; padding-bottom:15px; }

.blog-details-left ul{ list-style: none; padding: 0px;padding-left: 30px; margin-bottom:20px;}

.blog-details-left ul li{font: 17px/27px 'SF Pro Display'; color:#56606e; padding-bottom:10px; position: relative;  

padding-left: 20px;}

.blog-details-left ul li:before{ width: 6px; height: 6px; content: ''; position: absolute; left: 0; top:10px; background: #ef323a;

border-radius: 50%; }

.blog-details-right{ width: 30%; float: left; padding-left:100px; padding-bottom: 40px; }

.blog-deliverd{ background: #0f256e; }

.blog-deliverd{ padding: 25px; }

.blog-deliverd h3{ font:28px/36px 'SFProDisplay-Light'; color: #fff; padding-bottom:20px; }

.blog-deliverd input{ width: 100%; height: 40px; font:16px/20px 'SF Pro Display';color: #56606e; border:none;

padding: 0px 12px; margin-bottom: 8px;  }

.blog-deliverd input.es_textbox_button{ border-radius:2px; background-color: #00cc83; font:16px/20px 'SFProDisplay-Bold';

color: #fff;  }

.blog-deliverd p{font: 13px/15px 'SFProDisplay-Medium';color:#a5a9bb;text-transform: capitalize;padding-top: 8px; text-align: center;}

.blog-deliverd p a{color:#a5a9bb;}

.tranding-artical{ padding: 38px 0px; }

.tranding-artical h4{ font:14px/14px 'SFProDisplay-Bold'; color: #404247; }

.tranding-artical ul{ margin: 0px; padding:30px 0px 0px; list-style: none;}

.tranding-artical ul li{ padding-bottom: 50px; padding-right:70px; }

.tranding-artical ul li:last-child{ padding-bottom: 0px; }

.tranding-artical h6{ font:13px/15px 'SFProDisplay-Bold'; color: #0f256e;}

.tranding-artical p{ font:25px/35px 'SFProDisplay-Bold'; color: #404247; }

.tranding-artical p a{color: #404247; text-decoration: none !important;}

.our-related-details h4{ font: 14px/14px 'SFProDisplay-Bold';color:#404247; text-transform: uppercase; padding-bottom:15px;}

.our-related-details ul{ padding: 0px; margin: 0px; list-style: none;}

.our-related-details ul li{ background:#dbe3fa; margin-right: 5px; border-radius: 20px; float: left; margin-bottom: 8px;}

.our-related-details ul li a{ padding:4px 14px; display: inline-block; font:13px/25px 'SF Pro Display'; color: #2653cf;

text-decoration: none;}

.our-related-details{ float: left; width: 100%;}

 .most-read-artical{ float: left; width: 100%; padding: 100px 0px; background:#f5f5f6; }

 .most-read-artical .blog-multbx{ background:#fff; }

 .most-read-tile h5{ font:16px/20px 'SFProDisplay-Bold'; color:#f13e42; text-transform: uppercase; padding-bottom:5px;}

 .most-read-tile h5::before { background:#f13e42; position: absolute;content: "";display: block;left: -30px;top: 7px;

    width: 20px; height: 3px;}

 .most-read-tile h2{font: 40px/55px 'SFProDisplay-Bold';color:#023575;text-transform: capitalize;margin: 0px;

letter-spacing: 0px}

 .most-read-tile{ padding-bottom:40px; }





.effect-9 ~ .focus-border::before, .effect-9 ~ .focus-border::after {

    content: "";position: absolute;top: 0;right: 0;width: 0;height: 1px; background-color: #f13e42; transition: 0.2s;

        transition-delay: 0s; transition-delay: 0.2s;}

.effect-9 ~ .focus-border::after {

    top: auto; bottom: 0; right: auto; left: 0;transition-delay: 0.6s;}

.effect-9 ~ .focus-border i::before, .effect-9 ~ .focus-border i::after {

    content: "";position: absolute;top: 0;left: 0; width: 1px; height: 0; background-color:#f13e42;transition: 0.2s;}

.effect-9 ~ .focus-border i::after {left: auto;right: 0;top: auto;bottom: 0;transition-delay: 0.4s;}

.effect-9 ~ .focus-border i{border: none;margin: 0px;padding: 0;vertical-align: top;display: block; }

.effect-9:focus ~ .focus-border::before, .effect-9:focus ~ .focus-border::after {

    width: 100%;transition: 0.2s;transition-delay: 0s;transition-delay: 0.6s;}

.effect-9:focus ~ .focus-border::after {transition-delay: 0.2s;}

.effect-9:focus ~ .focus-border i::before, .effect-9:focus ~ .focus-border i::after {

    height: 100%;transition: 0.2s;}

.effect-9:focus ~ .focus-border i::after {transition-delay: 0.4s;}



.blog_menu-categories{ border: 1px solid #c4c6ca;left: 0;position: absolute;top: 100%;-webkit-transform: translateY(-100%);

transform: translateY(-100%);-webkit-transition: visibility .2s,-webkit-transform .2s;transition: visibility .2s,

-webkit-transform .2s;transition: transform .2s,visibility .2s;transition: transform .2s,visibility .2s,-webkit-transform .2s;

visibility: hidden;width: 100%;z-index: 10; background:#fff;display: flex; flex-wrap: wrap;border-left: 0;

border-bottom: 0;}

.blog_menu-categories-open .blog_menu-categories{-webkit-transform: translateY(0);transform: translateY(0);visibility: visible;}

.grid-box{ float: left; width:25%;border-bottom:1px solid #c4c6ca;padding:20px 20px;border-left:1px solid #c4c6ca; }

.domain_card-icon{ padding-bottom:30px; }

.domain_card a{ font:14px/20px 'SFProDisplay-Bold';color:#091e61; text-decoration: none; }



.pagination{ clear: left; width: 100%; float: left; padding-top: 30px;}

.pagination ul {list-style: none;padding: 0px; margin:0; text-align: center; width: 100%;}

.pagination ul li{ display: inline-block; padding: 0px 5px; }

.pagination ul li a{font:16px/20px 'SF Pro Display'; color: #7a8291; padding: 0px 10px; border-bottom: 2px solid transparent;

text-decoration: none; }

.pagination ul li.current a{ color: #204ecf; border-bottom: 2px solid #204ecf;}

.wp-pagenavi a, .wp-pagenavi span{font:16px/20px 'SF Pro Display'; color: #7a8291; padding: 0px 10px !important;

border:none !important; border-bottom: 2px solid transparent !important; text-decoration: none; margin: 0px 5px 7px !important;

display: inline-block;}

.wp-pagenavi span.current{color:#204ecf !important; border-bottom: 2px solid #204ecf !important;}



.blog-area{ float: left; width: 100%; display: flex;flex-wrap: wrap; }

.blog-page-multi{  display: flex; flex-wrap: wrap;}

.blog-multicont{display: flex; flex-wrap: wrap;}

.blog-deliverd .es_textbox{ padding: 0px; }

.blog-deliverd .es_button{ padding: 0px; }



/*.total-view ul li a .fb-comments-count.fb_comments_count_zero_fluid_desktop{ background: none;  width: auto; border-radius: 0px; */

/*height: auto; }*/

.total-view ul li a .fb-comments-count.fb_comments_count_zero_fluid_desktop .fb_comments_count{ background: none;  width: auto; border-radius: 0px; 

height: auto; }

.most-read-tile.search-title h1{ text-align: center; font: 60px/65px 'SFProDisplay-Bold';color: #091e61; margin: 0px; }

.blogextra { background: #feefc9;border: 1px solid  #e4cf9b; padding: 14px 10px; margin-bottom: 20px;}

.blog-details-left .blogextra p{ padding-bottom: 0px; margin-bottom: 0px; }



.banner-details-website.search-result .most-read-tile.search-title h1{ font-size: 35px; line-height: 45px; }

.banner-details-website.search-result form{ margin-top: 50px; }

.banner-details-website.search-result form .website-design-search{ border:1px solid #ccc; }
.blog-details-page-details .fb-comments.fb_iframe_widget.fb_iframe_widget_fluid_desktop{ padding-left: 75px;clear: left; }
.blog-details-left img{ max-width: 100%;  height: auto;}
.total-view ul li span.fb-comments-count.fb_comments_count_zero_fluid_desktop_fluid{ background: none !important; 
width: auto !important; height: auto !important; }
.total-view ul li span.fb-comments-count.fb_comments_count_zero_fluid_desktop_fluid .fb_comments_count{ background: none !important; 
width: auto !important; height: auto !important; } 


@media(max-width:1440px) {

	.blog-banner-text{ padding-top: 70px; }

}



@media(max-width:1360px) {

.blog-banner-img img{ height: 450px; object-fit: cover; }

.menu-blog ul li{ padding-right: 20px; }

.most-read-tile.search-title h1{ font-size:50px; line-height:55px; }

.blog-banner-text h1{font-size:50px; line-height:55px;}

.menu-blog ul li ul{left: -100px;}

}
@media(max-width:1300px) {

.banner-details-website .container{ padding: 0px !important; }

}

@media(max-width:1150px) {

.menu-blog ul li { padding-right: 10px;}

.menu-blog ul li ul{ left: unset; right: 0px; top:55px; }

.blog-muti-name .date-blog{ position: static; display: block; padding-top: 4px; }

.blog-muti-name{ padding-top: 6px; }

.blog-muti-name h5{ padding-right: 0px; }

.blog-details-text h1{ font-size:40px; line-height:45px; }

.tranding-artical ul li{ padding-right: 0px; }

.tranding-artical p{ font-size: 20px; line-height: 30px; }

.blog-details-right{padding-left: 45px;}

}



@media(max-width:1080px){

	.menu-blog ul li a{font-size: 11px;}

}

@media(max-width:1024px){

.blog-details-text{ padding-left: 20px; }

.blog-details-figure{ padding-left: 20px; }

.blog-details-left{ padding-left: 20px; }

.most-read-tile.search-title h1{ font-size:40px; line-height:45px; }

.blog-banner-text h1{ font-size:40px; line-height:45px;}

.banner-details-website.search-result .most-read-tile.search-title h1{ font-size: 30px; line-height: 40px; }
.blog-details-page-details .fb-comments.fb_iframe_widget.fb_iframe_widget_fluid_desktop {
    padding-left:20px;
}
}



@media(max-width:945px){

.menu-blog ul li{ display: none; }

.menu-blog ul li:last-child{ display:block; }

.menu-blog ul li a {font-size: 24px;}

.menu-blog ul li ul{ right: unset; left: 0px;  }

.menu-blog ul li ul li{ display: block; }

.menu-blog ul li ul li a{ font-size: 13px; }

.blog-mutl-details p{ font-size: 20px; line-height: 30px; }

.blog-multicont{ width: 50%; }

.bloger-details p{ font-size: 20px; line-height: 30px; }

.date-blog{position: static; display: block; padding-top: 4px;}

.bloger-name{ padding-top: 6px; }

.bloger-name h5{ padding-right: 0px; }

.menu-blog ul li:last-child{ padding: 0px; padding-right: 100px; }

.blog-banner-img img{ height: 370px; }

.world-image h3{ width: 100%; }

.blog-suscription{ padding-left: 0px; width: 100%; }

.world-image h3{ text-align: center; padding-bottom: 10px; }

.world-directy{ padding: 30px 0px 30px; }

.blog-details-left{ width: 60%; }

.blog-details-right{ width: 40%;}

.grid-box{ padding: 10px 9px; width: 33%;}



}



@media(max-width:768px){



.blog-details-left h2{ font-size: 30px; line-height: 35px; }

.blog-details-left ul{ padding-left: 10px; }

.blog-details-left h3{ font-size: 20px; line-height: 25px; }

.blog-details-left h4{ font-size: 18px; line-height: 25px; }

.blog-details-text h1{ width: 100%;padding-right: 0; }

.blog-details-text{ padding-bottom:68px; }

.total-view{ bottom: 15px; }

.most-read-artical{padding: 50px 0px;}

.blog-details-page-details{ padding-bottom: 0px; }

.blog-details-banner{ padding-top: 50px; }

.blog-details-left p{ padding-bottom: 5px; }

.most-read-tile.search-title h1{ font-size:35px; line-height:40px; }

.blog-banner-text h1{ font-size:35px; line-height:40px;}

.blog-banner-text p{ font-size: 18px; line-height: 26px; }

.menu-blog ul li a{ padding-bottom: 15px; }

.menu-blog ul li ul{ top:43px; }

.banner-details-website.search-result .most-read-tile.search-title h1{ font-size:20px; line-height:30px; }

}



@media(max-width:767px){

  .blog-text-details{ width: 100%; }

  .blog-banner-img{ display: none; }

  .blog-banner{ background: #092b5d; float: left; width: 100%; }

  .blog-banner-text{ position: relative; }

  .menu-blog{ position: relative; }

  .main-blog-section{ padding: 55px 0px; }

  .blog-section-multi-box{ padding:55px 0px;  }

  .blog-details-left{ width: 100%; padding-left: 0px; }

  .blog-details-right{ width: 100%; padding-left: 0px; }
.blog-details-page-details .fb-comments.fb_iframe_widget.fb_iframe_widget_fluid_desktop {
    padding-left: 0px; display: block;
}

.blog-details-page-details .fb-comments.fb_iframe_widget.fb_iframe_widget_fluid_desktop span{ width: 100% !important; }
.blog-details-page-details .fb-comments.fb_iframe_widget.fb_iframe_widget_fluid_desktop iframe {width: 100% !important;
min-width: 100% !important;}


}



@media(max-width:667px){

.blog-box{ padding-right:10px;}

.blog-box:nth-child(2){ padding-left: 10px; }

.blog-multicont{ padding: 0px 10px; }

.blog-page-multi {margin-left: -10px;margin-right: -10px;}

.blog-details-text h1{font-size: 30px;line-height: 35px; padding-bottom: 10px;}

.most-read-tile h2{ font-size: 30px; line-height: 45px; }

.most-read-tile{ padding-bottom: 20px; }

}



@media(max-width:640px){



.web-design-sec{ width: 100%; }

.website-design-search{border: 1px solid #ccc;}

.web-design-sec a{ width: 100%; }

.grid-box{ width: 50%; }

.blog-details-text{ padding-left: 0px; }

.blog-details-figure{ padding-left: 10px; }

.blog-details-left{ padding-left: 0px; }



}



@media(max-width:540px){

.blog-box{ width: 100%; }

.blog-box{ padding:0px; margin-bottom: 30px;}

.blog-box:nth-child(2){ padding: 0px; }

.blog-multicont{ width: 100%; }

.most-read-artical .blog-multbx{ width: 100%; }

.blog-details-left h2 {font-size:25px; line-height: 30px;}

}



@media(max-width:480px){

.grid-box{ width: 100%; }
.tranding-artical ul li{ padding-bottom: 20px; }

}

@media(max-width:479px){
  .blog-details-name{ padding-right: 0px; }
.share-blog{ position: static; width: 100%; clear: left; margin-top: 17px; float: left;  border-top: 1px solid #d7dbe6;
    padding-top: 15px; }
.share-open.share-blog ul{ width: 150px; }
.share-icone {width: 40px;height: 40px; min-width: 40px;}
.share-blog ul li{height: 40px; width: 40px;margin-right: 3px;}
.share-test{ line-height: 37px; }
}

@media(max-width:320px){

.blog-details-figure{ margin-top: 145px; }
.blog-details-figure .blog-details-img figure img {margin-top: -135px;}
.share-icone {width: 50px;height: 50px;}

}