.topboarder{border-top: 1px solid #E3E3E3;}
.marginnone{margin:0px}
@media screen and (max-width:480px){
    .resize_screen{
        width:33.3%;
        min-height: 75px;	}
}

@media screen and (max-width:320px){
    .resize_screen{
        width:50%;
        min-height: 75px;		}
}
.report_latest {
    
    font-size: 13px;
    
}
/* See license.txt for terms of usage */

/** reset styling **/

.firebugResetStyles {

    z-index: 2147483646 !important;

    top: 0 !important;

    left: 0 !important;

    display: block !important;

    border: 0 none !important;

    margin: 0 !important;

    padding: 0 !important;

    outline: 0 !important;

    min-width: 0 !important;

    max-width: none !important;

    min-height: 0 !important;

    max-height: none !important;

    position: fixed !important;

    -moz-transform: rotate(0deg) !important;

    -moz-transform-origin: 50% 50% !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    background: transparent none !important;

    pointer-events: none !important;

}



.firebugBlockBackgroundColor {

    background-color: transparent !important;

}



.firebugResetStyles:before, .firebugResetStyles:after {

    content: "" !important;

}

/**actual styling to be modified by firebug theme**/

.firebugCanvas {

    display: none !important;

}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.firebugLayoutBox {

    width: auto !important;

    position: static !important;

}



.firebugLayoutBoxOffset {

    opacity: 0.8 !important;

    position: fixed !important;

}



.firebugLayoutLine {

    opacity: 0.4 !important;

    background-color: #000000 !important;

}



.firebugLayoutLineLeft, .firebugLayoutLineRight {

    width: 1px !important;

    height: 100% !important;

}



.firebugLayoutLineTop, .firebugLayoutLineBottom {

    width: 100% !important;

    height: 1px !important;

}



.firebugLayoutLineTop {

    margin-top: -1px !important;

    border-top: 1px solid #999999 !important;

}



.firebugLayoutLineRight {

    border-right: 1px solid #999999 !important;

}



.firebugLayoutLineBottom {

    border-bottom: 1px solid #999999 !important;

}



.firebugLayoutLineLeft {

    margin-left: -1px !important;

    border-left: 1px solid #999999 !important;

}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.firebugLayoutBoxParent {

    border-top: 0 none !important;

    border-right: 1px dashed #E00 !important;

    border-bottom: 1px dashed #E00 !important;

    border-left: 0 none !important;

    position: fixed !important;

    width: auto !important;

}



.firebugRuler{

    position: absolute !important;

}



.firebugRulerH {

    top: -15px !important;

    left: 0 !important;

    width: 100% !important;

    height: 14px !important;

    background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%13%88%00%00%00%0E%08%02%00%00%00L%25a%0A%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%F8IDATx%DA%EC%DD%D1n%E2%3A%00E%D1%80%F8%FF%EF%E2%AF2%95%D0D4%0E%C1%14%B0%8Fa-%E9%3E%CC%9C%87n%B9%81%A6W0%1C%A6i%9A%E7y%0As8%1CT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AATE9%FE%FCw%3E%9F%AF%2B%2F%BA%97%FDT%1D~K(%5C%9D%D5%EA%1B%5C%86%B5%A9%BDU%B5y%80%ED%AB*%03%FAV9%AB%E1%CEj%E7%82%EF%FB%18%BC%AEJ8%AB%FA'%D2%BEU9%D7U%ECc0%E1%A2r%5DynwVi%CFW%7F%BB%17%7Dy%EACU%CD%0E%F0%FA%3BX%FEbV%FEM%9B%2B%AD%BE%AA%E5%95v%AB%AA%E3E5%DCu%15rV9%07%B5%7F%B5w%FCm%BA%BE%AA%FBY%3D%14%F0%EE%C7%60%0EU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5JU%88%D3%F5%1F%AE%DF%3B%1B%F2%3E%DAUCNa%F92%D02%AC%7Dm%F9%3A%D4%F2%8B6%AE*%BF%5C%C2Ym~9g5%D0Y%95%17%7C%C8c%B0%7C%18%26%9CU%CD%13i%F7%AA%90%B3Z%7D%95%B4%C7%60%E6E%B5%BC%05%B4%FBY%95U%9E%DB%FD%1C%FC%E0%9F%83%7F%BE%17%7DkjMU%E3%03%AC%7CWj%DF%83%9An%BCG%AE%F1%95%96yQ%0Dq%5Dy%00%3Et%B5'%FC6%5DS%95pV%95%01%81%FF'%07%00%00%00%00%00%00%00%00%00%F8x%C7%F0%BE%9COp%5D%C9%7C%AD%E7%E6%EBV%FB%1E%E0(%07%E5%AC%C6%3A%ABi%9C%8F%C6%0E9%AB%C0'%D2%8E%9F%F99%D0E%B5%99%14%F5%0D%CD%7F%24%C6%DEH%B8%E9rV%DFs%DB%D0%F7%00k%FE%1D%84%84%83J%B8%E3%BA%FB%EF%20%84%1C%D7%AD%B0%8E%D7U%C8Y%05%1E%D4t%EF%AD%95Q%BF8w%BF%E9%0A%BF%EB%03%00%00%00%00%00%00%00%00%00%B8vJ%8E%BB%F5%B1u%8Cx%80%E1o%5E%CA9%AB%CB%CB%8E%03%DF%1D%B7T%25%9C%D5(%EFJM8%AB%CC'%D2%B2*%A4s%E7c6%FB%3E%FA%A2%1E%80~%0E%3E%DA%10x%5D%95Uig%15u%15%ED%7C%14%B6%87%A1%3B%FCo8%A8%D8o%D3%ADO%01%EDx%83%1A~%1B%9FpP%A3%DC%C6'%9C%95gK%00%00%00%00%00%00%00%00%00%20%D9%C9%11%D0%C0%40%AF%3F%EE%EE%92%94%D6%16X%B5%BCMH%15%2F%BF%D4%A7%C87%F1%8E%F2%81%AE%AAvzr%DA2%ABV%17%7C%E63%83%E7I%DC%C6%0Bs%1B%EF6%1E%00%00%00%00%00%00%00%00%00%80cr%9CW%FF%7F%C6%01%0E%F1%CE%A5%84%B3%CA%BC%E0%CB%AA%84%CE%F9%BF)%EC%13%08WU%AE%AB%B1%AE%2BO%EC%8E%CBYe%FE%8CN%ABr%5Dy%60~%CFA%0D%F4%AE%D4%BE%C75%CA%EDVB%EA(%B7%F1%09g%E5%D9%12%00%00%00%00%00%00%00%00%00H%F6%EB%13S%E7y%5E%5E%FB%98%F0%22%D1%B2'%A7%F0%92%B1%BC%24z3%AC%7Dm%60%D5%92%B4%7CEUO%5E%F0%AA*%3BU%B9%AE%3E%A0j%94%07%A0%C7%A0%AB%FD%B5%3F%A0%F7%03T%3Dy%D7%F7%D6%D4%C0%AAU%D2%E6%DFt%3F%A8%CC%AA%F2%86%B9%D7%F5%1F%18%E6%01%F8%CC%D5%9E%F0%F3z%88%AA%90%EF%20%00%00%00%00%00%00%00%00%00%C0%A6%D3%EA%CFi%AFb%2C%7BB%0A%2B%C3%1A%D7%06V%D5%07%A8r%5D%3D%D9%A6%CAu%F5%25%CF%A2%99%97zNX%60%95%AB%5DUZ%D5%FBR%03%AB%1C%D4k%9F%3F%BB%5C%FF%81a%AE%AB'%7F%F3%EA%FE%F3z%94%AA%D8%DF%5B%01%00%00%00%00%00%00%00%00%00%8E%FB%F3%F2%B1%1B%8DWU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*UiU%C7%BBe%E7%F3%B9%CB%AAJ%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5*%AAj%FD%C6%D4%5Eo%90%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5%86%AF%1B%9F%98%DA%EBm%BBV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%AD%D6%E4%F58%01%00%00%00%00%00%00%00%00%00%00%00%00%00%40%85%7F%02%0C%008%C2%D0H%16j%8FX%00%00%00%00IEND%AEB%60%82") repeat-x !important;

    border-top: 1px solid #BBBBBB !important;

    border-right: 1px dashed #BBBBBB !important;

    border-bottom: 1px solid #000000 !important;

}



.firebugRulerV {

    top: 0 !important;

    left: -15px !important;

    width: 14px !important;

    height: 100% !important;

    background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%0E%00%00%13%88%08%02%00%00%00%0E%F5%CB%10%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%06~IDATx%DA%EC%DD%D1v%A20%14%40Qt%F1%FF%FF%E4%97%D9%07%3BT%19%92%DC%40(%90%EEy%9A5%CB%B6%E8%F6%9Ac%A4%CC0%84%FF%DC%9E%CF%E7%E3%F1%88%DE4%F8%5D%C7%9F%2F%BA%DD%5E%7FI%7D%F18%DDn%BA%C5%FB%DF%97%BFk%F2%10%FF%FD%B4%F2M%A7%FB%FD%FD%B3%22%07p%8F%3F%AE%E3%F4S%8A%8F%40%EEq%9D%BE8D%F0%0EY%A1Uq%B7%EA%1F%81%88V%E8X%3F%B4%CEy%B7h%D1%A2E%EBohU%FC%D9%AF2fO%8BBeD%BE%F7X%0C%97%A4%D6b7%2Ck%A5%12%E3%9B%60v%B7r%C7%1AI%8C%BD%2B%23r%00c0%B2v%9B%AD%CA%26%0C%1Ek%05A%FD%93%D0%2B%A1u%8B%16-%95q%5Ce%DCSO%8E%E4M%23%8B%F7%C2%FE%40%BB%BD%8C%FC%8A%B5V%EBu%40%F9%3B%A72%FA%AE%8C%D4%01%CC%B5%DA%13%9CB%AB%E2I%18%24%B0n%A9%0CZ*Ce%9C%A22%8E%D8NJ%1E%EB%FF%8F%AE%CAP%19*%C3%BAEKe%AC%D1%AAX%8C*%DEH%8F%C5W%A1e%AD%D4%B7%5C%5B%19%C5%DB%0D%EF%9F%19%1D%7B%5E%86%BD%0C%95%A12%AC%5B*%83%96%CAP%19%F62T%86%CAP%19*%83%96%CA%B8Xe%BC%FE)T%19%A1%17xg%7F%DA%CBP%19*%C3%BA%A52T%86%CAP%19%F62T%86%CA%B0n%A9%0CZ%1DV%C6%3D%F3%FCH%DE%B4%B8~%7F%5CZc%F1%D6%1F%AF%84%F9%0F6%E6%EBVt9%0E~%BEr%AF%23%B0%97%A12T%86%CAP%19%B4T%86%CA%B8Re%D8%CBP%19*%C3%BA%A52huX%19%AE%CA%E5%BC%0C%7B%19*CeX%B7h%A9%0C%95%E1%BC%0C%7B%19*CeX%B7T%06%AD%CB%5E%95%2B%BF.%8F%C5%97%D5%E4%7B%EE%82%D6%FB%CF-%9C%FD%B9%CF%3By%7B%19%F62T%86%CA%B0n%D1R%19*%A3%D3%CA%B0%97%A12T%86uKe%D0%EA%B02*%3F1%99%5DB%2B%A4%B5%F8%3A%7C%BA%2B%8Co%7D%5C%EDe%A8%0C%95a%DDR%19%B4T%C66%82fA%B2%ED%DA%9FC%FC%17GZ%06%C9%E1%B3%E5%2C%1A%9FoiB%EB%96%CA%A0%D5qe4%7B%7D%FD%85%F7%5B%ED_%E0s%07%F0k%951%ECr%0D%B5C%D7-g%D1%A8%0C%EB%96%CA%A0%A52T%C6)*%C3%5E%86%CAP%19%D6-%95A%EB*%95q%F8%BB%E3%F9%AB%F6%E21%ACZ%B7%22%B7%9B%3F%02%85%CB%A2%5B%B7%BA%5E%B7%9C%97%E1%BC%0C%EB%16-%95%A12z%AC%0C%BFc%A22T%86uKe%D0%EA%B02V%DD%AD%8A%2B%8CWhe%5E%AF%CF%F5%3B%26%CE%CBh%5C%19%CE%CB%B0%F3%A4%095%A1%CAP%19*Ce%A8%0C%3BO*Ce%A8%0C%95%A12%3A%AD%8C%0A%82%7B%F0v%1F%2FD%A9%5B%9F%EE%EA%26%AF%03%CA%DF9%7B%19*Ce%A8%0C%95%A12T%86%CA%B8Ze%D8%CBP%19*Ce%A8%0C%95%D1ae%EC%F7%89I%E1%B4%D7M%D7P%8BjU%5C%BB%3E%F2%20%D8%CBP%19*Ce%A8%0C%95%A12T%C6%D5*%C3%5E%86%CAP%19*Ce%B4O%07%7B%F0W%7Bw%1C%7C%1A%8C%B3%3B%D1%EE%AA%5C%D6-%EBV%83%80%5E%D0%CA%10%5CU%2BD%E07YU%86%CAP%19*%E3%9A%95%91%D9%A0%C8%AD%5B%EDv%9E%82%FFKOee%E4%8FUe%A8%0C%95%A12T%C6%1F%A9%8C%C8%3D%5B%A5%15%FD%14%22r%E7B%9F%17l%F8%BF%ED%EAf%2B%7F%CF%ECe%D8%CBP%19*Ce%A8%0C%95%E1%93~%7B%19%F62T%86%CAP%19*Ce%A8%0C%E7%13%DA%CBP%19*Ce%A8%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4%AE%A4%F5%25%C0%00%DE%BF%5C'%0F%DA%B8q%00%00%00%00IEND%AEB%60%82") repeat-y !important;

    border-left: 1px solid #BBBBBB !important;

    border-right: 1px solid #000000 !important;

    border-bottom: 1px dashed #BBBBBB !important;

}



.overflowRulerX > .firebugRulerV {

    left: 0 !important;

}



.overflowRulerY > .firebugRulerH {

    top: 0 !important;

}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.fbProxyElement {

    position: fixed !important;

    pointer-events: auto !important;

}

/new css - thilak - 27th april/

#myCarousel #myTab li > div > span:nth-of-type(2) {font-size:18px}

#myCarousel #myTab li >div{float: left;text-align: center; width: 100%;background: none repeat scroll 0 0 white;line-height: 12px;padding: 18px 0 0;}

#myCarousel #myTab li .result {background: none repeat scroll 0 0 #FFFFFF;}

#myCarousel #myTab li >div >span{width:100%;float: left;padding: 2px;line-height: 12px;}

#myCarousel #myTab li >div >span:nth-of-type(even){margin-bottom:15px}

#myCarousel #myTab .hours li {margin: 1px 0 0;}

.cloud_color{background: none repeat scroll 0 0 #6c8492;color: white;float: left;font-size: 11px;font-weight: bold;height: 30px;padding: 9px; border:1px solid; text-align: center;width: 50%;}

.rain_color{background: none repeat scroll 0 0 #0ea4c9;color: white;float: left;font-size: 11px;font-weight: bold;height: 30px;padding: 9px; border:1px solid; text-align: center;width: 50%;}

.clear_color{background: none repeat scroll 0 0 #59ABCA;color: white;float: left;font-size: 11px;font-weight: bold;height: 30px;padding: 9px; border:1px solid; text-align: center;width: 99.96%;}

.img_icon_forecast img { border-radius: 100%; width: 50px;}

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

.modal-dialog {width:auto;}

}

@media (min-width: 480px) and (max-width: 700px) {

   .hours li {width:16.3%!important}  

  }

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

   .img_icon_forecast img { border-radius: 100%; width: 30px;}

	#myModal .carousel {padding:2px 5px 0px}

	#myModal .modal-title{margin-left:0px}

	#myCarousel #myTab li .result {font-size:11px}
			
	#myCarousel #myTab li > div > span {font-size:11px}
	
	.hours li {width:16.4%}
	
	#myCarousel #myTab li > div {padding: 10px 0 0;}
	
	#myCarousel #myTab li > div > span:nth-of-type(2) {font-size:14px}

}

@media screen and (max-width:480px){
   
	#myCarousel #myTab li .result {font-size:9px}
			
	#myCarousel #myTab li > div > span {font-size:8px}
			
	#myModal .carousel {padding:2px 3px}
	
	.hours li {width:16%}
	
	#myCarousel #myTab li > div > span:nth-of-type(2n) { margin-bottom: 5px;}
	
	.img_icon_forecast img { width: 25px;}
	
	#myCarousel #myTab li > div { padding: 6px 0 0;}
	
	 #myCarousel #myTab li > div > span:nth-of-type(2) {font-size:11px}
	.cellmargin {
    display: block;
    height: 12px;
	}
}
.c_f_letter{
    position: absolute;
    right: 24px;
    top: 18px;
	z-index:9
}
.deselect{ color: #5c5c5c !important; cursor: default; text-decoration: none!important;}
/css end/









    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->



	
	
	
	
	
	

.deselect{ color: #5c5c5c !important; cursor: default; text-decoration: none!important;}
.map{border: 1px solid #E7E7E7;float: left;padding: 10px;width: 100%;height:700px;}
.buttons_768{padding: 10px 0px; float: left;display:none}

.buttons_web{padding: 10px 0px; float: left;display:block}
<!-- modal forecast start -->


#myCarousel #myTab li > div > span:nth-of-type(2) {font-size:18px}

#myCarousel #myTab li >div{float: left;text-align: center; width: 100%;background: none repeat scroll 0 0 white;line-height: 12px;padding: 18px 0 0;}

#myCarousel #myTab li .result {background: none repeat scroll 0 0 #FFFFFF;}

#myCarousel #myTab li >div >span{width:100%;float: left;padding: 2px;line-height: 12px;}

#myCarousel #myTab li >div >span:nth-of-type(even){margin-bottom:15px}

#myCarousel #myTab .hours li {margin: 1px 0 0;}

#myCarousel #myTab.hours li a{color: #202020 !important;font-size:12px}

.cloud_color{background: none repeat scroll 0 0 #6c8492;color: white;float: left;font-size: 11px;font-weight: bold;height: 30px;padding: 9px; border:1px solid; text-align: center;width: 50%;}

.rain_color{background: none repeat scroll 0 0 #0ea4c9;color: white;float: left;font-size: 11px;font-weight: bold;height: 30px;padding: 9px; border:1px solid; text-align: center;width: 50%;}

.clear_color{background: none repeat scroll 0 0 #59ABCA;color: white;float: left;font-size: 11px;font-weight: bold;height: 30px;padding: 9px; border:1px solid; text-align: center;width: 99.96%;}

.img_icon_forecast img { border-radius: 100%; width: 50px;}

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

.modal-dialog {width:auto;}

}

@media (min-width: 480px) and (max-width: 700px) {

   .hours li {width:16.3%!important}  

  }

<!-- modal forecast end -->


.current_time{border: 1px solid #DBDBDB; min-height: 140px;float: left;}

.time_note{margin: 15px 0 8px;}

.town_name .time_info{width:100%;float:left;margin-top: 5px;}

.forecast_block:nth-child(odd) {background: none repeat scroll 0 0 #F8F8F8;}

.forecast_block:nth-child(even) {background: none repeat scroll 0 0 #fff;}

	#navbar, .navbar-header, footer{background: none repeat scroll 0 0 #172C36;border-radius: 5px 5px 5px 5px;}
	
	.nav .caret {
		border-bottom-color: #CCCCCC;
		border-top-color: #6C6C6C;
	}

	.navbar-toggle {
		border-color: #DDDDDD;
	}
	
	.navbar-toggle .icon-bar {background-color:#DDDDDD}

	.navbar-collapse.in {
		overflow-y: visible;
	}

	.dropdown:hover .dropdown-menu {
		display: block;
	 }
	 
	 .nav > li {  
	  float: left;   
	  color: #9C9C9C;
	}
	
	.fa-caret-right{margin-right:10px}
	
	.nav > li a {
		color: #9C9C9C;
		font-size: 13px;   
		padding: 15px 8px;
	}

	.nav > li > a:hover{
	   background-color:#000
	}

	.nav > li > a:focus{background-color:#212121}

	.dropdown-menu > li a { padding: 8px 20px;color: #6D6D6D;border-bottom:1px solid #ECECEC}

	.dropdown-menu > li > a:hover { background-color:#5CB85C}

	.dropdown-menu {margin: -1px 0 0;min-width:230px;}
	
	.settings > li a{padding: 4px 10px;}
	
	.settings > li a:hover{background:none;color:#fff}
	
	 footer ul{width:100%;margin:0 auto} 	 
	 
 	 footer .fa{font-size:25px}
	
	 footer a{text-align:center}
	
 	 footer h5{margin:0px;font-size: 12px;}
	
	.form-style{
		background: none repeat scroll 0 0 #172C36;
		border: 1px solid #4F4F4F;
		color: #878787;
		font-style: italic;
		padding: 5px;
	}	
	
	.settings > li{
		font-size: 13px;
		padding: 11px 4px;
	}
	
	.btn_login{
		background: none repeat scroll 0 0 #5CB85C;
		border: 1px solid #4CA84C;
		color: #FFFFFF;
		padding: 3px 9px;
    }

    .btn_login:hover, .btn_login:active {
        background: none repeat scroll 0 0 #6CC86C;
	}	
	
	
	.forecast_block{
		border-bottom: 1px solid #ECECEC;
		float: left;
		padding: 15px 0;
	}
	
	.font_green{
		background: none repeat scroll 0 0 #5CB85C;
		color: white;
		font-size: 14px;
		font-weight: normal;
		padding: 2px 3px;
		margin-top: 6px;
		float: left;
		
		
}
	.forecast_block .ico_weather {
		border-radius: 100% 100% 100% 100%;
		float: left;
		margin-bottom: 0;
		margin-right: 20px;
		margin-top: -6px;
		width: 44px;
	}

.forecast_block .day_name {float:left}

.forecast_block .time_info {
    color: #3F3F3F;
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    width: 100%;
}

.forecast_block .info {
    color: #9E9E9E;
    font-size: 11px;
    font-weight: bold;
}

.forecast_block .info_date {
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 15px;
    margin-top: 12px;
    text-align: left;
}

.mobile_view_hide{display:block}
.mobile_view_visible{display:none}
.current_time {min-height:100px; float:left}

@media screen and (max-width: 990px) {
.forecast_block .info_date {
   min-width: 240px;
    padding-right: 0;
	
}

.report_border .info{width:100%;float:left}

.weather_note {font-size:12px!important}

.time_note {font-size: 19px!important;}

.town_name .col-xs-6{width: 33%;margin-bottom:15px}


	
	footer ul li{float:left!important}
	
	.forecast_block .col-sm-2{padding:4px}
}	

@media screen and (max-width: 768px) {
	.forcast-pin.for_768{display: block; float: left; font-size: 12px; margin-left: 11px; margin-right: 10px; margin-top: 0; width: auto !important; position: relative;}

 <!-- modal forecast start 768px start -->

    .img_icon_forecast img { border-radius: 100%; width: 30px;}
	
	.buttons_768{padding: 7px 0px;display:block!important}


	
	#myModal .carousel {padding:2px 5px 0px}

	#myModal .modal-title{margin-left:0px}

	#myCarousel #myTab li .result {font-size:11px}
			
	#myCarousel #myTab li > div > span {font-size:11px}
	
	.hours li {width:16.4%;float:left!important}
	
	#myCarousel #myTab li > div {padding: 10px 0 0;}
	
	#myCarousel #myTab li > div > span:nth-of-type(2) {font-size:14px}
	
	<!-- modal forecast start 768px start -->





.desktop_dayname {margin: 8px 0 0 5px!important;}
.report_border .time_info{float: left; margin-top: -5px;}

.report_border .info{width:auto;float:left;margin-bottom:3px}

.report_border{margin-bottom:3px;height: 25px;}

.town_name .col-xs-6{width: 33%;margin-bottom:8px}

.time_info {color: #454545;font-size: 15px;}

.forecast_block .ico_weather {width: 34px;}

.forecast_block .device_small{width: 110px!important;}

.forecast_block .info_date {
    width: auto;
	min-width:215px;
	padding-right: 0;
}
.forecast_block .device_small_wind {width: auto !important;}

.time_note_ico {margin: -8px 14px 0 0; width: 40px;}
	
.town_name {
    background: none repeat scroll 0 0 #F3F3F3;
    padding: 5px 10px 3px;
}


 #navbar, .navbar-header{margin:0px!important}
	   
.nav > li {
		float: none;
		border-bottom:1px solid #333333
}
	
.forecast_block{	
    padding: 5px 0;
}	

.navbar-nav {
       margin: 5.5px 0;
 }

.buttons_web{padding: 7px;display:none!important}
 
.settings > li{float:left;border-bottom:0px solid #333333}

.dropdown-menu {width:100%}
	
.forecast_block .info_date{width:auto}
	
.forecast_block .col-sm-2 {
    width:auto;
}

.forecast_block .style_768{float: left; width: auto;}

.forecast_block .style_768 .col-sm-2{clear:both}

.forecast_block .style_768 .time_info{float:none}

.forecast_block .col-sm-2 { padding: 2px 14px;}

.town_name span{width:auto;padding: 0 2px;}

.town_name .info{float:left;width:auto;}

.town_name .time_info{float:left;width:auto;color: #3A3A3A;font-size: 14px;margin-top: 0;}

.town_name .time_note{font-size: 18px;padding: 0 2px;line-height: 20px;}
	
.weather_note {font-size: 12px!important;}

.current_time {min-height:100px; float:left}

}
	
	
@media screen and (max-width: 560px) {
    .settings > li, .settings > li input{width:100%}
	
	#navbar{padding-bottom:20px}
	
	.settings > li a {padding: 4px 0px;}  
	
    .forecast_block .info_date { min-width: 180px!important;}
	
	}
	
	@media screen and (max-width: 750px) {	
	
	.forecast_block .info_date { min-width: 190px;}
	
	.forecast_block .device_small{width:85px!important}
	
	.forecast_block .info_date {font-size: 12px;}
	
	.forecast_block .device_small_wind{width:auto!important}
	
	.forecast_block .ico_weather {width: 35px;}
	
	.forecast_block .info {font-weight: normal;}
	
	.forecast_block .time_info {font-size: 14px; font-weight: bold;}
	
	.forecast_block .col-sm-2 {padding: 2px 10px;}
	
	.forecast_block .font_green {font-size: 10px; font-weight: normal;padding: 1px 2px;}
	
	.forecast_block .day_name{float:left}
}	
	
	@media screen and (max-width: 480px) {
	
	.c_f_letter { right: 16px!important; top:-6px!important;}
	
	<!-- modal forecast start 480 start -->
	
    .result{font-size:9px!important}
		
	#myCarousel #myTab li .result {font-size:9px}
			
	#myCarousel #myTab li > div > span {font-size:8px}
			
	#myModal .carousel {padding:2px 3px}
	
	.hours li {width:16%}
	
	#myCarousel #myTab li > div > span:nth-of-type(2n) { margin-bottom: 5px;}
	
	.img_icon_forecast img { width: 25px;}
	
	#myCarousel #myTab li > div { padding: 6px 0 0;}
	
	#myCarousel #myTab li > div > span:nth-of-type(2) {font-size:11px}
	
	.cellmargin { display: block; height: 12px;}
	
	#myCarousel #myTab.hours li a {color: #202020 !important;font-size: 11px;}	
	
	<!-- modal forecast start 480 end -->	
	
	
	
	.detail_btn{float:left}
	
	.detail_btn{ margin-left: 25px;}
	
	.detail_btn .btn{font-size: 11px; line-height: 10px;padding: 3px;}
	
	.desktop_dayname {display:none}
	
	.forecast_block .device_small_wind {padding: 0 5px}
	
	.forecast_block .style_768 {float: left;width: auto;}
	
	.display_n_480{display:none}
	
	.display_b_480{display:block!important;font-size: 8px; text-transform: uppercase;}
	
	.container {padding-left: 6px; padding-right: 6px;}
	
	.mobile_view_hide{display:none}
    .mobile_view_visible{display:block}
	
	.current_time{padding: 2px 3px 2px 4px !important;;min-height:90px;}
	
	.forecast_block .style_768 .col-sm-2 { line-height: 19px;}
	
	.report_border .time_info {float: left; margin-left: 3px;margin-top: -5px !important;}
	
	.navbar-toggle {padding: 5px 4px;}

     .town_name .info {float: left; width: auto;font-size:10px}
	 
     .time_note {	margin: -1px 0 7px !important;}	
	 
	 .town_name{margin-bottom:2px}
	 
	 .town_name .time_note { font-size: 16px !important;line-height: 15px;}
	 
	 .town_name .time_info {width: auto;margin-top: 0px; font-size:11px}
	
	.time_note_ico {margin: -4px 9px 0 0 !important;width: 25px;}
	
	.report_border {margin-bottom: 4px;height:16px}
	
	.forecast_block .info_date {margin-bottom:0px;}
	
	.report_border .info { float: left; width: auto!important; margin-top: -2px; font-size:10px}	
	
	.forecast_block .info{font-size: 9px!important;}
	
	.town_name .col-xs-6{margin-bottom: 1px; padding: 0; width: 50%;}
	
	.forecast_block .col-sm-2 {padding: 0px 5px!important;}
	
	.forecast_block .day_name {clear: both; float: left;line-height:3px; margin-top: 3px;font-size:10px}

    .forecast_block .info_date {padding: 2px 10px;min-width:85px!important;margin-top:0px;}

	.forecast_block .ico_weather {width: 20px;margin-right: 10px;}
	
	.forecast_block .time_info {font-size: 11px;font-weight: bold;}
	
	.forecast_block .device_small {line-height: 9px;margin-top: 5px; width: 68px !important;}

	.forecast_block .device_small_wind { float: left; line-height: 0; margin-top: 2px; width:auto !important;}
	
	.report_border .info{width:100%;float:left}
	
	.time_info {color: #454545;font-size: 11px;}
	
	.forecast_block {padding: 0;}
	
	.forecast_block .font_green {margin-top: 0px;}
	
	.style_768 .col-sm-2:nth-child(3) , .style_768 .col-sm-2:nth-child(2){margin-top:-5px}
	
	.d_name{font-size:11px;margin-bottom: 7px;}
	
	.detail_btn{position:absolute;right:10px}
	
	.detail_btn a b:nth-of-type(1){display:block!important}
	.detail_btn a b:nth-of-type(2){display:none}
	

}
@media screen and (max-width: 350px) {	

	.forcast-pin .btn{padding: 5px;}

	.forcast-pin.for_768 input { width: 70px !important;}
	
	.forcast-pin.for_768 {height:40px}

}

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

.info_date .ico_weather:nth-of-type(1){margin-left:11px}

.forecast_block .day_name {width: 100%;}

 .forecast_block .info_date {padding: 2px 0px;text-align:center}

    .mrg{margin-top: 4px;padding-left: 0px;}

    .forecast_block .ico_weather {width: 30px;margin-right: 10px;}
	
    .town_name .info{font-size: 10px;}

    .time_info {color: #454545;font-size: 11px;}

    .report_border .info{font-size: 10px;}

    .forecast_block .device_small_wind {line-height:inherit}   

    .forecast_block .info_date {min-width: 80px !important; padding-right: 2px;}

	.forecast_block .col-sm-2 {margin:0px}
	
	.forecast_block .info{float:left}
	
	.forecast_block .time_info{float: left;line-height: 7px; width: auto;}
	
	.forecast_block .device_small {margin-top: 6px; width: 165px !important;}

	
	
	.time_note_ico { margin: 3px 14px 0 0 !important;}
	
	.report_border {height: 20px; margin-bottom: 4px; padding: 1px 7px;}
	
}

.raw_block {
    display: block;
    float: left;
    width: 100%;
}

.time_note{
    float: left;
    margin: 15px 0;
    padding: 0 0 0 0px;
    width: 100%;
	font-size: 14px;
}


.no-padding{padding:0px}

.weather_note{
    background: none repeat scroll 0 0 #5CB85C;
    color: white;
    font-size: 18px;
    font-weight: normal;
    padding: 2px 4px;
}

.town_name{
    background: none repeat scroll 0 0 #fff;   
   
}

.time_note_ico{margin: -10px 14px 0 0;}

.display_b_480{display:none}


.desktop_dayname{
    clear: both;
    color: #5C5C5C;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin: 8px 0 0 16px;
    text-transform: uppercase;
}
	
.detail_btn a b{font-weight:normal}

.detail_btn a b:nth-of-type(1){display:none}