.js-toggle-right-slidebar,.mobile-logo,.moblile-banner,.left-img-mobile,.as_buton_box br,.mobile-text,.m-logo, .mobile-view,header ul li.menu,.click-tab, #inner-banner.banner_content.articles .mediun,.res-manu,.back-btn, #inner-banner .left_contant p br,.charities-content br,#fragment-1 br.space{display: none;}
.left-img {
    left: 72px;
    position: absolute;
    top: 20px;width: 56%;
}

@media only screen and (max-width : 1200px) {
    .articles_by h2{ font-size: 43px;}
    .middle_contant,.m_contant{max-width: 1170px; width: 100%; box-sizing: border-box; padding-left: 0px; padding-right: 0px;}
    .top_banner h1{font-size: 66px; line-height: 74px; padding-bottom: 35px;}
    .top_banner{font-size: 18px;}
    .after_the_story .as_right_contant{width: 55%;}
    .as_right_contant h2{font-size: 46px; line-height: 52px;}
    .as_right_contant dfn, .as_right_contant .as_text{ font-size: 21px;}
    .as_buton_box{ margin-left: -157px;}
    .a_full h3{font-size: 18px;}
    .middle_container .btn{font-size: 15px;}
    .about_vince h2{font-size: 46px;}
    .speeches .btn{ padding: 7px 29px;}
    .speeches_left_text p{font-size: 17px;}
    footer h2{font-size: 33px;}
    footer h3{font-size: 22px;}
    .after_the_story{overflow: hidden; padding-bottom: 15px;}
    .speeches h2{font-size: 41px; line-height: 47px;}
    .speeches_left_text{width: 54%;}
    #inner-banner.banner_content{ margin-top: 0px;}
    .top_banner #inner-banner h1{ font-size: 70px;}
    .dancing-video{width:59.3%;}
    .dancing-img{width: 40.5%;}
    .charities-box-img{width:70%;}
    .charities-logos{width: 28%;}
    .charities-video,.about-img{width:59.2%;}
    .charities-img{width: 37.5%;}
    .lDemocrats-img{width:65%;}
    .lDemocrats-content-sidebar{width: 31%;}
    .about-portrait-content{width: 55%;}
    .about-portrait-img{width: 40%;}
    .tabs-container p{font-size: 22px; line-height: 34px;}
    .testimonials blockquote{font-size: 14px; line-height: 21px;}
    .tabs-container h3{font-size: 32px;}
    .tabs-container .right-des p{font-size: 20px;}
    .tabs-container .para p, .keys li{font-size: 15px;}
    .tabs-container h2{font-size: 49px;}
    .bottom-part{min-width: 870px;}
    .title-upper h4{font-size: 14px;}
    #filters li span{font-size: 26px;}
    .book-description{width: 161px;}
    .books .book-img{width: 80px;}
    .books h2{font-size: 42px;}
     .after_the_story{margin: 0 10px;}
}

@media only screen and (max-width : 1023px) {
    #main_wrapper #article-wrapper{min-height: 0px;}
   
    .left-img {
    left: 23px;
    position: absolute;
    top: 20px;
    width: 52%;
}
    .top_banner h1{font-size: 26px; line-height: 30px; margin:-25px 0 25px; padding-bottom: 20px;}
    .top_banner h1 span{padding-left: 90px; }
    .top_banner{font-size: 16px;}
    .as_right_contant_wrap{background-size: 56%;}
    .as_right_contant h2 {
    font-size: 35px;
    line-height: 44px; margin-left: 61px;
}
    .as_right_contant dfn, .as_right_contant .as_text{ margin-left: 61px; font-size: 19px; line-height: 28px;}  
    .as_buton_box {
    margin-left: -84%;
}
    .after_three_box .box{width: 29%;}
    .after_three_box .vincent{width: 42%; padding: 0 15px;}
    .middle_container .btn {
    font-size: 12px;
}
    .a_full h3 {
    font-size: 13px; margin-top: 4px;
}
    .about_vince h2,.articles_by h2{font-size: 36px;}
    .about_right_text{width: 43%;}
    .about_right_text p,.articles_by p,footer h3{font-size: 16px;}
    .speeches h2 {
    font-size: 35px;
    line-height: 40px;
}
    .speeches .btn {
    padding: 7px 15px;
}
    .speeches_left_text {
    width: 58%;
}
    .speeches_left_text p {
    font-size: 15px;
}
    .mediun p,.bottom-part h4{font-size: 21px;}
    footer h2{font-size: 22px; line-height: 26px;}
    .copy_right{font-size: 12px;}
    .charities-logos ul li{margin-bottom: 47px;}
    .lDemocrats-img {
    width: 100%;max-width: 100%; margin-bottom: 30px;
}
    .lDemocrats-content-sidebar{width: 100%; max-width: 100%;}
    .about-portrait p {
    font-size: 14px;
    line-height: 24px;
}
    .bottom-part{min-width: 100%; width: 120%;}
    .tabs-container h3{font-size: 28px;}
    .tabs-nav a{font-size: 15px;}
    .tabs-container p {
    font-size: 18px;
    line-height: 31px;
}
    .testimonials blockquote {
    font-size: 13px; left: 40px;width: 63%; padding-top: 41px;
    line-height: 19px;
}
    .testimonials blockquote::before{background-size: 40px;}
    .full-list{white-space: nowrap;}
    .tabs-nav{margin-left: 17px; }
    .tabs-container{width: 72%;}
    .tabs-container .para p, .keys li {
    font-size: 14px;
}
    .tabs-container h2{font-size: 34px;}
    header ul li{font-size: 14px;}
    header ul li a{ padding: 5px 7px 6px;}
    .top_banner #inner-banner h1{font-size: 56px; top: -72px;}
    .logo{width: 14%;}
    .book-description {
    width: 116px;
}
    .books .book-img {
    width: 59px;
}
    #inner-banner.articles .left_contant p{line-height: 40px; font-size: 18px;}
    .book-description h4,.book-description dfn{font-size: 12px; line-height: 18px;}
    .container{width: 100%;}
    .middle_container a.text-title{font-size: 11px; margin-top: 2px;}
    .http{font-size: 10px; line-height: 18px;}
    .portfolio .text-category{width: 39%;}
    #filters li span {
    font-size: 20px;
}
    .top_banner h1 span {
    padding-left: 39px;
}
    header ul{margin: 23px 0 0 0;}
    #inner-banner .left_contant{ padding: 40px 27px 30px;}
    #main_wrapper .m_contant {
    padding: 0 35px 45px;
}
    #main_wrapper-publications .middle_container a.button{font-size:11px; line-height: 28px;}
}

@media only screen and (max-width : 767px) {
    .charities-content br,#fragment-1 br.space{display: block; margin: 12px 0;}
    .charities-content br.none{display: block;}
    .watch-now,.dancing-video a:hover div.watch-now{display: none;}
    .dancing-video a div.watch-now span{font-size: 23px;}
    .dancing, .charities{margin-top: 40px;}
    #inner-banner .left_contant p br{display: block; margin:13px 0;}
    .space{ display: block;
    margin-top: 25px;}
     .mediun{height: auto;}
    .after_the_story{margin:0px;}
    .books ul li{min-height: 204px;}
    .e-books ul li{min-height: 0px;}
    #main_wrapper-publications #inner-banner.articles .left_contant{padding: 0px;}
    .books h2{padding: 0px;}
    .books {
    padding-left: 6%; padding-right: 6%;
}
    .books ul li{margin-bottom: 35px;}
    #main_wrapper-publications .after_the_story{padding-bottom: 0px;}
    #main_wrapper-publications .middle_container a.button {
    font-size: 13px;
    line-height: 30px;
}
    .books .book-img {
    width: 27%;
}
    .book-description {
    width: 66%;
}
    .book-description h4{font-size: 16px; line-height: normal; margin-top: 1px;}
    .book-description dfn{font-size: 12px; line-height: normal;}
    #main_wrapper-publications .top_banner h1{display: block; left: 20px;}
    .middle_container a.text-title.download{ color: #fff; background: #bf1007;}
    .back-btn{display: block; clear: both; text-align: right; padding-top: 40px;}
    .back-btn a{display: inline-block;}
    #portfoliolist .portfolio{min-height: 0px;}
    .title-upper h4 {
    font-size: 18px;
}
    .http{display: none;}
	
	.middle_container #portfoliolist a.text-title{  padding: 0px 20px; line-height:30px; }
    .middle_container a.text-title{ background: #537aca; border-radius: 45px; color: #fff; font-size: 15px; padding: 5px 25px; display: inline-block; text-decoration: none; margin-top: -3px;}
    .portfolio img{width: 40%;}
    .title-upper{position: absolute; right: 0px;width: 52%;}
    #filters{ border-bottom: none; display: none;}
    #article-wrapper .click-tab { margin-bottom: 30px;}
    #article-wrapper .click-tab span{ line-height: 40px; padding: 12px 0 0px 9px;}
    #filters li span{font-size: 25px; color: #1d3d78; padding-left: 24px; padding-right: 20px; margin: 0px;}
    #filters li{float: none; background: #f4f4f4;}
    #filters li span.active{  padding-left: 20px; padding-right: 20px;border-bottom: none; border-left: 2px solid #e3c98f; margin: 0px; background: #fff; font-weight: normal; }
    #portfoliolist .portfolio,.books ul li{width: 98%;}
    .mediun .top_text{width: 87%; padding: 0 0 0 10px; }
    .article-wrapper-bg{background: #fff;}
   #inner-banner.banner_content.articles .mediun .mlogo{left: auto; right: 12px;}
    #inner-banner.banner_content.articles .button-m{display: none;}
    #inner-banner.articles .left_contant p{color: #000;line-height: 31px;}
    #inner-banner.banner_content.articles .mediun{display: block; padding-right: 15px; background-position: center 0px; height: auto; min-height: 300px; margin-top: 10px;} 
    #inner-banner.banner_content.articles .mediun .btn{display: block;text-align: center; line-height: 35px; border-radius: 45px; background: #198464; color: #fff; border: none; float: none; margin: 0 auto; width: 250px; }
    .click-tab  span {
    display: inline-block;   
    padding-right: 53px;
}
    .testimonials .mobile-view img{width: 100%;}
    .tabs-container p.full-list{text-align: center; margin-bottom: 10px;}
    .full-list span{display: block; text-align: center; padding-top: 10px;}
    .bottom-part{ box-sizing: border-box; width: auto; margin-left: -35px; margin-right: -35px;}
    .tabs-container .para p, .keys li {
    font-size: 16px; line-height: 24px;
}
    .tabs-container h3 br{display: none;}
    .tabs-container h3{ font-size: 40px;}
    .testimonials{border: none; padding-top: 0px;}
    .testimonials blockquote::before{left: 31px; top: 27px;}
    .testimonials{ margin-left: -35px; margin-right: -35px;}
    .testimonials blockquote{margin-top: 4px; background: #ab6c18; font-size: 21px;width: 100%; padding: 60px 20px 20px; line-height: 28px; box-sizing: border-box;position: relative; left: auto; top: auto;}
   .tabs-nav a{ font-size: 25px; line-height: 55px;}
    #main_wrapper-speeches .m_contant{ padding-top: 0px;}
    .right-des{display: none;}
   #main_wrapper-speeches #inner-banner.articles .left_contant{ padding-top: 0px;}
    .tabs-nav{width: 85%; display: none;}
    #container-1{margin-top: 0px;}
    #fragment-1{ padding-top: 56px;width: 100%;}
    .tabs-nav li{margin-bottom: 0px;}
    
	
	.click-tab{
		color: #172c65; font-size: 16px; font-weight: normal; line-height: 42px; width: 100%; height: 43px;
		 background: #fafafa  url(../images/speeches_tab-bg.png) right top no-repeat; padding:0 26px; 
		 box-sizing:border-box; display: block;cursor: pointer;
		  position: relative; z-index: 99999; 
	  }
	  
	  .click-tab{ } 
	  
	  
	  .click-tab:after{
		  border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 8px solid #e5ca95;
		bottom: -8px;
		content: "";
		height: 0;
		left: auto;
		position: absolute;
		right: 14px;
		width: 0;
		z-index: 99;
	  }
	  
	  
    .solial-links{display: none;}
    #main_wrapper-speeches .top_banner h1{display: block; left: 20px;}
   header ul li.menu {
    background: #244279;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    height: 65px;
    line-height: 64px;
    padding: 0 0 0 26px;
    text-transform: uppercase;
       display: block;
}
    header ul{
    background: #fff none repeat scroll 0 0;
    margin-top: 0;
    width: 65%; float: right;
}
   .res-manu {
    display: block;
    float: left;
    width: 100%;
	 margin:0; 
    height:52px; 
    position:absolute; 
    z-index:1;
}
.responsive_m {
	 display:block;
	 width:100%;
	 z-index:999999; 
	 position:fixed; 
	 right:-100%;
	 margin-right:0; 
	 top:0;
	 height:100%;
    background: rgba(0,0,0,0.7);
    overflow: auto;
}

.navbar-toggle {
	background: none;
	width:auto;
	height:auto;
	display:block;
	position: relative;
	float:right;
	z-index:1; 
	top:13px; 
	right:17px; 
	padding:0; 
	border-radius:0px;
	border:none;}
	
	
.navbar-toggle .icon-bar {
	display: block;
	height:4px;
    width:34px;
	background:#fff;
    margin-bottom: 4px;
	/*transition: all 1s ease 0s; */
    	
}
 header .close {
     background: url(../images/close_icon1.png) right center no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    vertical-align: middle;
    width: 34px;
}
 
    
    
    
    .lDemocrats-content{ border-top: none; margin-top: 0px; padding-top: 0px;}
    .charities-video img, .about-img img{width: 100%;}
    .desktop-view{display: none;}
    .mobile-view{display: block;}
    .charities-box-img,.charities-logos,.about-portrait-content,.about-portrait-img{width: 100%; margin: 0px 0 20px; max-width: 100%;}
    .about-portrait-img{ float: none; text-align: center;}
    .about-portrait-img img{display: inline-block;}
    .charities-logos{ padding: 0 40px; box-sizing: border-box; margin-bottom: 40px;}
    .charities-img{ width: 100%;}
    .charities-img img{width: 47.3%; float: left;}
    .charities-img img + img{width: 52.7%; border-left: 2px solid #fff; box-sizing: border-box;}
    .charities-box-img img{ border-bottom: 2px solid #fff;}
    .lDemocrats-content ul{ text-align: center; padding: 0 10px;}
    .about-portrait{ margin-top: 0px; padding-bottom: 50px;}
    .lDemocrats-img .des{ border-bottom: none;}
    .lDemocrats-content ul img{display: inline-block;}
    h2.title,.charities-content p,.lDemocrats-content-sidebar p{ padding-left: 20px; padding-right: 20px;}
    .dancing-video,.dancing-img,.charities-video, .about-img{max-width: 100%; width: 100%;}
    .dancing-img img{width: 100%;}
    .about-content{ padding-left: 30px; padding-right: 30px;}
    .charities-video, .about-img{ width: 100%; margin-right: 0px; float: none; margin-bottom: 40px;}
    .about-us-content{ padding-top: 0px; border: none;}
    #main_wrapper .middle_container .m_contant{ padding-left: 0px; padding-right: 0px;}
   #main_wrapper .top_banner h1{display: block; font-size: 54px; left: 20px;}
    .logo {
    position: absolute;
    top: 0;
    width: 14%;
     padding: 5px 8px;display: none;
}
    .m-logo{ display: block; width: 45%;top: 12px; z-index: 9;}
    .left-img{width: 100%;}
    footer ul li{ border:none;}
    header{position: static;}
    .desktop-text{display: none;}
    footer h2 {
    float: none;
    font-size: 46px;
    line-height: 48px;
    margin: 0 auto;
    width: 190px;
    padding-bottom: 35px;
}
    
    .middle_container .articles_left_text .btn{ margin-top: 40px; padding: 15px 0;}
    .f_right_text{ border-top: 4px solid #a5a3b8; padding-top:17px;}
    .mediun .top_text{min-height: 142px;}
    .articles_by{background: url(../images/articles_by_bg-mobile.png) center top no-repeat; padding: 40px 33px 70px; min-height: 0px; margin-bottom: 5px; background-size: cover;}
    .about_right_text,.articles_left_text{width: 100%;}
    .about_vince{ background: #182553; padding: 40px 39px 60px; min-height: 0px; overflow: hidden; margin-bottom: 5px;}
    .middle_container .btn{text-align: center;padding: 10px 0; border-radius: 45px; float: none; margin: 0 auto; width: 300px; font-size: 18px; display: block;} 
    .as_buton_box a.amazone,.as_buton_box a.waterstone,.as_buton_box a.atlanticbook{width: 275px; height: 46px; margin-bottom: 10px;}
    .as_buton_box br{display: block;}
    .middle_container .about_right_text .btn{ margin-top: 38px;}
    .about_right_text p, .articles_by p, footer h3{font-size: 20px; line-height: 30px;}
    .as_right_contant dfn, .as_right_contant .as_text{margin: 0px 20px; font-size: 20px; line-height: 30px;}
    .as_right_contant .as_text{margin-top: 25px;}
    .a_full h3{font-size: 19px; text-align: left; float: none;}
    .middle_container .a_full .btn{ border-radius: 40px; width: auto;float: none; display: inline-block; margin-top: 45px; font-size: 18px; line-height: 30px; padding: 8px 25px; }
    .a_full{text-align: center;}
    .speeches{background: url(../images/speeches_bg-mobile.png) center top no-repeat; background-size: cover; padding: 36px 30px;}
    .middle_container .speeches_left_text .btn{width: 220px; padding: 10px 26px;box-sizing: border-box;}
    .speeches_left_text p{font-size: 20px; line-height: 32px;}
    .as_buton_box{margin: 16px 0 0 0; text-align: center;}
     .as_right_contant dfn{ margin-top: -20px;}
    .left-img-desktop,.after_three_box .box,.f_right_text p{display: none;}
    .after_the_story .as_right_contant{ margin-bottom: 33px;}
    .after_three_box{ margin-bottom: 45px;}
    .left-img-mobile{display: block;}
    .as_right_contant h2 br,.speeches h2 span,.articles_by h2 span{display: none;}
    .speeches_left_text{width: 100%;}
    .speeches_left_text p{width: 58%;}
    .left-img{position: static;}
    .after_the_story{ padding: 30px 20px 64px; margin-bottom: 5px;}
    .as_right_contant h2{margin: 0px 0 20px; text-align: center; font-size: 45px;}
    .top_banner {
    font-size: 22px; margin-top: 72px;
}
    .contact_me p {
    font-size: 16px;
}
    footer h2 span{ padding-left: 45px;}
     .mobile-text,.mobile-text p{display: block; font-size: 16px; line-height: 28px; border: none;}
    .social_media{border-top: 4px solid #a5a3b8; padding-top: 40px; margin-top: 10px; margin-bottom: 20px;}
    footer .middle_contant{ padding:36px 5px 26px; background: #1f1a4e;}
    footer h3{display: none;}
    footer h3{ font-size: 30px; margin-bottom: 20px;}
    .copy_right {
        border-top: 4px solid #a5a3b8; 
    font-size: 16px; text-align: left; line-height: 28px; padding-top: 35px; margin: 0 25px; padding-left: 0px; padding-right: 0px;
}
    footer ul li.contact_me h3{ border-top: 4px solid #a5a3b8; padding-top: 31px;}
    footer .btn{ border-radius: 50px;
    display: block;
    font-size: 18px; display: inline-block; margin:15px 0 30px; padding: 13px 33px;}
    footer ul li.contact_me{ text-align: center;}
    footer ul li.contact_me p,footer ul li.contact_me h3{ text-align: left;display: block;}
    .social_media ul li{width: auto;}
    .middle_container{margin: 0px;}
    .m_contant{padding-top: 5px; padding-bottom: 0px;}
    footer ul li.former,footer ul li.contact_me,.f_right_text,footer ul li{width: 100%; box-sizing: border-box;}
    .top_banner .left_contant{width: 100%; padding:30px 35px; box-sizing: border-box;}
    .desktop-banner{display: none;}
    .moblile-banner{display: block;}
    .moblile-banner img,.after_the_story .as_right_contant,.speeches,.mediun{width: 100%;}
    .speeches,.mediun{box-sizing: border-box; min-height: 0px;}
    .mediun{ margin: 50px 3%; width: 94%; min-height: 412px; position: relative; background-position: center 55px;}
    .middle_container .mediun .btn{width: 265px; padding:11px 29px; border-radius: 26px; box-sizing: border-box;}
    .mediun .mlogo{position: absolute; left:auto; bottom: 19px;width: 36%;right: 12px;}
    .banner_contant{position: static; background: #baaadd;}
    .js-toggle-right-slidebar,.mobile-logo{display: block;}
    header ul{margin: 0px;}
    header ul li{margin: 0px; padding: 0px;}
    header ul li a{padding: 12px 22px 12px; font-size: 18px; color: #000; border-bottom: 1px solid #ccc;border-radius: 0px;}
    header ul li.latest_vince a{ background: none; font-weight: normal;}
    header ul li a:hover, header ul li.active a{ background: #e3c98f;  color: #000;}
    .home header .js-toggle-right-slidebar span{display: none;}
    .home header,header{z-index: 999999; background: #244279;height: 72px; border-bottom: 5px solid #fff;position: fixed; top: 0px; left: 0px; }
    header{ padding: 10px 0; box-sizing: border-box;}
    header.stick{background: rgba(36,66,121,0.7);}
    
    header{ border-bottom: 4px solid #e3c98f;}
    header .js-toggle-right-slidebar{ float: right; width: auto;margin:10px 10px 0 0;}
    .mobile-logo{position: absolute; top: 5px; left: 25px; z-index: 9999;}
    .mobile-logo h1{color: #fff; font-size: 37px;}
    .top_banner h1{display: none;}
    html, body{height: 100%; width: 100%;}
    .js-toggle-right-slidebar{border: none;  padding: 10px 20px; background:#244279 url(../images/menu-bg.jpg) right center no-repeat; width: 100%;}
    .js-toggle-right-slidebar{position: relative; z-index: 99999; font-size: 15px; color: #fff; text-transform: uppercase;}
    header ul li{float: none;}
[canvas=container],
[off-canvas] {
    padding: 0px;
}

[class*=js-] {
    cursor: pointer;
}
    
    
    [canvas=container] {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	position: relative;
	background-color: white; /* Basic background color, overwrite this in your own css. */
	-webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}

[canvas=container]:before, [canvas=container]:after {
	clear: both;
	content: '';
	display: table;
}

/**
 * Off-Canavs
 */

[off-canvas] {
	display: none;
	position: absolute;
	overflow: hidden;
	overflow-y: auto;
	background-color: #fff; /* Basic background color, overwrite this in your own css. */
	color: white; /* Basic colors, overwrite this in your own css. */
	-webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}

[off-canvas*=top] {
	width: 100%;
	height: 255px;
	top: 0;
}

[off-canvas*=right] {
	width: 65%;
	height: 100%;
	top: 67px;
	right: 0;
}

[off-canvas*=bottom] {
	width: 100%;
	height: 255px;
	bottom: 0;
}

[off-canvas*=left] {
	width: 255px;
	height: 100%;
	top: 0;
	left: 0;
}

[off-canvas*=reveal] {
	z-index: 0;
}

[off-canvas*=push] {
	z-index: 1;
}

[off-canvas*=overlay] {
	z-index: 9999;
}

[off-canvas*=shift] {
	z-index: 9;
}

/**
 * Animation
 */

[canvas], [off-canvas] {
	-webkit-transform: translate( 0px, 0px );
	    -ms-transform: translate( 0px, 0px );
	        transform: translate( 0px, 0px );
	-webkit-transition: -webkit-transform 300ms;
	        transition:         transform 300ms;
	-webkit-backface-visibility: hidden; /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */
}

[off-canvas*=shift][off-canvas*=top] {
	-webkit-transform: translate( 0px, 50% );
	        transform: translate( 0px, 50% );
}

[off-canvas*=shift][off-canvas*=right] {
	-webkit-transform: translate( -50%, 0px );
	        transform: translate( -50%, 0px );
}

[off-canvas*=shift][off-canvas*=bottom] {
	-webkit-transform: translate( 0px, -50% );
	        transform: translate( 0px, -50% );
}

[off-canvas*=shift][off-canvas*=left] {
	-webkit-transform: translate( 50%, 0px );
	        transform: translate( 50%, 0px );
}

/**
 * Print
 */


}

@media print {
	[canvas] {
		-webkit-transform: translate( 0px, 0px ) !important;
		    -ms-transform: translate( 0px, 0px ) !important;
		        transform: translate( 0px, 0px ) !important;
	}

	[off-canvas] {
		display: none !important;
	}
}

@media only screen and (min-width : 768px) {
    [off-canvas*="shift"][off-canvas*="right"]{margin: 0px !important;}  
    
}

@media only screen and (max-width : 479px) {
    .about-portrait h3{font-size: 22px;}
    h2.title{font-size: 30px;}
    .as_right_contant h2{font-size: 30px;}
    .top_banner,.as_right_contant dfn, .as_right_contant .as_text {
    font-size: 16px;
}
    .a_full h3{font-size: 16px;}
    .top_banner .left_contant{ padding: 30px 25px;}
    .as_right_contant dfn,.as_right_contant .as_text{ margin-left: 0px; margin-right: 0px;}
    .middle_container .a_full .btn,.middle_container .speeches_left_text .btn{ font-size: 15px;}
    .as_buton_box a.amazone, .as_buton_box a.waterstone, .as_buton_box a.atlanticbook,.middle_container .articles_left_text .btn{width: 250px;}
    .middle_container .articles_left_text .btn{width: 215px;}
    .about_right_text p, .articles_by p, footer h3 {
    font-size: 15px;
    line-height: 27px; padding-right: 0px;
}
    .middle_container .btn{font-size: 15px; text-align: center;} 
    .middle_container .about_right_text .btn {
    margin-top: 38px;
    padding: 10px 20px; font-size: 16px;
    width: auto;
}
    .speeches_left_text p {
    font-size: 13px;
    line-height: 19px; margin-bottom: 20px;
}
    .speeches h2,.about_vince h2, .articles_by h2{font-size: 30px;}
    .speeches h2{margin-bottom: 14px;}
    .mediun p, .bottom-part h4{font-size: 17px;}
    .middle_container .mediun .btn{ font-size: 15px;padding: 11px 15px;
    width: 210px;}
    .mediun{ padding-right: 15px;}
    .mediun .mlogo{width: 36%;}
    footer h2 {
    float: none;
    font-size: 41px;
        line-height: 44px;}
    footer ul li.contact_me h3{ font-size: 20px;}
    .contact_me p ,.mobile-text, .mobile-text p,.copy_right{
    font-size: 14px; line-height: 25px;
}
    footer .btn{font-size: 15px; padding: 9px 33px;}
    .mobile-logo h1{font-size: 32px; padding-top: 4px;}
     #main_wrapper .top_banner h1{display: block; font-size: 39px; left: 20px; top: -60px;}
    .about-content {
    padding-left: 20px;
    padding-right: 20px;
}
    #inner-banner .left_contant {
    padding: 40px 20px 30px;
}
    header ul{ height: 100%;}   
    .m-logo{width: 56%; padding: 10px 12px;}
      .tabs-nav a{ font-size: 20px; line-height: 50px;}
    .tabs-nav{ margin-left: 0px; left: 7%;}
    .click-tab{background-size: 49px;}
    #fragment-1{ padding-top: 20px;}
    .top_banner #inner-banner h1{font-size: 44px;}
    #main_wrapper-speeches .m_contant {
    padding: 20px 26px 35px;
}
     .testimonials{ margin-left: -26px; margin-right: -26px;}
     .tabs-container h3{ font-size: 28px;}
    #main_wrapper-speeches .middle_container a.button{font-size: 12px;}
    #inner-banner.banner_content.articles .mediun .btn{width: 198px;}
    #inner-banner.articles .left_contant p{font-size: 16px; line-height: 26px;}
    .title-upper h4 {
    font-size: 13px;
}
    .middle_container a.text-title{font-size: 11px;}
    #article-wrapper .click-tab span{padding-top: 2px;}
    .back-btn a{width: 45%;}
    .portfolio .text-category {
    width: 59%;
}
    #filters li span{font-size: 20px;}
    .book-description {
    width: 63%;
}
    .book-description h4 {
    font-size: 13px;
    line-height: normal;
	margin-bottom:2px;
}
    .book-description dfn{font-size: 13px; min-height: 0px; margin-bottom:10px; }
    #main_wrapper-publications .middle_container a.button{font-size: 11px;}
    .books h2{font-size: 26px;}
    .top_banner #inner-banner h1{ font-size: 32px; top: -55px;}
    #inner-banner.banner_content.articles .mediun .btn{font-size: 14px;}
    .middle_container .speeches_left_text .btn{width: 164px; font-size: 12px;}
    .speeches{height: 311px;}
    .responsive_m{overflow: visible;}
   
}