body{padding: 0; margin:0; font-family: 'Roboto', sans-serif; }

img{max-width: 100%;}

.navbar-brand img{ width: 192px; max-width: 192px;  }
.widget.widget_socialcountplus{ padding: 10px 0 0 0; }
.bannerInner{position: relative;  overflow:hidden;     height: 400px;
    background: url(https://www.dineshseofreelancer.com/wp-content/uploads/2018/01/slider2.jpg);
    background-size: cover; }

    .banner .bannertext{ width: 100%; text-align: center; transform: translate(-50%, -50%); top:50%; left: 50%; position: absolute; }

    .banner h1{ font-size: 65px; color:#fff; font-weight: 200; }

    #mainNav{position: absolute; width: 100%; top: 0; z-index: 1;}

    #mainNav.sticky{transition: all 1s; position: fixed; left: 0; width: 100%; top: 0; background: #000;}

    #mainNav.sticky .navbar{padding-top: 0;}

    #mainNav.sticky .navbar-brand img{ width: 110px; }

    .btn-primary{margin-top: 20px; background: #dc9e26; color: #fff; border: 3px solid #fff; font-size: 24px; text-transform: uppercase; padding:5px 30px; }

    .navbar{ padding: 20px 0 0 0; }

    .navbar .navbar-nav .nav-link{font-family: 'Roboto Condensed', sans-serif; color: #fff; padding: 0 15px;}

    .navbar .navbar-nav .nav-link:focus{background: #e7a72d;}

    .navbar-toggler{ z-index: 999; border: 1px solid #fff; cursor: pointer; }

    .navbar-toggler-icon i { color: #fff; font-size: 30px; }

    .contactBlock{padding: 40px 0; position: absolute; bottom: 0; width: 100%; left: 0; background:rgba(0,0,0,0.7);}

    .contactBlock .phoneIcon{float: left; font-size: 52px; color: #dc9e26; margin-right: 20px; }

    .contactBlock .number{ float: left; font-size: 32px; color: #dc9e26; }
    .contactBlock .number a:hover{text-decoration: none;}
    .contactBlock .number a{color: #dc9e26; text-decoration: none;}
    .contactBlock .number span{ font-size: 20px; color: #fff; display: block; }

    .contactBlock .number.star{ float: none; }

    h2{color: #090909; font-size: 36px; font-weight: 400; margin-bottom: 30px;}
    .postDtails h3{ font-size: 19px; }
    h2 span{color:#e7a72c;}

    h1,h2,h3,h4,h5,h6{ font-weight: 300; margin-bottom: 30px;}

    /*about section*/
    .page-id-4 .heateor_sss_vertical_sharing{ display: none; }
    .entry-title a:hover{box-shadow: none;}
    p{ font-size: 16px; color: #343432; }
    .breadcrumb{background:transparent; color: white; font-size: 14px;      }
    .breadcrumb a{    color: #dc9e26;}
    .aboutImg{border: 24px solid #e7a72c; border-radius: 455px;width: 455px; height: 455px; overflow:hidden; }
    .blog .breadcrumb { display: none !important; }
    #about{padding-top: 50px;}

    #about h2{margin-top: 30px; color: #763403; font-size: 22px; margin-bottom: 30px;}
    #about .aboutText h2{color: #090909; font-size: 36px; font-weight: 400; margin-bottom: 30px;}
    #about .aboutText h2 span{color:#e7a72c;}
    #portfolio .btn{ font-size: 15px; }
    #blog .btn{ font-size: 15px; }
    .aboutText01{text-align: center;}
    .tab-content{margin-top: 20px;}
    .aboutText01 p{line-height: 35px;}
    .tabBlock2 .zoom-wrap{margin-bottom: 15px;}
    #primary{max-width: 100% !important;}
    .postDtails .col-md-6{ max-width: 100%; }
    .aboutText01 span{font-weight: bold; color: #e7a72c; line-height: 29px;}
#mainNav.innerheader{/*ackground: #000;*/}
#mainNav.innerheader .navbar{    padding: 10px 0 10px 0;}
.page-id-49 .site-content{padding: 0;}
.page-id-49 #portfolio{padding: 0 0 50px 0;}
.readMoreBtn {display: block; width: 128px; background: #dc9e26; padding: 5px; text-align: center; color: #fff; margin: 20px 0; box-shadow: none !important; }
.has-sidebar:not(.error404) #primary{width: 70%;}
.has-sidebar #secondary{width: 25%;}
h2.widget-title{    font-size: 20px; margin-bottom: 2em; font-weight: 100; letter-spacing: 0; text-transform: capitalize; margin-bottom: 15px;}
.search-form .search-submit {bottom: 3px; padding: 0.5em 1em; position: absolute; right: 3px; top: 3px; background: transparent; color: #dc9e26; }
.search-form label{display: none;}
.heateor_sss_sharing_container{ padding: 20px 0; }
#secondary li{}
#secondary li a{line-height: 20px; box-shadow: none;    font-size: 16px; color: #dc9e26; padding: 10px 0; display: block;}
#secondary li a:hover{box-shadow: none;    color: #232020 !important;}
.entry-header .entry-title{ font-size: 22px;     min-height: 58px; }
.headerBlock{position: absolute; top: 0; width: 100%; margin-bottom: 40px; padding: 165px 0 90px 0; /*background:url('https://www.dineshseofreelancer.com/wp-content/uploads/2018/01/slider2-1-1.jpg') left -164px; background-size: 100%;*/ }
.headerBlock .page-title{margin: 0; padding: 0; letter-spacing: 0; text-align: center; color: #fff; font-size: 30px;    font-weight: 100;
    text-transform: capitalize;}
    .aboutText{text-align: center; margin: 70px 0 50px 0;}

    .aboutText p{ line-height: 35px; margin-bottom: 30px; }

    .aboutText p span{color: #e7a72c; font-weight: bold;}

    #experience{background-size: cover; text-align: center; background:url('../images/bg-block.png') left top no-repeat; padding: 50px 0;}

    #experience h2{ font-size: 40px; color: #fff; }

    #experience h2 span{color: #000;}

    #experience h3{color: #fff; margin-top: 100px; font-size:46px; position: relative;}

    #experience h3:after{height: 2px;background: #000; max-width: 200px; margin: 0 auto; content: ""; position: absolute; bottom: -5px;     width: 100%; left: 50%; margin-left: -100px;}

    .titmelineBlock{background:url('../images/white-space.png') left top no-repeat; padding:50px 20px;}

    #experience h3.timeline-title{color: #000; font-size: 25px;  margin:0 0 20px 0; }

    #experience h3.timeline-title:after{display: none; }

    #skills{background: #033971; padding: 50px 0 0 0;}

    #skills h3{ color: #fff; }

    #skills .progress{  height: 9px; border-radius: 0; }

    #skills .progress-bar{background: #f1af30;}

    #skills .progress{background: #fff;}

    #skills ul{padding: 0; margin-top: 30px;}

    #skills ul.nav-tabs{padding: 0; margin-top: 0px; width: 246px; background: #020303;}

    #skills ul.nav-tabs li{margin:0px; border-bottom: 1px solid #3c3b3b;}

    #skills li{ list-style: none; margin-bottom: 30px;}

    #skills li h5{ color: #fff; font-size: 18px; font-weight: 300; }

    #skills li h5 span{ font-size: 14px; float: right; }

    .whySeo{background:url('../images/why-seo.jpg') left top no-repeat; padding:50px 0;     background-size: cover; }

    .table td, .table th{     font-size: 15px; padding: 10px 5px;}

    .whySeo h2{ color: #fff; }

    .whySeo h2 + p{margin-bottom: 40px;}

    .whySeo .textBlock01 h2{ color: #fff; font-size: 23px; margin-bottom: 10px;}

    .whySeo p{ color: #fff; }

    .whySeo .imgBlock {width: 40px; float: left; margin: 0px 28px 0 0; }

    .whySeo .imgBlock .fa{ font-size: 40px; color:#efa619; }

    .whySeo .textBlock01 {float: left; width: calc( 100% - 70px); height:260px; }

    .tabBlock{background: #fff; padding: 50px 0; text-align: center;}

    .tabBlock h2{ color: #000; font-size: 42px; margin-bottom: 50px; }

    .tabBlock h2 span{ color: #efa619; }

    .tabBlock .tab-content{ min-height: 376px; box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 0px 23px rgba(0,0,0,0.20); padding: 30px;}

    .tabBlock .tab-content p{ margin-bottom: 30px; text-align: justify; }

    .status{ background-size: cover; background:url('../images/statush-bg.jpg') left top no-repeat; padding:65px 0;}

    .hireMe{background-size: cover; background:url('../images/hire-me.jpg') left top no-repeat; padding:40px 0; text-align: center;}

    .hireMe h2{ color: #fff; }

    .hireMe .btn-primary{border-width: 3px; font-size: 20px;}

    .subcribe{background-size: cover; background:url('../images/subscribe-bg.jpg') left top no-repeat; padding:40px 0; text-align: center; margin-top: 50px;}

    .subcribe .form-control{border-radius: 0; box-shadow: none; max-width: 400px; margin:0 auto; padding: 7px 22px; }

    .subcribe .form-inline{ max-width: 400px; margin:auto; }

    .subcribe .btn-primary{border-width: 0px; font-size: 20px; margin-top: 0; border-radius: 0;}

    .subcribe h2{ color: #fff; }

    #contact{background:url('../images/conact-bg.jpg') left top no-repeat;     background-size: cover; padding:50px 0 0 0; text-align: center; margin-top: 50px;}

    #contact .form-control{color: #ccc; border-color: #b8b8b8; background:rgba(0,0,0,0.5); border-radius: 0; box-shadow: none; max-width: 400px; margin:0 auto; padding: 7px 22px; }

    #contact .form-inline{}

    #contact .btn-primary{ cursor: pointer; float: right; border-width: 0px; font-size: 20px; margin-top: 0; border-radius: 0;}

    #contact h2{ color: #fff; }

    #contact p{ color: #fff; margin-bottom: 50px; }
    .text1{    color: #fff;
    padding: 20px 0;}
   .text3{
    padding: 20px 0;}
    #contact textarea.form-control{height: 184px; color: #fff; width: 100%; max-width: 100%; }

    #contact .address{background:rgba(0,0,0,0.5); border: 1px solid #b8b8b8; text-align: left; padding: 30px;}

    #contact .address h3{margin-bottom: 30px; font-size: 25px; color: #fff;}

    #contact .address p{margin-bottom: 20px; font-size: 19px;}

    #contact .address a{font-size: 19px; color:#fff;}
.addBlock2{font-size: 19px; color:#fff; margin-bottom:20px;}
    #contact .address i{ color: #f1a605; font-size: 25px; margin-right: 10px; }

    #contact .address .addBlock i{display: block; float: left; height: 54px; margin-right: 23px;} 

    .status .media-body h5{ color:#fff; font-size: 33px; }

    .status .media-body p, .status .media-body{ color:#fff; font-size: 16px; }

    .status .circle{ text-align: center; width: 93px; height: 93px;border-radius: 93px; border: 2px solid #fff; margin-right: 10px; position: relative;}

    .status .circle img{margin-top: 20px;  }

    /*portfolio*/

    #portfolio{ padding: 50px 0; }

    #portfolio h2{ font-size: 33px; color: #f1a605; }

    #portfolio .navBlock{margin-top: 40px;  max-width: 100%; text-align: center; background:url('../images/tab-bg.png') left top repeat-x;}

    #portfolio .navBlock .nav{ max-width: 800px; margin: 0 auto; text-align: center; }

    #portfolio .navBlock .nav li{display: inline-block; }

    #portfolio .nav-pills .nav-link{ font-size: 24px; color: #000; }

    #portfolio .nav-pills .nav-link.active, #portfolio .nav-pills .show>.nav-link{color:#fff; background: #fea100; border-radius: 0;}

    #portfolio .tab-content, .tabBlock2{ width: 100%; }

    #portfolio .tab-content .title{}

    #portfolio .tab-content .title h3{ font-size: 14px; padding-right: 10px; }

    #portfolio .tab-content .title h3 a{ font-size: 14px; color: #fff; line-height: 130px; text-align: right; display: block; }
    .zoom-wrap .btn {background: #3c3c3c; color: #fff !important;}
    .inlargeBtn {display: block; padding: 10px 0 3px 10px !important;  }
    .leftBlock{ width: 36%; display: inline-block; vertical-align: middle;}

    .rightBlock{ width: 62%;  display: inline-block; vertical-align: middle; }

    .rightBlock {height: 140px; position: relative; background: #fa9e27; }

    .rightBlock:after {content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 70px solid white; border-top: 70px solid transparent; border-bottom: 70px solid transparent; }

    .portfolioBlock{ border: 1px solid #fa9e27; padding: 5px; border-radius: 5px; }

    #faq {padding: 50px 0 50px 0; }

    #faq h3 {font-size: 33px; color: #070606; text-align: center; margin-bottom: 60px; position: relative; }

    #faq h3 span {color: #fa9e26; }

    #faq .panel-default > .panel-heading{background: #fbfbfb;}

    #faq .more-less {float: left; color: #fff; margin-right: 0; background: #f69b36; display: block; width: 26px; height: 26px; position: absolute; top: -1px; left: -1px; text-align: center; line-height: 26px;     font-size: 12px;}

    #faq .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #EEEEEE; font-size: 15px; color: #000; line-height: 25px; padding: 15px 25px; }

    #faq .panel-title > a {font-weight: bolder; display: block; padding: 4px 15px 3px 42px; text-decoration: none; position: relative; font-size: 16px; }

    /*tabs*/

    .nav-tabs--vertical {border-bottom: none; border-right: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }

    .nav-tabs--left {margin: 0 15px; }

    .nav-tabs--left .nav-item + .nav-item {margin-top: .25rem; }

    .nav-tabs--left .nav-link {white-space: nowrap; border-radius: 0; color: #fff;  padding:10px; }

    .nav-tabs--left .nav-link:hover, .nav-tabs--left .nav-link.active {

     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efa619+0,ffe1a6+100 */

     background: #efa619; /* Old browsers */

     background: -moz-linear-gradient(left, #efa619 0%, #ffe1a6 100%); /* FF3.6-15 */

     background: -webkit-linear-gradient(left, #efa619 0%,#ffe1a6 100%); /* Chrome10-25,Safari5.1-6 */

     background: linear-gradient(to right, #efa619 0%,#ffe1a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efa619', endColorstr='#ffe1a6',GradientType=1 ); /* IE6-9 */

 }

 #seoAudit p, #structure p, #code p, #contentseo p{text-align: justify;}


 #back-to-top {

    position: fixed;

    bottom: 40px;

    right: 40px;

    z-index: 9999;

    width: 32px;

    height: 32px;

    text-align: center;

    line-height: 30px;

    background: #dc9e26;

    color: #fff;

    cursor: pointer;

    border: 0;

    border-radius: 2px;

    text-decoration: none;

    transition: opacity 0.2s ease-out;

    opacity: 0;

}

#back-to-top:hover {

    background: #000;

}

#back-to-top.show {

    opacity: 1;

}

/*media query*/

div.wpcf7-mail-sent-ok{    border: 1px solid #398f14;    position: absolute;   top: -74px;    background: #2bab30;    color: white;}

#blog{}

#blog .card{padding: 85px 10px 20px 10px; text-align: center; box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 0px 23px rgba(0,0,0,0.20);}

#blog .dateBlock{ width: 110px; height: 110px; background: #f69b36; border: 3px solid #ffcc93; border-radius: 110px;  position: absolute; left: 50%; margin-left: -55px; top: -50px; color: #fff; padding-top: 40px; font-size: 19px; }
#blog .dateBlock + p{ display: none; }
#blog .card h3{line-height: 30px; color:#d97303; font-size: 19px; margin-bottom: 30px; padding: 0;}

#blog h3 span{color: #e0a025}

#blog .textBlock{margin-bottom: 100px; text-align: center;}

#blog .card a{color:#d97303; font-size: 17px; text-transform: uppercase;}

footer{ background: #000; padding: 20px 0; text-align: center; }

footer .socialIcons{ margin:0; padding: 0 0 20px 0;  }

footer .socialIcons li{display: inline-block; margin-right: 10px; width: 40px; height: 40px; border: 2px solid #f29841; border-radius: 40px; line-height: 35px; color:#fff;}

footer .socialIcons li a{ font-size: 15px; color: #f29841; }

.nav-tabs--left .nav-link.active:hover {background-color: #fff; border-color: #0275d8 #fff #0275d8 #0275d8; }

.panel-group .panel { margin-top: 20px; border-radius: 0; box-shadow: none; border-color: #EEEEEE; }

.panel-default > .panel-heading {padding: 0; border-radius: 0; color: #212121; background-color: #FAFAFA; border-color: #EEEEEE; }

.panel-title {font-size: 14px; }

.panel-title > a {display: block; padding: 15px; font-size: 16px; color: #0a0909; text-decoration: none; }

.panel-default > .panel-heading + .panel-collapse > .panel-body{ color: #fff; padding: 20px 0; }

.more-less {float: right; color: #212121; }

.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #EEEEEE; }

.timeline {line-height: 1.4em; list-style: none; margin: 0; padding: 0; width: 100%; }

.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {line-height: inherit; }

/*----- TIMELINE ITEM -----*/

.timeline-item {padding-left: 40px; position: relative; }

.timeline-item:last-child {padding-bottom: 0; }

/*----- TIMELINE INFO -----*/

.timeline-info {font-size: 12px; font-weight: 700; letter-spacing: 3px; margin: 0 0 .5em 0; text-transform: uppercase; white-space: nowrap; }

/*----- TIMELINE MARKER -----*/

.timeline-marker {position: absolute; top: 0; bottom: 0; left: 0; width: 15px; }

.timeline-marker:before {background: #eca823; border: 3px solid transparent; border-radius: 100%; content: ""; display: block; height: 15px; position: absolute; top: 4px; left: 0; width: 15px; transition: background 0.3s ease-in-out, border 0.3s ease-in-out; }

.timeline-marker:after {content: ""; width: 3px; background: #CCD5DB; display: block; position: absolute; top: 24px; bottom: 0; left: 6px; }

.timeline-item:last-child .timeline-marker:after {content: none; }

.timeline-item:not(.period):hover .timeline-marker:before {background: transparent; border: 3px solid #eca823; }



/*----- TIMELINE CONTENT -----*/

.timeline-content {padding-bottom: 40px; } 

.timeline-content p:last-child {margin-bottom: 0; }



/*----- TIMELINE PERIOD -----*/

.period {padding: 0; }

.period .timeline-info {display: none; }

.period .timeline-marker:before {background: transparent; content: ""; width: 15px; height: auto; border: none; border-radius: 0; top: 0; bottom: 30px; position: absolute; border-top: 3px solid #CCD5DB; border-bottom: 3px solid #CCD5DB; }

.period .timeline-marker:after {content: ""; height: 32px; top: auto; } 

.period .timeline-content {padding: 40px 0 70px; } 

.period .timeline-title {margin: 0; }

.wpcr3_review {
    background: #eee;
    padding: 40px 10px 0;
    display: inline-block;
    width: 47%;
    vertical-align: top;
    margin: 1%;
    min-height: 290px;
}
div.wpcr3_dotline, div.wpcr3_review div.wpcr3_dotline {
    display: block !important;
    border-bottom: 1px dotted #ccc !important;
    margin-bottom: 10px !important;
    clear: both !important;
    display: none !important;
}
/*----------------------------------------------

    MOD: TIMELINE SPLIT

    ----------------------------------------------*/

    @media (min-width: 768px) {

    	.timeline-split .timeline, .timeline-centered .timeline {

    		display: table;

    	}

    	.timeline-split .timeline-item, .timeline-centered .timeline-item {

    		display: table-row;

    		padding: 0;

    	}

    	.timeline-split .timeline-info, .timeline-centered .timeline-info,

    	.timeline-split .timeline-marker,

    	.timeline-centered .timeline-marker,

    	.timeline-split .timeline-content,

    	.timeline-centered .timeline-content,

    	.timeline-split .period .timeline-info,

    	.timeline-centered .period .timeline-info {

    		display: table-cell;

    		vertical-align: top;

    	}

    	.timeline-split .timeline-marker, .timeline-centered .timeline-marker {

    		position: relative;

    	}

    	.timeline-split .timeline-content, .timeline-centered .timeline-content {

    		padding-left: 30px;

    	}

    	.timeline-split .timeline-info, .timeline-centered .timeline-info {

    		padding-right: 30px;

    	}

    	.timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {

    		position: relative;

    		left: -45px;

    	}

    }

    @media (min-width: 576px){
        .modal-dialog {
            max-width: 600px;
            margin: 30px auto;
        }
    }

/*----------------------------------------------

    MOD: TIMELINE CENTERED

    ----------------------------------------------*/

    @media (min-width: 992px) {

    	.timeline-centered,

    	.timeline-centered .timeline-item,

    	.timeline-centered .timeline-info,

    	.timeline-centered .timeline-marker,

    	.timeline-centered .timeline-content {

    		display: block;

    		margin: 0;

    		padding: 0;

    	}

    	.timeline-centered .timeline-item {

    		padding-bottom: 40px;

    		overflow: hidden;

    	}

    	.timeline-centered .timeline-marker {

    		position: absolute;

    		left: 50%;

    		margin-left: -7.5px;

    	}

    	.timeline-centered .timeline-info,

    	.timeline-centered .timeline-content {

    		width: 50%;

    	}

    	.timeline-centered > .timeline-item:nth-child(odd) .timeline-info {

    		float: left;

    		text-align: right;

    		padding-right: 30px;

    	}

    	.timeline-centered > .timeline-item:nth-child(odd) .timeline-content {

    		float: right;

    		text-align: left;

    		padding-left: 30px;

    	}

    	.timeline-centered > .timeline-item:nth-child(even) .timeline-info {

    		float: right;

    		text-align: left;

    		padding-left: 30px;

    	}

    	.timeline-centered > .timeline-item:nth-child(even) .timeline-content {

    		float: left;

    		text-align: right;

    		padding-right: 30px;

    	}

    	.timeline-centered > .timeline-item.period .timeline-content {

    		float: none;

    		padding: 0;

    		width: 100%;

    		text-align: center;

    	}

    	.timeline-centered .timeline-item.period {

    		padding: 50px 0 90px;

    	}

    	.timeline-centered .period .timeline-marker:after {

    		height: 30px;

    		bottom: 0;

    		top: auto;

    	}

    	.timeline-centered .period .timeline-title {

    		left: auto;

    	}

    }



/*----------------------------------------------

    MOD: MARKER OUTLINE

    ----------------------------------------------*/

    .marker-outline .timeline-marker:before {

    	background: transparent;

    	border-color: #eca823;

    }

    .marker-outline .timeline-item:hover .timeline-marker:before {

    	background: #eca823;

    }
    /*google review css*/
    .wpcr3_respond_1, .wpcr3_respond_2{    padding: 33px !important; }
    .wpcr3_button_1{    margin-top: 20px; background: #dc9e26; color: #fff; border: 3px solid #fff; font-size: 16px; text-transform: uppercase; padding: 5px 30px;}
    
    .wpcr3_button_1:hover{background: #af770b;}
    div.wpcr3_aggregateRating{ font-size: 20px; }
    div.wpcr3_review div.wpcr3_review_datePublished{ font-size: 14px; font-style: normal; }
    div.wpcr3_review div.wpcr3_review_author {font-size: 14px; font-style: normal; }
    div.wpcr3_review blockquote.wpcr3_content p {font-size: 14px; font-weight: normal; display: inline !important; font-style: normal; }
    div.wpcf7-validation-errors {border: 2px solid #ff1302; position: absolute; top: -80px; color: red; padding: 5px; }
    /*google review css*/
    @media(max-width:1600px){

    	/*.banner{ height: auto; }*/

    }
    @media(max-width:992px){
        .wpcr3_review {
    width: 98%;
    margin: 1% 0;
    vertical-align: top;
}
        
        
        .headerBlock .page-title{ font-size: 18px; }
        .status .media{margin-bottom: 20px;}

        .status{background-size:cover; }

        #blog .card{margin-bottom: 60px;}

        #contact .form-control{ max-width: 100%; }

        .address{ margin-bottom: 30px; }

        #portfolio .nav-pills .nav-link{ font-size: 20px; }

        .contactBlock .number span {	font-size: 15px;}

        .contactBlock .phoneIcon{ font-size: 25px; }

        .contactBlock .number{ font-size: 20px; }

        #navbarCollapse{background: #000; padding: 20px;}

        #navbarCollapse li{border-bottom: 1px solid #ddd; }

        .banner h1{ font-size: 40px; margin-bottom: 30px; }

        .btn-primary{ font-size: 25px; border-width: 4px; }

        .navbar .navbar-nav .nav-link{ padding: 5px; }

        .aboutImg{margin: 20px auto;}

        .aboutText01 img{ display: none; }

        .whySeo .textBlock01{ height: auto; }

        #skills ul.nav-tabs{ width: 148px; }

        .nav-tabs--left .nav-link{ font-size: 15px; }

        .tabBlock .tab-content{ overflow:auto; height: 400px;  }

    }



    @media(max-width:767px){
        #about .aboutText h2{ font-size: 26px; }
        div.heateor_sss_bottom_sharing, div.heateor_sss_mobile_footer{ display: none !important; }
        .headerBlock{    padding: 114px 0 0 0;}
        .has-sidebar:not(.error404) #primary{ width: 100%; }
        .has-sidebar #secondary {width: 100%; }
        #portfolio .tab-content .title h3{line-height: 24px; margin: 0; text-align: center;}
        .rightBlock:after{display: none;}
        .leftBlock{ width: 100%; height: auto; text-align: center; } .rightBlock{ width: 100%; height: auto; }
        #portfolio .tab-content .title h3 a{    line-height: 24px; text-align: center; display: inline-block;}
        .banner h1{ font-size: 25px; margin: 100px 0 50px 0; }
        .bannerInner{ height: 250px; }
        .contactBlock{ display: none; }
        .container{ max-width: 98%; }

        .aboutImg{ width: 300px; height: 300px; border-width: 10px; }

        #skills ul.nav-tabs{ width: 100%; margin:0 0 20px 0;  }



    }

    @media(max-width:480px){
        .site-footer .wrap{padding: 0;}
        .navbar-brand img{ width: 138px; }
        .banner h1{ font-size: 25px; margin: 150px 0 50px 0;  display: none;}

        .banner .btn{ margin-top: 100px; font-size: 16px;}

        .status .media{ margin-bottom: 30px; }

        #portfolio .navBlock .nav li{ width: 100%; }

        #portfolio .navBlock{ background:none; }

        .portfolioBlock{ margin-bottom: 10px; }

        .subcribe h2{ font-size: 20px; }

        .subcribe{ padding: 20px 0; }

        .form-group { width: 100%; }

        .subcribe .btn-primary{ margin:0 auto;  }

        .whySeo .imgBlock{ display: none; }

        .whySeo .textBlock01{ width: 100%; }

        #contact .address a{ font-size: 13px; }

        #contact .address p{ font-size: 13px; }

        #contact .address h3{ font-size: 18px; }
        .entry-header .entry-title{ font-size: 20px;         }
        h2{    font-size: 20px; margin-bottom: 10px; }
        .h3, h3 {
            font-size: 18px;margin-bottom: 10px !important;
        }
        #experience h2{ font-size: 30px; }

        #experience h3{ font-size: 30px; }

        #experience h3.timeline-title{ font-size: 20px; }

        .titmelineBlock{background: #fff;}

        #experience{background-size:cover; }

        .tabBlock h2{ font-size: 28px; }

        .hireMe h2{ font-size: 21px; margin-bottom: 0; }

    }

    h5{letter-spacing: 0;}

    .site-footer{margin-top: 0; border-top: 0;}

    .widget ul li a:hover{ color: #fff !important; }

    .site-info{ width: 100%;    color: #6d6b6b; }

    footer .widget{padding-bottom: 0;}

    .site-footer .widget-column.footer-widget-1{ width: 100%; float: none; }

    .site-footer .widget-area{ padding: 0; }

    .widget ul li, .widget ol li{ padding: 0; }

    .entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a{ box-shadow: none; }