/*Impact Stories New styles  : End*/
@media all and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
  /* your css rules for ipad portrait */
}
@media (max-width: 1299px){

/*
.item .thumb {width: 119px;}
.action .deazzle-app div:not(:last-child) {margin-right: 125px;}*/

@media only screen and (min-width : 414px) and (max-width : 736px) and (orientation : portrait) { 
	/*
  .item .thumb {width: 150px;cursor: pointer;float: left;}
  .impact-carousel {margin-bottom: 17px;} */	
	/*.box .overbox { padding: 13px 41px;width: 155px;}*/
	
}
@media only screen and (min-width : 414px) and (max-width : 736px) and (orientation : landscape) { 



/*
.mb-20{margin-bottom: 20px}
.item .thumb {width: 50%;cursor: pointer;float: left;}
.box .overbox { padding: 13px 123px;}
.panel-success-story-image {width: 50%;margin-left: 0px;}
.panel-success-story .text{width: 50%;margin-left: 0px;}
.panel-success-story .text h4{color: #FFFFFF;margin: 0;line-height: 1.1em;padding: 15px 0;font-size: 15px;}
.panel-success-story .text p {height: 89px;-moz-padding-right: 20px;display: -moz-box;-moz-line-clamp: 3;-moz-box-orient: vertical;display: -webkit-box;
    -webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;padding-right: 15px;}*/
}

@media only screen and (min-width : 320px) and (max-width : 358px) { /*.item .thumb {width: 50%;cursor: pointer;float: left;}.box .overbox {padding: 13px 18px;}*/}
@media only screen and (min-width : 360px) and (max-width : 374px) { /*.item .thumb {width: 50%;cursor: pointer;float: left;}.box .overbox {padding: 13px 18px;}*/}
@media only screen and (min-width : 375px) and (max-width : 380px) { /*.item .thumb {width: 50%;cursor: pointer;float: left;}.box .overbox {padding: 13px 18px;}*/}
@media only screen and (min-width : 384px) and (max-width : 390px) { /*.item .thumb {width: 50%;cursor: pointer;float: left;}.box .overbox {padding: 13px 18px;}*/}
@media only screen and (min-width : 480px) and (max-width : 495px) { /*.item .thumb {width: 50%;cursor: pointer;float: left;*/}

/*
.mb-20{margin-bottom: 20px}
.panel-success-story-image {width: 50%;margin-left: 0px;}
.panel-success-story .text {width: 50%;margin-left: 0px;}
.panel-success-story .text h4 {color: #FFFFFF;margin: 0;line-height: 1.1em;padding: 15px 0;font-size: 15px;}
.panel-success-story .text p {height: 89px;-moz-padding-right: 20px;display: -moz-box;-moz-line-clamp: 3;-moz-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;padding-right: 15px;}*/
}
@media only screen and (min-width : 768px) and (max-width : 775px) { /*.item .thumb {width: 50%;cursor: pointer;float: left;} .action .deazzle-app div:not(:last-child){margin-right: 0px;}*/.mb-20{margin-bottom: 20px;}}
@media only screen and (min-width : 480px) and (max-width : 485px) { /*.item .thumb {width: 50%;cursor: pointer;float: left;}*/.mb-20{margin-bottom: 20px}}


@media (min-width : 320px) and (max-width : 480px)  {
/*
.mb-20{margin-bottom: 20px}
.panel-success-story-image {width: 50%;margin-left: 0px;}
.panel-success-story .text{width: 50%;margin-left: 0px;}
.panel-success-story .text h4{color: #FFFFFF;margin: 0;line-height: 1.1em;padding: 15px 0;font-size: 15px;}
.panel-success-story .text p {height: 89px;-moz-padding-right: 20px;display: -moz-box;-moz-line-clamp: 3;-moz-box-orient: vertical;display: -webkit-box;
    -webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;padding-right: 15px;}*/
}

@media (min-width: 768px) and (max-width: 991px) {
    /*
.panel-success-story .image,.panel-success-story .text{display: inline-block;float: left;margin-left: 0;}
    .panel-success-story .text{}
  .panel-success-story .text h4{color: #FFFFFF;margin: 0;line-height: 1.1em;padding: 15px 0;font-size: 22px;}
  .panel-success-story .text p{}*/
}

@media (min-width: 992px) and (max-width: 1199px){
/*.panel-success-story .image,
.panel-success-story .text{display: inline-block;float: left;margin-left: 0;}
.panel-success-story .text{}
.panel-success-story .text h4{color: #FFFFFF;margin: 0;line-height: 1.1em;padding: 15px 0;font-size: 22px;}
.panel-success-story .text p{ height: 99px;}
.panel-success-story .text{width: 280px}*/
@-moz-document url-prefix(){
.panel-success-story .text p{height: 218px;}
}
/*.panel-upcoming h4{padding: 53px 0;}
.panel-success-story-image {display: inline-block;float: left;width: 222px;/*margin-left: 15px;*/}*/
}

/*Impact Stories New styles  : End*/