@font-face{font-family:Lora-Bold;
   src: url(../fonts/lora/Lora-Bold.ttf); }

@font-face{font-family:Lora-Regular;
   src: url(../fonts/lora/Lora-Regular.ttf); }
 
 @font-face{font-family:Roboto-Bold;
   src: url(../fonts/roboto/Roboto-Bold.ttf); }
 
 @font-face{font-family:Roboto-Regular;
   src: url(../fonts/roboto/Roboto-Regular.ttf); }
 
 @font-face{font-family:Roboto-Light;
   src: url(../fonts/roboto/Roboto-Light.ttf); }
   
   
   #blog_area_section_padding{padding-top:0px;  padding-bottom: 0px; }


    #stories_blog_article_container{ margin-top:0px;  margin-left:30%; width:85%;}

    #breadcrumbTitleStories{ margin-top:57px;}
    #breadcrumbTitleStories h2{ font-size:120%; letter-spacing: 2px;   text-align:center;  color:#546C94;
                                    padding-left:1%; position:relative; z-index:1; padding-bottom:20px;
                                 font-family: Roboto-Regular;  text-transform: uppercase;   font-weight:normal;}
                                 
    #breadcrumbTitleStories h2:after{ content:""; position:absolute; left:42%;
                                     bottom:0; width:20%; border-bottom:1px solid rgba(84,108,148, .5);}
    
    
    #breadcrumbTitleSingleStories{  width:69%; margin:auto;
                                      margin-top:60px;  }
    #breadcrumbTitleSingleStories h2{ font-size:120%; letter-spacing: 2px;   text-align:left;  color:#546C94;
                                    position:relative; z-index:1; padding-bottom:20px;
                                 font-family: Lora-Bold;  text-transform: capitalize;   font-weight:normal;}
                                 
    #breadcrumbTitleSingleStories h2:after{ content:""; position:absolute; left:0%;
                                     bottom:0; width:100%; border-bottom:1px solid rgba(115, 47, 154, .3);}
    
    
    #breadcrumb_bg{height:250px;}


    #storiesMainDiv{width:100%; margin:auto; }
    #profileMainDiv{width:95%; margin:auto;}
    #single_sidebar_widget{border-right:dashed 1px rgba(236, 235, 238, 0.5);}
    #single_sidebar_widget a{ font-family: Roboto-Regular;}


    #blog_item input{margin: 15px auto;  height: 60px;}
    #blog_item textarea{margin: 15px auto;  height: 90px; padding-top:10px ;}

    #blog_item #sendInputBtn{ border:  #D1B000 solid 2px; margin-top: 25px;  height: 40px; width: 150px; font-size: 110%; margin-left: 10px; color: white; background-color:  #D1B000;}
    #blog_item #sendInputBtn:hover{ font-size:122%; color:  #D1B000; background-color:  #ffffff; border:  #D1B000 solid 2px;}

    #blog_item{   position:relative; z-index:1; padding-bottom:0px; padding-left: 5%; padding-right: 2%;}
    #blog_item:after{ content:""; position:absolute; left:2%;
                      bottom:0; width:96%; }

    #blog_item_img span{ font-family: Roboto-Regular; background-color: rgb(246, 143, 81); padding:7px 14px;}
   #blog_details{ border:dashed 1px rgba(246,143,81,.8); margin-bottom:50px; text-transform: capitalize; font-family: Lora-Bold;}
   #blog_details h2{ text-transform: capitalize; font-family: Lora-Bold; font-weight:100;}
   #blog_details p{ text-transform: capitalize; font-family: Roboto-Light; }

   .detials p{ text-transform: capitalize; font-family: Roboto-Light; }
   .detials h4{ text-transform: capitalize; font-family: Roboto-Light; }

    #storyReadMoreLink{ display:inline-block;  border: solid 1px rgba(128,128,128,.2); color:#546C94; font-family: Roboto-Regular; border-radius:20px; padding:1px 10px; }
    #storyReadMoreLink:hover{ border: solid 1px rgb(246, 143, 81); background-color: whitesmoke; }

    #page-item{ background-color: #546C94;}
    #page-item a{ color: #546C94; font-weight:bold; width:70px;}
    #page-item a:hover{ color: white; font-weight:bold;  }

    #media_post_item img{ height:65px; width:65px;}
    .thumb img{ height:65px; width:65px;}
    .icon-user{ font-size:170%;  padding:20px;   background-color: rgba(128,128,128,.1); 
                 border-radius:50%;}
     .user .thumb{margin-top:20px; }
    
    #widget_title{ font-family:GardenC; font-weight:normal; letter-spacing: 2px; margin-bottom: 10px; color: #D1B000;}
    #widget_title_para{ font-family:Roboto-Light; margin:0px; font-size: 110%; font-weight:normal; letter-spacing: 2px;}

    #media-body h3{ font-family: Lora-Regular; text-transform:capitalize; }
    #media-body p{ font-family: Roboto-Light; }


    #button-SubmitcontactForm{ font-family: Roboto-Light; color:white; background-color: #016299; border-radius:20px; padding:10px 10px 10px 20px;
                                border:solid white 1px; }
      #button-SubmitcontactForm:hover{ background-color: rgb(246, 143, 81)}
    #button-SubmitcontactForm i{  color:white;} 


      #blog_item_container, #loadMoreStoryBtn{ display:block;}
   


        
 @media only screen and (min-width: 991px) and (max-width: 1280px) {

   #storiesMainDiv{ width:100%; margin:auto; padding:0px;  }
   #profileMainDiv{ width:100%; margin:auto; padding:0px;  }

}




@media only screen and (min-width: 767px) and (max-width: 991px) {
   
 #breadcrumbTitleStories h2{ line-height: 30px; font-size:40%;}
 #breadcrumbTitleSingleStories h2{ line-height: 30px; font-size:40%;}
 #storiesMainDiv{ width:100%; margin:auto; padding:0px;  }
 #profileMainDiv{ width:100%; margin:auto; padding:0px;  }
 #single_sidebar_widget-MainColumn{ margin-top:20px; }

}








@media only screen and (max-width: 767px) {

   #storiesMainDiv{ width:100%; margin:auto; padding:0px;  }
   #profileMainDiv{ width:100%; margin:auto; padding:0px;  }
 .blog_details p{  padding:6px; }
 #single_sidebar_widget-MainColumn{ margin-top:25px; }
  







}